/* @override http://programming.dev:8888/wp-content/themes/CnM/style.css */



/*  

Theme Name: Clean and Mean

Theme URI: http://cavemonkey50.com/code/clean-and-mean/

Description: A Clean Theme for Mean Content

Version: 3.1

Author: Ronald Heft, Jr.

Author URI: http://cavemonkey50.com/

*/



body {

	background: #eee;

	font-family: Verdana, Arial, sans-serif;

	}



div#page {

	width: 760px;

	margin: 0 auto;

	background: #fff;

	border: 1px solid #000;

	}



div#header {

	width: 760px;

	height: 200px;

	}



div#header .header-text {

	position: absolute;

	top: 36px;

	width: 760px;

	height: 23px;

display:none;

	text-align: center;

	opacity: 0.8;

}



div#header .header-box {

	background: #fff;

	font: bold 1.3em Arial, Helvetica, Geneva, sans-serif;

}



div#header img {

	border: 0;

	}

	

ul#menu {

	overflow: hidden;

	margin: 0;

	height: 19px; /* Potential fix for new text rendering */

	padding: 1px 10px 5px;

	list-style: none;

	background: #069 url('images/menu.png') 100% 100%;

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

	}



ul#menu li {

	display: inline;

	margin: 0;

	}



ul#menu a {

	margin: 0;

	padding: 10px;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-size: 70%;

	font-weight: bold;

	color: #fff;

	text-decoration: none;

	}



ul#menu a:hover {

	padding: 10px 8px;

	background: #036;

	border-left: 2px solid #fff;

	border-right: 2px solid #fff;

	}



div#content {

	float: left;

	/* width: 538px;*/

	width: 528px; 

	padding: 10px;

	text-align: justify;

	}



div#sidebar, div#sidebar2 {

	float: right;

	width: 180px;

	padding: 20px 10px 10px 10px;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-size: 70%;

	}



div#sidebar2 {

	float: left;

}



div#footer {

	clear: both;

	height: 15px;

	padding: 5px;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-size: 70%;

	font-weight: bold;

	text-align: center;

	color: #fff;

	border-top: 1px solid #000;

	background: #069 url('images/menu.png');

	}



div#footer #left {

	float: left;

	margin: -5px 0;

	padding: 5px 0 5px 20px;

	width: 230px;

	text-align: left;

	background: url('images/subscribe.png') left 60% no-repeat;

	}



div#footer #right {

	float: right;

	margin: -5px 0;

	padding: 5px 20px 5px 0;

	width: 230px;

	text-align: right;

	background: url('images/layout.png') right 60% no-repeat;

	}



/* @group Headers */



div#content h1 {

	margin: 40px 0 0 0;

	padding: 0 0 2px 0;

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	font-size: 1.2em;

	font-weight: normal;

	letter-spacing: -1px;

	border-bottom: 1px dotted #ccc;

	}



div#content .item h1 {

	font-weight: bold;

	}



div#content h1.title {

	margin: 5px 0 15px 0;

	text-align: center;

	font-weight: bold;

	border: 0;

	}



/* Stupid Hack So Opera Can Function */

div#content .first h1 {

	margin-top: 5px;

	}



div#sidebar h1, div#sidebar2 h1 {

	margin: 20px 0 5px 0;

	text-transform: uppercase;

	letter-spacing: 1px;

	font: bold 12px "Trebuchet MS", "Verdana", sans-serif;

	color: #888;

	}



div#comments h2 {

	margin: 0;

	padding: 0;

	display: inline;

	font-size: .8em;

	font-weight: bold;

	}



div#comments ol#trackbacklist h2 {

	display: block;

	}



h3 {

	margin: 30px 0 10px 0;

	padding: 0 0 2px 0;

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	font-size: 1.2em;

	font-weight: bold;

	}



div#comments h3 {

	margin: 20px 0 -10px 0;

	font-size: 1em;

	}



