/* 
Theme Name: COMPackage Blog Theme
Theme URL: http://blog.compackage.com
Description: A custom theme for the COMPackage blog.
Author: Matt Thompson - Fathom SEO
Author URI: http://www.fathomseo.com
Version: 1.0
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body {
	background: #cccccc url('images/background.jpg') repeat-y;
	background-position: center;
    color: #000;
	font-family: verdana, arial, sans-serif; 
	font-size: 12px; 
    line-height: 18px; 
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a:link {
    color: #990000;
    text-decoration: none;
}
a:visited {
    color: #990000;
    text-decoration: none;
}
a:hover {
    color: #990000;
    text-decoration: underline;
}
a:active {
    color: #990000;
    text-decoration: none;
}

p {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

h1, h1 a {
	color: #179233;
    font-family: verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}
h2 {
	color: #179233;
    font-family: verdana, arial, sans-serif;
	font-size: 16px;
}
h3 {
	color: #000000;
    font-family: verdana, arial, sans-serif;
	font-size: 12px;
	margin: 10px 0px 15px 0px;
}

#page-container {
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

hr {
	background-color: #cccccc;
	border: 0px;
	color: #cccccc;
	height: 2px;
	margin: 0px;
	margin-top: -5px;
	padding: 0px;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 3px 0px 7px 0px;
	padding: 1px;
}

/* ------- Header ------- */

#header {
	height: 78px;
	padding: 0px 10px 0px 10px;
}

#header-right {
	float: right;
	width: 474px;
}

#client-login, #client-login a {
	color: #ff0000;
	font-weight: bold;
	float: right;
	margin-top: -5px;
}

#self-service-tagline {
	color: #ff0000;
	font-size: 18px;
	line-height: 20px;	
	margin: 17px 0px 0px 125px;
}

/* ------- Navigation ------- */

#top-nav {
	background: url('images/top-nav-bg.jpg'); no-repeat;
	color: #FFFFFF;
	
	font-size: 14px;
	height: 34px;
	text-align: center;
	width: 940px;
}

#top-nav #navlinks {
	padding-top: 8px;
}

#top-nav a {
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}

#top-nav a:hover {
	text-decoration: underline;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         { float: left; position: relative; margin-top: -6px; padding-top: 0px; margin-left: 10px; }
html>/**/body ul.dropdown  						{ margin-left: 0px; }
ul.dropdown li                      { float: left; display: block; margin: 0px; padding: 0px; padding: 0px 11px; border-right: 1px solid #007c3d; color: #FFF; padding-top: 5px; padding-bottom: 8px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { padding-top: 10px; padding-bottom: 10px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #FFFFFF; position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 195px; visibility: hidden; position: absolute; top: 100%; left: -2px; text-align: left; margin: 0px; padding: 0px; border: 1px solid #007c3d; font-size: 13px; }
ul.dropdown ul li 					{ font-weight: normal; background: #179233; color: #000; float: none; border: 0px; padding: 0px; padding-left: 10px; }
* html ul.dropdown ul li		{ display: inline; width: 100%; } 
                                    	/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a		{ color: #FFFFFF; border-right: none; width: 100%; display: inline-block; padding: 5px 10px 10px 0px; } 


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; margin-top: -1px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* ------- Sidebar ------- */

#sidebar-container {
	float: left;
	width: 210px;
}

#sidebar {
	padding-left: 10px;
}

#questions {
	color: #00ac0a;
	font-size: 14px;
}

.sidebar-box {
	background: url('images/sidebar-btn-bg.gif') repeat-y;
	border-bottom: 1px solid #179233;
	width: 202px;
}

.sidebar-box-header {
	background: url('images/sidebar-box-header.gif');
	height: 31px;
	width: 202px;
}

.sidebar-box-header p {
	color: #FFFFFF;
	padding: 6px 0px 0px 11px;
	margin: 0px;
}

.sidebar-box-content {
	padding: 5px 10px 8px 10px;
}

.textfield {
	border: 1px solid #cccccc;
	color: #353535;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.textfield, #searchtext {
	border: 1px solid #cccccc;
	color: #353535;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.searchsubmit {
	border: 0px;
}

.submitBtn {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	color: #353535;
	margin: 5px 0px 7px 0px;
}

#sidebar input {
	margin: 0px 0px 6px 0px;
}

#sidebar ul {
	list-style-type: none;
	margin: 6px 0px 6px 0px;
}

#sidebar ul li {
	padding: 6px 0px 6px 0px;
}

#sidebar ul li select {
	margin: 6px 0px 6px 0px;
}

#sidebar ul li input {
	margin: 6px 0px 3px 0px;
}

#sidebar h2 {
	margin-bottom: 3px;
}

#searchtext {
	width: 180px;
}

#searchform {
	margin-bottom: 6px;
}

#searchform input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

/* ------- Content ------- */

#main-content-container {
	margin-left: 230px;
	padding-top: 12px;
	width: 698px;
}

#main-content-container a {
	text-decoration: underline;
}

#subpage-content-container {
	margin-left: 230px;
	padding-top: 12px;
	width: 695px;
}

#web-mc {
	float: right;
	margin-top: 7px;
	margin-right: 1px;
	outline: none;
	text-align: right;
}

#homeleft {
	float: left;
	width: 378px;
}

#homeright {
	margin-left: 395px;
	width: 300px;
}

#homeright ul li {
	color: #990000;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: -25px;
}

#subpage-red-list {
	color: #990000;
}

#subpage-red-list li {
	margin-left: -10px;
}

#subpage-red-title {
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px 0px 0px 10px;
	margin: 0px;
}

.postauthor {
	margin: 3px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
}

.postmeta {
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#commentlist {
	list-style-type: none;
}

.commenttext p {
	margin-top: -10px;
}

.post-btm-margin {
	margin-bottom: 15px;
}


/* ------- Footer ------- */

#footer {
	clear: both;
	color: #990000;
	margin-left: 10px;
	padding-top: 10px;
	text-align: center;
	width: 920px;
}

#footer hr {
	background-color: #e3e3e3;
	color: #e3e3e3;
	border: 0px;
	height: 2px;
	margin: 0px;
	padding: 0px;
}

#post ul, #post li {
margin-left:10px;
}