/*
Theme Name: Clean Freak Confessions
Theme URI: http://www.cleanfreakconfessions.com/
Description: The theme for the Clean Freak Confessions website.
Version: 1.0
Author: Paul Reilly
Author URI: http://www.unitz.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* ***********************************************************************
 * Resets
 * *********************************************************************** */

* {
    margin: 0;
    padding: 0;
}

DIV.reset {
    clear: both;
    font-size: 0;
}


/* ***********************************************************************
 * Formatting and appearance
 * *********************************************************************** */

BODY {
    background-color: white;
	background-image:url("/images/carpet.jpg");
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    color: #5e5e5e;
}

TABLE, IMG {
    border: 0;
}

H2, H2 A:link, H2 A:active, H2 A:visited {
	color:#082c3c;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
}
H2 A:hover { text-decoration:underline; }

H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, LABEL, UL, OL, DL, FIELDSET, ADDRESS, HR {
    margin-bottom: 10px;
}

A:link, A:active, A:visited { color: #5e5e5e; }
A:hover { text-decoration:none; }

UL LI {
    margin-left: 1.5em;
}

TABLE {
    border-collapse: collapse;
}

DIV#headerWrapper {
	background-image:url("/images/wood.jpg");
	background-repeat:repeat-x;
	height:191px;
}

DIV#headerContent {
	width:1002px;
	height:191px;
	position:relative;
	margin:0 auto;
}

DIV#headerContent IMG {
	position:absolute;
	top:10px;
	left:30px;
}

DIV#nav {
	padding:25px 25px 0;
}

DIV#nav A:link, DIV#nav A:active, DIV#nav A:visited {
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#274654;
	text-transform:uppercase;
	padding:8px 5px 8px 0;
	margin-right:5px;
	height:65px;
	border-right:1px dotted #d6d6d6;
} 
DIV#nav A:hover,DIV#nav A.active { 
	color:#cd1b2d;
}

DIV#headerContent DIV#tagline {
	position:absolute;
	top:95px;
	left:270px;
	color:#ffffff;
	width:550px;
	font-size:17px;
	line-height:24px;
}

DIV#bodyWrapper {
    width: 949px;
	padding:26px 0 50px 0;
    margin-left: auto;
    margin-right: auto;
}

DIV#bodyWrapper DIV#leftColWrapper {
	width:642px;
	float:left;
	padding-right:6px;
}

DIV#leftColWrapper DIV#leftColContent {
	background-color:#ffffff;
}

DIV#bodyWrapper DIV#rightCol {
	width:301px;
	float:left;
}

DIV#bloggers {
	border-bottom:1px dotted #d6d6d6;
	height:219px;
}

DIV#bloggers DIV {
	width:97px;
	height:209px;
	float:left;
	border-right:1px solid #d6d6d6;
	padding-left:9px;
	margin-bottom:9px;
	color:#082c3c;
	font-size:17px;
}

DIV#bloggers DIV A {
	color:#082c3c;
	text-decoration:none;
}

DIV#bloggers DIV IMG { padding-bottom:5px; }

DIV#bloggers DIV A.website:link, DIV#bloggers DIV A.website:active, DIV#bloggers DIV A.website:visited {
	font-size:12px;
	display:block;
	color:#58c0e2;
	text-decoration:none;
	margin-top:3px;
}

DIV#bloggers DIV A:hover { text-decoration:underline; }

DIV#mostLinks {
	width:590px;
	height:27px;
	clear:both;
	padding:25px 25px 0;
}

DIV#mostLinks A.mostLinkOver, DIV#mostLinks A.mostLink:link, DIV#mostLinks A.mostLink:active, DIV#mostLinks A.mostLink:visited {
	color:#224453;
	text-decoration:none;
	float:left;
	font-size:8px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:10px;
	margin-right:17px;
}

DIV#mostLinks A.mostLinkOver, DIV#mostLinks A.mostLink:hover {
	background-image:url('/images/active_arrow.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
}

