/*  
Theme Name: cx Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: A smooth and subtle theme based on a strict grid.
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/
* {
	font-size: 100%;
	margin: 0;
	padding: 0;
	/*line-height: 1.4em;*/
	line-height: 1.41;
}
body {
	position: relative;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#page {
	display: block;
	width: 800px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
#header {
	float: left; 
	display: block; 
	width: 800px; 	 
	/*min-height: 355px; height: 354px;*/s
	margin: 0; 
	padding: 0;
	border: 0px solid red;
}
* html #header { 
	height: 356px; 
	min-height: 356px;
}
#content2 {
	float: left; 
	display: block; 
	width: 593px; 
	margin: 0 0 0 0;
	padding: 0;
}
#sidebar {
	float: left; 
	display: block; 
	width: 190px; 
	margin: 0 0 0 0;
	padding: 0;
	border-right: 1px solid #000000;
}
* html #content, * html #sidebar {
	margin-top: -24px;
}
.post {
	float: left; 
	display: block; 
	width: 587px; 
	margin: 0 0 0 0;
	background-color: #2a2a2a;
	background-image: url(images/black.gif);
	background-repeat: repeat-y;
}
.page {
	float: left; 
	display: block; 
	width: 557px; 
	margin: 0 0 0 8px;
	border: 0px solid black;
}
.archive {
	float: left; 
	display: block; 
	width: 575px; 
	padding: 5px;
	background-color: #2a2a2a;
	margin: 0 0 0 0; 
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
#sidebar .post {
	display: block; 
	width: 180px; 
	margin: 0 0 0 0px; 
	padding: 5px;
	background-color: #2a2a2a;
}
.title {
	float: left; 
	display: block; 
	width: 585px; 
	background-color: #3a3a3a; 
	margin: 0 0 0 0;
	border: 1px solid #000000;
}
#sidebar .title {
	float: left; 
	display: block; 
	width: 189px;
	background-color: #3a3a3a;
	
}
.entry {
	float: right; 
	display: block; 
	width: 435px;
	margin: 0; 
	padding: 5px;
	background-color: #2a2a2a;
	font-size: 11px;
	border-right: 1px solid #000000;
	background-image: url(images/black.gif);
	background-repeat: repeat-y;

}
.postinfo {
	float: left; 
	display: block; 
	width: 135px; 
	margin: 0 0 10px 0;
	
}

.archive .postinfo { margin-left: 0; }
.archive .entry { margin-right: -24px; }
* html .post, * html #sidebar .post, * html .archive  { margin-left: 0; position: relative; left: 18px;}
p img { float: left; margin: 0 7px 7px 0; }
a img { border: none; }

/* typography */
h1 {font: 2.2em Verdana, Tahoma, Arial, sans-serif; color: #fff; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Verdana, Arial, Helvetica, sans-serif; padding: 9px 24px 12px 24px; font-weight: bold;}
#content .postwrapper .title h2 {font-weight: bold; font: 1.4em Verdana, Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 13px 50% no-repeat; padding: 4px 90px 5px 30px;}

#sidebar .title h2 {font: 1.05em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 8px 0 8px 16px; background: none; color: #6586A8; font-weight: bold;}

.title small {float: right; padding: 11px 12px 3px 0; color: #6586A8;}
h2 a, h2 a:visited { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
p {margin: 0 0 5px 0; padding: 0;}
.entry p {padding-right: 2px;}
.postinfo p {padding: 0 3px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 5px 0 5px 5px;}
ol {margin: 5px 0 5px 5px;}
ul li {margin: 0 10px 0 10px;}
ol li {margin: 0 10px 0 10px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
/*.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}*/
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 2px; text-align: left; }
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 118px 0;}
.catlist li {float: left; margin: 0 8px 0 0; border-bottom: 1px solid #000000;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #000000;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
/*.catlist a:hover {background: #F2F2F2;}*/
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}

#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 0px 0 8px;}
#sidelist ul {list-style-type: disc; }

/* links */
a, a:visited {color: #FFFFFF; text-decoration: none;}
p a:hover, ul a:hover {/*background-color: #3a3a3a;*/}
#content p a:hover, #content ul a:hover { /*background-color: #E2EBF8;*/}

/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #000000; background: #3a3a3a; color: #FFFFFF; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 348px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px; border: 1px solid black;}
input.field, input .field, textarea.field, textarea .field {
border: 1px outset #000000;
width: 99%;
color: #FFFFFF;
background-color: #3a3a3a;

}
input.field2, input .field2 {
border: 1px outset #000000;
width: 150px;
background-color: #3a3a3a;
color: #FFFFFF;
}

/* footer */
#footer {clear: both; display: block; width: 800px; /*background: url(images/bg_footer2.gif) bottom no-repeat;*/ border-bottom: 0px solid #9BC3D5; text-align: left;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 800px; height: 15px; /*background: url(images/bg_footer-top2.gif) top no-repeat;*/}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #bbbbbb;}