/*

Theme Name: Charade - a CSSrockstars Theme
Theme URI: http://cssrockstars.com/blog/free-wordpress-theme-charade/
Description: A rather pithy theme perfect for any blogger from <a href="http://cssrockstars.com">CSSRockstars</a>
Version: 1.0
Author: CSSRockstars

*/	
/* Global Layout */
body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #004460 url(img/bg.gif) top left repeat-x;
color: #125E3D;
font-family: Arial, Helvetica, sans-serif;
}

a[href$='.pdf']:after {
	content: url(img/icons/pdf.png);
	margin-left: 3px;
}

a[href$='.docx']:after, a[href$='.doc']:after {
	content: url(img/icons/doc.png);
	margin-left: 3px;
}

a[href$='.xml']:after {
	content: url(img/icons/xml.png);
	margin-left: 3px;
}

#wrap
{
position: relative;
width: 1009px;
margin: auto;	
padding-bottom: 5px;
}

	
	
	
	#colOne
	{
	position: relative;
	float: left;
	width: 646px;
	}
	
		#twitter
		{
		position: relative;
		padding: 14px 0 0 60px;
		height: 33px;
		background: url(img/twitter.gif) top left no-repeat;
		color: #7A94A0;	
		font-size: .95em;
		text-align: left;
		}
		
		#twitter a { color: #7996A2;}
                #twitter a:hover { color: rgb(0, 142, 239); }
                ul#twitter_update_list { list-style-type: none;}