DIV#mostLinks INPUT {
	float:left;
}

DIV#mostLinks INPUT#s {
	width:205px;
	height:24px;
}

DIV#whats_your_confession {
	margin-top:6px;
	width:297px;
	height:175px;
	position:relative;
}

DIV#whats_your_confession IMG {
	position:absolute;
	top:0;
	left:0;
}

DIV#whats_your_confession TEXTAREA#confession {
	position:absolute;
	top:55px;
	left:12px;
	width:270px;
	height:47px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#9c9d9d;
}

DIV#whats_your_confession INPUT#confessor {
	position:absolute;
	top:107px;
	left:12px;
	width:270px !important;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#9c9d9d;
	padding-top:5px;
	color:#9c9d9d;
}

#charactersleftwrapper {
	position:absolute;
	top:145px;
	left:12px;
	color:#ffffff;
}

DIV#confessions {
	width:273px;
	height:859px;
	color:#082c3c;
	padding:12px 12px 0px;
	background-color:#d7ebf2;
	line-height:18px;
	overflow:hidden;
	border-bottom:10px solid #d7ebf2;
}

DIV#confessions P { padding-bottom:10px; }
DIV#confessions STRONG { font-size:14px; }
DIV#confessions EM {
	color:#87c7de;
	font-style:normal;
	font-size:10px;
}

DIV.post,DIV.postcomments,DIV.generalWrapper {
	width:590px;
	padding:25px 25px 15px;
	line-height:20px;
	border-bottom:1px dotted #d6d6d6;
}

DIV.postDetails {
	height:55px;
	color:#cd1b2d;
}

DIV.postDetails A:link,DIV.postDetails A:active,DIV.postDetails A:visited {
	color:#cd1b2d;
}


DIV.postDetails IMG {
	border:1px solid #c7c7c7;
	width:42px;
	height:42px;
	float:left;
	margin-right:12px;
}

DIV.postDetails STRONG {
	display:block;
	padding:6px 0 0px;
	font-weight:normal;
	font-size:14px;
}

DIV.postDetails EM {
	font-style:normal;
	text-transform:uppercase;
	font-size:9px;
}

A.more-link {
	text-transform:uppercase;
	text-decoration:none;
	color:#cd1b2d;
	font-size:10px;
	font-weight:bold;
}
A.more-link:hover { text-decoration:underline; }

DIV.comments {
	text-transform:uppercase;
	color:#082c3c;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

DIV.comments IMG {
	float:left;
	padding-top:2px;
	padding-right:6px;
}

DIV.comments A:link, DIV.comments A:active, DIV.comments A:visited {
	color:#082c3c;
	float:left;
	padding-right:18px;
	text-decoration:none;
}
DIV.comments A.like:link, DIV.comments A.like:active, DIV.comments A.like:visited {
	color:#FFFFFF;
	float:left;
	padding-right:0;
	text-decoration:none;
}
DIV.comments A:hover { text-decoration:underline; }

DIV#tagcloud {
	color:#58c0e2;
	padding:10px 25px;
	width:247px;
	background-color:#ffffff;
}

DIV#tagcloud A {
	color:#58c0e2;
	text-decoration:none;
}
DIV#tagcloud A:hover { text-decoration:underline; }


.navigation { padding-bottom:10px; }
.alignleft { float: left; }
.alignright { float: right; }

#confessionerror {
	position:absolute;
	top:42px;
	left:8px;
	font-size:10px;
	color:#ffffff;
}

.navigation {
	width:590px;
	padding:25px 25px 15px;
	line-height:20px;
}

DIV.about {
	font-size:15px;
	line-height:24px;
}

DIV.about A:link,DIV.about A:active,DIV.about A:visited  {
	font-size:12px;
	display:block;
	color:#58c0e2;
	text-decoration:none;
	margin-top:3px;
}

DIV.about H2 { margin-bottom:0; }

DIV.about IMG {
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:20px;
}