/* @end */



/* @group WordPress */



div#content .item .metalink, div#comments .commentmeta {

	margin: 3px 10px 0 0;

	padding: 2px 0;

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	font-size: .7em;

	color: #888;

	}



div#content .item .headerlist, div#content .metalinks {

	margin: 5px 0 0 0;

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	font-size: .7em;

	color: #888;

	}



div#content .item .metadata, div#content .metalinks .metalink {

	margin: 0 10px 0 0;

	padding: 2px 0;

	}



div#content .item  .metalink {

	margin-left: 10px;

	font-size: .6em;

	}



div#content .item .date {

	padding-left: 20px;

	background: url('images/date.png') left center no-repeat;

	}



div#content .item .cats {

	padding-left: 20px;

	background: url('images/note.png') left center no-repeat;

	}



div#content .metalinks .feed {

	padding-left: 20px;

	background: url('images/feed.png') left center no-repeat;

	}



div#content .metalinks .trackback {

	padding-left: 20px;

	background: url('images/trackback.png') left center no-repeat;

	}



div#content .metalinks .response {

	padding-left: 20px;

	background: url('images/respond.png') left center no-repeat;

	}



div#content .item .metadata .commentslink {

	padding-left: 20px;

	background: url('images/comments.png') left center no-repeat;

	}



div#comments .commentmeta {

	padding: 0;

	}



div#comments ol#trackbacklist .commentmeta {

	margin: 1px 0 0 0;

	}



div#comments ol#commentlist .commentmeta {

	font-size: .8em;

	}



div#comments .metalinks {

	margin-bottom: 18px;

	}



div#content .item .itemtext, div#comments .commenttext, #comments .commentstatus {

	font-size: 78%;

	line-height: 1.3;

	}



#comments .commentstatus {

	margin: 20px 0 15px 0;

	}



div#footer #left a {

	margin: 0 10px 0 0;

	}



div#footer #right a {

	margin: 0 0 0 10px;

	}



form#searchform {

	margin: 0;

	}



form#searchform div {

	margin-bottom: -20px;

}



form#searchform input {

	display: none;

	width: 173px;

	padding: 2px;

	border: 1px solid #ccc;

	}



form#searchform input#s {

	display: block;

}



div.navigation {

	margin: 20px 0 12px 0;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



div.navigation p {

	padding: 2px 0;

	text-align: center;

	font-size: .7em;

	border-top: 2px solid #069;

	border-bottom: 2px solid #069;

	}



div.navigation p.home {

	margin: 5px 0;

	padding: 0;

	font-size: .8em;

	border: 0;

	}



div.gravatar {

	float: right;

	margin-top: -5px;

	}



#author, #email, #url {

	width: 169px;

	margin: 20px 0 15px 0;

	padding: 2px;

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	font-size: .8em;

	border: 1px solid #ccc;

	}



#author {

	background: url('images/name.png') 50% 50% no-repeat;

	}



#email {

	background: url('images/email.png') 50% 50% no-repeat;

	}



#url {

	background: url('images/url.png') 50% 50% no-repeat;

	}



#comment-labels {

	display: none;

	}



/* The Following Hack is Used Since Safari Doesn't Support Textbox Images */

/* It Doesn't Validate :-( */



/*\*/

html*#comment-labels {

	[display: none;

	display: block;

	]display: none;	

	}/**/



div#commentinfo p {

	margin: 20px 0 15px 0;

	font-size: .8em;

	}



form#commentform {

	margin: 0;

	}



form#commentform textarea {

	width: 532px;

	padding: 2px;

	font-family: 'Trebuchet MS', Verdana, Sans-Serif;

	font-size: .8em;

	border: 1px solid #ccc;

	}



form#commentform div.alignright {

	margin: 5px 0 12px;

	}



form#commentform p.subscribe-to-comments {

	float: left;

	margin: 8px 0;

	padding: 0;

	font-size: .8em;

	text-align: center;

	}