ul#twitter_update_list li { width: 550px; }

		#headline
		{
		position: relative;
		height: 100px;
		padding: 30px 0 0 5px;
		text-align: left;
		font-family: 'Century Gothic', 'Lucida Grande', Helvetica, Arial, sans-serif;
		}
			#title
			{
			position: relative;
			font-size: 3em;
			padding-top: 1px;
			color: #fff;
			letter-spacing: -.005em;
			padding-bottom: 0px;
			}
			
			#title a
			{
			color: #fff;
			}
			
			#intro
			{
			position: relative;
			padding-left: 2px;
			display: block;
			font-size: 1.5em;
			color: #7996A2;
			margin-top: -6px;
			}
		
		#nav
		{
		position: relative;
		padding-left: 10px;
		height: 55px;
		background: url(img/navbg.gif) top left no-repeat;
		text-align: left;
		}
		
			#nav li
			{
			position: relative;
			float: left;
			width: 132px;
			padding-top: 9px;
			}
			
			#nav li a
			{
			position: relative;
			padding-left: 5px;
			font-size: 1.6em;
			color: #fff;
			display: block;
			}
			
			#nav li a:hover
			{
			color: #7A949F;
			}
			
			#nav li a span
			{
			position: relative;
			display: block;
			color: #7A949F;
			font-size: .55em;
			margin-top: -4px;
			}
			
			#nav li a:hover span
			{
			text-decoration: underline;
			}
			
			
		
		/* post area */
		#content
		{
		position: relative;
		margin-top: 12px;
		padding-right: 12px;
		text-align: left;
		}
		
			.pagetitle
			{
			position: relative;
			padding: 10px 0 0 7px;
			font-size: 1.8em;
			color: #fff;
			}
		
			.post
			{
			position: relative;
			padding-top: 1px;
			min-height: 270px;
  			height:auto !important;
  			height: 270px;
			padding-bottom: 35px;
			background: url(img/postbg.gif);
			margin-bottom: 40px;
			}
			
			.postfade
			{
			position: absolute;
			bottom: 0px;
			left: 0px;
			height: 266px;
			width: 634px;
			background: url(img/postbottom.gif) bottom left no-repeat;
			}
			
			.post h2
			{
			position: relative;
			font-size: 2.9em;
			font-weight: bold;
			color: #242424;
			background: url(img/posthead.gif) top left no-repeat;
			margin-top: -2px;
			padding: 16px 20px 0 20px;
			font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
			}
			
			.alignright
			{
			position: relative;
			float: right;
			margin-left: 10px;
			border: 4px solid #004460;
			}
			
			.alignleft
			{
			position: relative;
			float: left;
			margin-right: 10px;
			border: 4px solid #004460;
			}
			
			.post h2 a
			{
			color: #242424;
			text-decoration: none;
			}
			
			.post a
			{
			color: #008EEF;
			text-decoration: underline;
			}
			
			.post a:hover
			{
			color: #698600;
			}
			
			#content .postcontent ul
			{
			position: relative;
			margin-left: 5px;
			padding: 0px 5px 0px 5px;	
			list-style: inside url(img/bullet.gif);
			border-left: 1px solid #698600
			}
			
				#content .postcontent ul li
				{
				position: relative;
				padding: 2px 0 2px 0;
				}
			
			
			.postinfo
			{
			position: relative;
			padding: 5px 20px 0px 20px;
			font-size: 1.1em;
			color: #212121;
			}
			
			.postcontent
			{
			position: relative;
			padding: 5px 20px 5px 20px;
			font-size: 1.15em;
			color: #212121;
			}
			
			.postcontent p
			{
			position: relative;
			line-height: 1.5em;
			padding: .75em 0 .75em 0;
			}
			
			a.pinfo
			{
			position: relative;
			float: left;
			margin-right: 15px;
			margin-left: 2px;
			padding: 3px 7px 3px 20px;
			color: #242424;
background: #fff url(img/events.png) center left no-repeat;
			font-size: .9em;
			text-decoration: none;
			}
			
			a.pinfo:hover
			{
text-decoration: underline;
			color: #698600;
			}
			
			.sharebox
			{
			position: relative;
			margin-top: 15px;
			height: 27px;
			padding-right: 20px;
			text-align: right;
			}		
			
			.sharebox li
			{
			position: relative;
			float: right;
			}
			
			.sharebox a
			{
			position: relative;
			float: left;
			margin-left: 6px;
			width: 30px;
			height: 27px;
			}	
			
                        .share7
			{
			background: url(img/7.png) top left no-repeat;
			}

			.share6
			{
			background: url(img/6.gif) top left no-repeat;
			}
			
			.share5
			{
			background: url(img/5.png) top left no-repeat;
			}
			
			.share4
			{
			background: url(img/4.png) top left no-repeat;
			}
			
			.share3
			{
			background: url(img/3.png) top left no-repeat;
			}
			
			.share2
			{
			background: url(img/2.png) top left no-repeat;
			}
			
			.share1
			{
			background: url(img/1.png) top left no-repeat;
			}
			
			.postfoot
			{
			position: relative;
			margin: 0px 20px 10px 20px;
			height: 29px;
			padding: 5px 5px 5px 10px;
			border: 1px solid #B2AE9A;
			background: #EFEFEB;
			font-size: 1.2em;
			font-weight: bold;
			}
			
			.comcount
			{
			position: relative;
			float: left;
			}
			
			.comcount a
			{
			position: relative;
			float: left;
			padding: 5px 15px 6px 32px;
			background: url(img/count.gif) top left no-repeat;
			color: #242424;
			}
			
			.leavecomment
			{
			position: relative;
			float: left;
			}
			
			.leavecomment a
			{
			position: relative;
			float: left;
			padding: 5px 15px 6px 36px;
			background: url(img/comment.gif) top left no-repeat;
			color: #242424;
			}
			
			.moreincat
			{
			position: relative;
			float: left;
			color: #242424;
			padding: 5px 15px 6px 36px;
			background: url(img/folder.gif) top left no-repeat;
			}
			
			.moreincat a
			{
			position: relative;
			color: #242424;
			}
			
			blockquote
			{
			position: relative;
			margin: .75em 0 .75em 25px;
			font-size: .9em;
			font-weight: bold;
border: 1px solid #B2AE9A;
			background: #EFEFEB;
			}
			
			.post blockquote p
			{
			padding: 10px 12px 10px 12px;
			}
			
			
			#comwrap
			{
			position: relative;
			margin: 0px 20px 10px 20px;
			padding: 5px 10px 5px 10px;
			border: 1px solid #B2AE9A;
			background: #EFEFEB;
			font-size: 1.1em;
			}
			
				#comwrap h3
				{
				position: relative;
				font-size: 1.6em;
				color: #212121;
				font-weight: bold;
				}
			
				.commentlist li
				{
				position: relative;
				margin-bottom: 15px;
				padding: 10px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				.commentlist li .avatar
				{
				position: relative;
				float: right;
				}
				
				#comment
				{
				width: 450px;
				padding: 5px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				#comwrap input
				{
				position: relative;
				padding: 5px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				#commentform p
				{
				padding: 5px 0 5px 0;
				}
	
	
	
	
	#colTwo
	{
	position: relative;
	float: left;
	width: 363px;
	color: #fff;
	}
	
		
		#socialbox
		{
		position: relative;
		padding-left: 4px;
		height: 48px;
		background: url(img/login.gif) top left no-repeat;
		color: #68E668;
		}	
		
			#socialbox ul
			{
			position: relative;
			padding: 5px 0 0 30px;
			margin-left: 3px;
			height: 32px;
			background: url(img/social.gif) bottom left no-repeat;
			}
		
			#socialbox li
			{
			position: relative;
			float: left;
			width: 32px;
			height: 31px;
			padding-right: 4px;
			}
			
			#socialbox li a
			{
			position: relative;
			float: left;
			width: 32px;
			height: 31px;	
			}
			
			#social1
			{
			background: url(img/social1.gif) top left no-repeat;
			}
			
			#social2
			{
			background: url(img/social2.gif) top left no-repeat;
			}
			
			#social3
			{
			background: url(img/social-twitter.gif) top left no-repeat;
			}
			
			#social4
			{
			background: url(img/social4.gif) top left no-repeat;
			}
			
			#social5
			{
			background: url(img/social5.gif) top left no-repeat;
			}
			
			#social6
			{
			background: url(img/social6.gif) top left no-repeat;
			}
			
			#social7
			{
			background: url(img/social-delicious.gif) top left no-repeat;
			}
			
			#social8
			{
			background: url(img/social8.gif) top left no-repeat;
			}
			
			#socialbox li a:hover
			{
			background-position: bottom left;
			}
			
			
			/* legacy 
			.txt
			{
			position: relative;
			float: left;
			border: 0px;
			padding: 7px 10px 0 10px;
			height: 22px;
			width: 116px;
			margin: 6px 0 0 7px;
			background: url(img/logintxt.gif) top left no-repeat;
			color: #68E668;
			}
			
			.go
			{
			position: relative;
			float: left;
			border: 0px;
			height: 28px;
			width: 28px;
			margin: 7px 0 0 9px;
			background: url(img/go.gif) top left no-repeat;
			}
			*/
			
			
		#bitnav
		{
		position: relative;
		padding: 60px 0 15px 9px;
		height: 31px;
		text-align: left;
		}
		
			#bitnav li
			{
			position: relative;
			float: left;
			height: 31px;
			width: 162px;
			overflow: hidden;
			}
			
			#bitnav li a
			{
			position: relative;
			padding: 0 0 0 36px;
			height: 31px;
			font-size: 1.5em;
			color: #fff;
			display: block;
			margin-top: -2px;
			}
			
			#bitnav li a span
			{
			position: relative;
			display: block;
			color: #7A949F;
			font-size: .6em;
			margin-top: -4px;
			}
			
			#bitnav a:hover
			{
			text-decoration: none;
			color: #7A949F
			}
			
			#bitnav a:hover span
			{
			text-decoration: underline;
			}
			
			.mail
			{
			position: relative;
			background: url(img/mail.gif) bottom left no-repeat;
			}
			
			.register
			{
			position: relative;
			background: url(img/info.gif) bottom left no-repeat;
			}
				
				
			
			
			
		#searchandfeed
		{
		position: relative;
		height: 202px;
		background: url(img/searchnfeed.gif) top left;
		}
		
			#searchbox
			{
			position: relative;
			padding: 36px 0 0 18px;
			height: 29px;
			}
			
			.search
			{
			position: relative;
			float: left;
			border: 0px;
			padding: 8px 10px 0 10px;
			height: 21px;
			width: 242px;
			color: #fff;
			background: url(img/searchtxt.gif) top left no-repeat;
			}
			
			.searcher
			{
			position: relative;
			float: left;
			border: 0px;
			margin-left: 8px;
			height: 29px;
			width: 30px;
			background: url(img/searcher.gif) top left no-repeat;
			}
			
			#thefeed
			{
			position: relative;				
			font-size: 1.5em;
			color: #fff;
			text-align: left;
			padding-top: 35px;			
			}
			
				div.thefeed
				{
				background: url(img/rss.gif) top left no-repeat;
				padding-left: 122px;
				background-position: 19px 0px;
				min-height: 96px;
				height: 96px;
				}
				
div.thefeed span { color: #7A949F; font-size: .6em; text-align: right;}

				#thefeed p
				{
				position: relative;
				padding: 8px 35px 0 3px;
				letter-spacing: .015em;
				}
				
				#thefeed a
				{
				color: #ee7620;
				}
				
				.rssemail
				{
				position: relative;
				float: left;
				border: 0px;
				margin-top: 5px;
				padding: 7px 10px 0 10px;
				height: 22px;
				width: 116px;
				color: #fff;
				font-size: .7em;
				background: url(img/rssemail.gif) top left no-repeat;
				}
				
				.rssemailgo
				{
				position: relative;
				float: left;
				border: 0px;
				margin-left: 8px;
				margin-top: 5px;
				height: 29px;
				width: 50px;
				color: #fff;
				font-size: .7em;
				background: url(img/getit.gif) top left no-repeat;
				}
				
				#feedlink
				{
				position: absolute;
				top: 0px;
				left: 19px;
				top: 35px;
				width: 92px;
				height: 96px;
				}
				
		
		
		#thesidebar
		{
		position: relative;
		width: 313px;
		padding-left: 20px;
		font-size: 1.1em;
		text-align: left;
		}
		
		#thesidebar a:hover
		{
		text-decoration: underline;
		}
		
		
		.recentposts
		{
		position: relative;
		padding: 20px 5px 45px 5px;
		text-align: left;
		font-size: 1em;
		}				
		
			.recentposts h3
			{
			position: relative;
			font-size: 1.45em;
			font-weight: bold;
			color: #000;
			}
			
			.recentposts h4
			{
			position: relative;
			font-size: 1.05em;
			padding-left: 18px;
			color: #fff;
			background: url(img/paper.gif) left center no-repeat;
			}
			
			.recentposts li
			{
			position: relative;
			padding: 12px 0 12px 0;
			border-bottom: 1px solid #00354E;
			}
			
			.recentposts li span
			{
			position: relative;
			display: block;
			font-size: .85em;
			color: #121212;
			padding-top: 2px;
			}
			
			.recentposts a
			{
			color: #fff;
			}
		
		
		.widgettitle
		{
		position: relative;
		padding: 10px 0 0 11px;
		font-size: 1.3em;
		color: #fff;
		font-weight: bold;
		height: 26px;
		background: url(img/sbbg.gif) bottom left no-repeat;
		}
		
		.sidebarbox
		{
		position: relative;
		margin-bottom: 25px;
		color: #002D3F;
		font-size: 1.05em;
		min-height: 270px;
		padding: 6px 20px 20px 20px;	
		background: url(img/sbboxbg.gif) bottom left no-repeat;
		text-align: center;
		}
			.sidebarbox ul, .sidebarbox div
			{
			text-align: left;
			}
		
			.sidebarbox li
			{
			position: relative;
			padding: 9px 0 10px 18px;
			background: url(img/paper2.gif) left center no-repeat;	
			background-position: 0px 9px;
			border-bottom: 1px solid #305868;
			}	
			
			.sidebarbox li:hover
			{
			background: #fff url(img/paper2.gif) left center no-repeat;	
			background-position: 0px 9px;
			}
			
			.sidebarbox li a
			{
			display: block;
			margin-top: -1px;
			color: #698600;
			font-weight: bold;
			}
			
			.sidebarbox li span
			{
			position: relative;
			margin-left: -16px;
			display: block;
			font-size: .8em;
			}
			
			.sidebarbox li span a
			{
			position: relative;
			display: inline;
			color: #002D3F;
			font-weight: normal;
			text-decoration: underline;
			}
			
		#sidead1, #sidead2, #sidead3, #sidead4 {
			height: 125px;
			width: 125px;
			padding: 1px;
		}
		
		#sidead1 {
			position: absolute;
			top: 5px;
			left: 22px;
		}
		
		#sidead2 {
			position: absolute;
			top: 5px;
			right: 22px;
		}
		
		#sidead3 {
			position: absolute;
			top: 140px;
			left: 22px;
		}
		
		#sidead4 {
			position: absolute;
			top: 140px;
			right: 22px;
		}
				
				
	#foot
	{
	position: relative;
	margin: auto;
	width: 1009px;
	height: 99px;
	background: url(img/footerbg.png) top left no-repeat;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	}			
	
		#footvert
		{
		position: absolute;
		top: 15px;
		right: 14px;
		width: 468px;
		height: 60px;
		border: 1px solid #fff;
		color: #004460;
		padding: 1px;
		}
		
		#foottitle
		{
		position: absolute;
		top: 9px;
		left: 14px;
		font-size: 2.1em;
		color: #fff;
		font-weight: bold;
		}
		
		#footdesc
		{
		position: absolute;
		top: 36px;
		left: 14px;
		font-size: 1.2em;
		font-weight: bold;
		color: #7996A2;
		}
		
			.navigation a
			{
			color: #7996A2;
                        font-size: 1em;
			}
                        .navigation a:hover { color: rgb(0, 142, 239); }

