@charset "UTF-8";
/*  
Theme Name: Clairemont
Theme URI: http://www.clairemontcommunications.com
Description: A Theme for Clairemont Communications.
Version: 1.0
Author: Dave
Author URI: http://www.hughens.com

*/
/* colors: dark green: bedea6
		light green: d6e7c4
		pink: faccce
		dark biege: eeecdd
		biege: fffded
		light brown: 817468
		dark brown: 53493c 
		orange: fcc195 */
		
/* ===================== reset ===================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.more-link {color: #53493c;text-decoration: none;border-bottom: 1px dotted #53493c;font-style: italic;font-size: .85em;}
.more-link:link {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px dotted #53493c;
}

.more-link:visited {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px solid #53493c;
}

.more-link:hover {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px solid #53493c;
}

/* ===================== end reset ========================= */
html {height:100%;}

body {
	background: url(images/header_bg.gif) repeat-x top;
	font-size:65%;	
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
	line-height: 1.5:
}

#wrap {
	min-height: 100%;
	height: 100%;
	margin:0 auto;
	width:980px;
}

#header_wrap {
		width:auto;
		height:253px;
}

#header {
	background: url(images/cc_logo_321.png) no-repeat center center;
	height:253px;
	padding:0;
	width:auto;
}

.innerheader {
	height: 253px;
	width:auto;
}

#main {
	width:980px;
	margin-bottom: 5px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
/* for IE6 */
*html .clearfix {height: 1%;}
/* for IE7 */ 
*:first-child+html .group {min-height: 1px;}

/* end clearfix */

.navmenu {
		padding: 30px 0 60px 0;
}

.navmenu ul {
	width: 152px;
	height: 56px;
}

.navmenu li {
	background: url(images/cc_menu_bg.gif) no-repeat center;
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: normal;
	padding: 20px 42px;
	text-align: center;
}

.navmenu li a {
	color: #53493c;
	text-decoration: none;
}

.navmenu li a:hover {
	color: #817468;
	text-decoration: none;
}

#main_content {
	background:#fff;
	float:left;
	padding-right: 20px;
	width:620px;	
}

#main_content_page {
	background:#fff;
	float:left;
	margin-bottom: 20px;
	width:960px;	
}

strong {
	font-weight: bold;
}

.post {
	overflow: auto;
	clear:both;
	margin: 0 0 20px 0;	
}

.post h1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
}

.post h1 a {
	color: #53493c;
	text-decoration: none;
}

.post p {
	color: #53493c;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
}

.topmeta {
	margin: 10px 0;	
}

p.topmeta {
	font-size: 1.1em;
}

p.topmeta a:link {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px dotted #53493c;
}

p.topmeta a:visited {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px dotted #53493c;
}

.topsinglemeta {margin-bottom: 20px;}

p.topmeta a:hover {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px solid #53493c;
}

p.comment-link {
	text-align: center;
}

p.comment-link a:link {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px dotted #53493c;
}

p.comment-link a:visited {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px dotted #53493c;
}

p.comment-link a:hover {
	color: #53493c;
	text-decoration: none;
	border-bottom: 1px solid #53493c;
}
/* ======================== Kubrick styles for comments ================== */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	margin: 0 10px 10px 0;
	padding: 2px;
	background: #817468;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px auto 0;
	width: 600px;
	}
#commentform textarea {
	background: #fffded;
	border: 1px solid #53493c;
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	background: #726459;
	font-size: 1em;
	margin: 0 auto 20px;
	padding: 5px 5px 10px 5px;
	text-align: justify;
	width: 600px;
	}

.commentlist li {
	/* margin: 15px 0 10px; */
	padding: 5px 5px 0px 5px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* styles I added */
.commentmetadata a {
	color: #53493c;
}
.commentmetadata a:hover {
	color: #bedea6;
}

.reply a {
	color: #53493c;
}
.reply a:hover {
	color: #faccce;
}
	
.comment-body {
	background: #fffded;
	padding: 10px;
}

.comment-body p {
	color: #000;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.5em;
	}
h3#comments {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 2em;
	line-height: 2em;
	color: #53493c;
	text-align: center;
}
.even .comment-body {background: #fff;}
.fn a:link {color: #53493c;}
.fn a:visited {color: purple;}
.fn a:hover {color: #bedea6;}

#respond h3 {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 1.4em;text-align: center;}
#respond a:link {color: #53493c;}
#respond a:visited {color: purple;}
#respond a:hover {color: #bedea6;}

p.more-link a:link {color: #53493c;}
p.more-link a:visited {color: purple;}
p.more-link a:hover {color: #bedea6;}

#news_content h2 {
	margin-top: 10px;
}

/* ========================= sidebar section =========================== */

#sidebar {
	background:url(images/cc_sidebar3.png) no-repeat;
	display: inline;
	float:right;
	margin-top:10px;
	padding:90px 0 0 0;
	width:340px;
	height:460px;
}

#sidebar p, #sidebar h2 {
	line-height: 1.4em;
	padding: 10px 10px 0;
	margin-left:55px;
	margin-right:40px;
}

#sidebar h2 {
	text-align:center;
}

#sidebar p {
	font-size:1.2em;
}

.bold {
	font-weight: bold;
}
/* post images */

.alignleft {
	float:left; 
	margin: 1em 1em 1em 0;}
img.alignleft {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;

background-color: #f3f3f3;
padding: 4px;
margin: 10px 10px 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px 10px 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 1px solid #ddd;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

.twitter {
	background: url(images/twitterbox.png) no-repeat center;
	float: right;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.2em;
	clear: right;
	width: 340px;
	height:340px;
}

#twitter_div {
	width: 180px;
	height: 155px;
	margin: 0 auto;
	padding: 135px 0 0 0;
}

#twitter_div a {
	color: #53493c;
}

#followme {
	margin: 0 auto;
	text-align: center;
	width: 326px;
}

#followme a {
	color: #53493c;
}

#mostrecent {
	border-bottom: 2px dotted #53493c;
	border-top: 2px dotted #53493c;
	float: right;
	clear: right;
	width: 260px;
	height: auto;
	padding: 10px 45px 15px 20px;
	margin: 0 0 15px;
}

#mostrecent h1 {
	color: #53493c;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 5px;}

#mostrecent li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	list-style: none;
	padding-bottom: 5px;
	line-height: 1.2em;
}

#mostrecent li a {
	color: #53493c;
	}

#footer {
	background: url(images/cc_footer3.jpg) no-repeat center center #726459;
	/*clear: both;*/
	height: 80px;
	margin: 0 auto;
	text-align: center;
	/*width:980px;*/
}
#footer p {
	padding: 30px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-style: italic;
	font-size: 1.6em;
	color: #817468;
}

#footer a {
	color: #817468;
	text-decoration: none;
}

/* sticky footer styles */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 80px; /* .push must be the same height as .footer */
	clear:both;
}