/* @end */



/* @group Lists */



div#sidebar ul, div#sidebar2 ul {

	margin: 0 0 15px 0;

	padding: 0;

	}



div#sidebar ul li, div#sidebar2 ul li {

	margin: 0 0 5px 0;

	padding: 0;

	list-style-type: none;

	}



div#comments ol#commentlist {

	list-style: none;

	margin: 0 0 15px 0;

	padding: 0;

	}



div#comments ol#commentlist li {

	margin: 10px 0;

	padding: 10px 10px 0px 10px;

	overflow: hidden;

	}



div#comments ol#commentlist li.alt {

	background: #f8f8f8 repeat;

	border-top: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

	}



div#comments ol#trackbacklist {

	list-style: none;

	margin: 20px 0 0 0;

	padding: 0;

	}



div#comments ol#trackbacklist li {

	margin: 10px;

	overflow: hidden;

	}



div#content .item .itemtext ul li {

	list-style-type: square;

	}



div#content .item .itemtext ul.archives {

	margin: 0;

	padding: 0;

	}

	

div#content .item .itemtext ul.archives li {

	list-style-type: none;

	display: block;

	float: left;

	width: 179px;

	}



/* @end */



/* @group Links */



a {

	color: #069;

	text-decoration: none;

	}



a:hover {

	text-decoration: underline;

	}



div.itemhead h1 a, div#comments h1 a {

	color: #000;

	}



div#sidebar h1 a, div#sidebar2 h1 a {

	color: #888;

	}



div#footer a {

	color: #fff;

	}



/* @end */



/* @group Images */



.noborder, .wp-smiley {

	border: 0px !important;

	}



div#content .item .itemtext img, img.border {

	max-width: 532px;

	padding: 2px;

	border: 1px solid #ccc;

	}



img.left {

	float: left;

	margin-right: 10px;

	}



img.center {

	display: block;

	margin: 0 auto;

	}



img.right {

	float: right;

	margin-left: 10px;

	}



.itemtext .wp-smiley {

	margin-bottom: -2px;

	}



/* @end */



/* @group Useful Classes */



.alert {

	background: #FFF6BF;

	border-top: 2px solid #FFD324;

	border-bottom: 2px solid #FFD324;

	text-align: center;

	margin: 10px auto;

	padding: 5px 20px;

	}



.no-link a {

	color: #000; /* same color as the surrounding text */

	text-decoration: none; /* to remove the underline */

	cursor: text; /* to make the cursor stay as a text cursor, not the hand */

	}



.more {

	margin-top: -10px;

	}



blockquote {

	margin-left: 20px;

	margin-right: 20px;

	padding-left: 10px;

	padding-right: 10px;

	font-style: italic;

	border-left: 3px solid #ccc;

	}

	

blockquote.code {

	margin: 0 15px;

	padding: 0;

	font-family: "Courier New", Sans-Serif;

	font-style: normal;

	text-align: left;

	border: 0px;

	}



pre {

	margin-left: 15px;

	margin-right: 15px;

	/* The Following Hacks Don't Validate, but They Work! */

	white-space: pre-wrap; /* CSS3 */

	white-space: -moz-pre-wrap; /* Mozilla */

	white-space: -pre-wrap; /* Opera <7 */

	white-space: -o-pre-wrap; /* Opera =>7 */

	word-wrap: break-word; /* IE */

	}



code {

	margin-left: 15px;

	margin-right: 15px;

	font-size: 1.2em;

	text-align: left;

	}



pre code {

	margin-left: 0;

	margin-right: 0;

	}



.alignleft {

	float: left;

	}



.alignmiddle {

	vertical-align: middle;

	}



.alignright {

	float: right;

	}



.clear {

	clear: both;

	}



/* @end */





/* header h1 tags */

#header h1 {

display:none;

}