.copylink
		{
		position: absolute;
		top: 52px;
		left: 14px;
                text-align: left;
		font-size: 0.9em;
		color: #7996A2;
		}
		
		.copylink a, .copylink a:link, .copylink a:visited {color: #7996A2;}
                .copylink a:hover, .copylink a:active {color: #FFF;}

ul#dailyFeed {
list-style-type: none;
list-style-image: none;
display: block;
}

ul#dailyFeed li { display: inline; float: left; margin-left: 10px;}
ul#dailyFeed li a img { border: 1px solid rgb(105, 134, 0); }
ul#dailyFeed li a:hover img { border: 1px solid rgb(0, 142, 239); }

.facebook-connect { /* I added this div wrapper myself, was not part of the plugin */
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  width: 250px;
  text-align: right;
}

#twc_connect {
  position: relative;
  float: right;
  margin: 0 -20px 0 0;
  padding:0;
  width: 250px;
  text-align: right;
  font-size: 0.85em;
}

#twc_connect button{ 
        margin:0; 
        background:none; 
        border:none; 
        cursor:pointer; 
        padding:0; /* Links */
        width:auto; 
        overflow:visible; 
        } 

.facebook-connect .fbc_connect_button_area { /* This is the button container for your comment form */
  border: 0;
  float:none;
  margin:0;
  padding:0
}

body .fbc_profile_header { /* I added body to override the CSS from Facebook Connect's default CSS */
  border-right: 0;
  padding:10px 5px 5px 10px;
  position:fixed; top: 45%; right:0;
  text-align:left;
  width:250px;
}

body .fbc_profile_header a { color: #003148; }
body .fbc_profile_header a.logout{ /* this is a custom class I added to the HTML in fbconnect.php */
  font-size: .9em;
  color: #999;
}

.magpie { 
	position: absolute;
	top: 7px;
	right: 600px;
	border: none; }
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

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

.lifestream h2 { background: none; font-size: 2em; }
h3 { font-weight: bold; }
h3.section-head { border-bottom: 1px solid #7996A2; color: #7996A2; margin-top: 20px; margin-bottom: 5px; }

/* ***** CONTACT FORM STYLES ***** */
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { padding:10px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7996A2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
}
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { border-color: #008EEF; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
        display:block;
margin: 0; padding: 0;
border: none;
	width:200px;
	height:50px;
	text-indent:-9999px;
        background:transparent url('img/send-email-button.png') no-repeat top left;
	outline:none;
}
ol.forms li.buttons button:hover { background-position:0 -50px; cursor:pointer;}
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

.authcomment {
background-color: #D0D6BF !important;
}