/*

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;
}



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

	
	
	
	#colOne
	{
	position: relative;
	float: left;
	width: 646px;
	}
	
		#twitter
		{
		position: relative;
		padding: 10px 11px 0 60px;
		height: 33px;
		background: url(img/twitter.gif) top left no-repeat;
		color: #7A94A0;	
		font-size: .95em;
		text-align: left;
		}
		
		#twitter a
		{
		display: none;
		}
		
		#headline
		{
		position: relative;
		height: 100px;
		padding: 20px 0 0 3px;
                margin: 19px 0 0 0;
		text-align: left;
		font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, 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;
                margin-top:35px;
		}
		
			#nav li
			{
			position: relative;
			float: left;
			width: 302px;
			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: -2px;
			}
			
			#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;
                        font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
                        fontsize:1.5em;
                        color:#7996A2;
			margin-left: 10px;

			}
			
			.alignleft
			{
			position: relative;
			float: left;
                        font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
                        fontsize:1.5em;
                        color:#7996A2;
			margin-right: 10px;
			
			}

                        .alignleft a, .alignright a {
                        font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
                        fontsize:1.5em;
                        color:#7996A2;
}



			.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: none;
	
			}

			.vollur
			{
			background: url(img/pitch.jpg) top left no-repeat;
                        color:#333333;
                        width:396px;
                        height:232px;
                        margin: 10px auto;
                        font-size:90%;
                        font-weight:bold;
                        text-align:center;
                        padding: 30px 10px 10px 10px;
    
	
			}



			
				#content .postcontent ul li
				{
				position: relative;
				padding: 2px 0 2px 4px;
                                margin-bottom:2px;
				}


			
			
			.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.05em;
			color: #212121;
			}
			
			.postcontent p
			{
			position: relative;
			line-height: 1.5em;
			padding: .75em 0 .75em 0;
			}
			
			a.pinfo
			{
			position: relative;
			float: left;
			margin-right: 5px;
			margin-left: 2px;
			padding: 3px 3px 3px 7px;
			color: #fff;
			background: #698600;
			font-size: .9em;
			text-decoration: none;
			border: 1px solid #fff;
			}
			
			a.pinfo:hover
			{
			background: #fff;
			border: 1px solid #698600;
			}

			.pcat
			{
			position: relative;
			float: left;
			margin-right: 15px;
			margin-left: 2px;
			padding: 3px 7px 3px 3px;
			color: #fff;
			background: #698600;
			font-size: .9em;
			text-decoration: none;
			border: 1px solid #698600;
			}
			
			.pcat a:link
			{
			color: #fff;
			background: #698600;
                        text-decoration:none;
                        padding: 2px;
			}

			.pcat a:visited
			{
			color: #fff;
			background: #698600;
                        text-decoration:none;
                        padding: 2px;
			}

			.pcat a:hover
			{
			background: #fff;
                        color: #698600;
                        text-decoration:none;
                        padding: 2px;			
                        }
			
			.sharebox
			{
			position: relative;
			margin-top: 0px;
			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;
			}	
			
			.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;
			}

			.share7
			{
			background: url(img/7.png) top left no-repeat;
			}
			
			.postfoot
			{
			position: relative;
			margin: 0px 20px 10px 20px;
			height: 29px;
			padding: 5px 0px 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 10px 6px 36px;
			background: url(img/comment.gif) top left no-repeat;
			color: #242424;
			}
			
			.moreincat
			{
			position: relative;
			float: left;
			color: #242424;
			padding: 5px 0px 6px 35px;
			background: url(img/folder.gif) top left no-repeat;
			}
			
			.moreincat a
			{
			position: relative;
			color: #242424;
			}
			
			blockquote
			{
			position: relative;
                        margin:5px 40px;
			padding: .75em 10px .75em 10px;
			font-size: .9em;
			font-weight:;
                        background: #cccccc;
                        
			}
			

			
			
			#comwrap
			{
			position: relative;
			margin: 0px 20px 30px 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;
                                border:1px solid #666666;
				}
				
				#comment
				{
				width: 450px;
				padding: 5px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				#comwrap input
				{
				position: relative;
				padding: 5px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
    
                               #comwrap ol li p {
                                padding: 0px 3px 5px 3px;
                                }
                               
                               .commentmetadata {

                                }
				
				#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/social3.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/social7.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: 0px 0 15px 9px;
		height: 31px;
		text-align: left;
                margin-left:13px;
		}
		
			#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.png) bottom left no-repeat;
			}
			
			.register
			{
			position: relative;
			background: url(img/info.gif) bottom left no-repeat;
			}
				
				
			
			
			
		#searchandfeed
		{
		position: relative;
		height: 100px;
		background: url(img/searchnfeed.gif) top left;
 
		}

		#searchandfeed2
		{
		position: relative;
		height: 110px;
                margin-left: 18px;
		}
		
			#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: 10px;			
			}
			
				div.thefeed
				{
				background: url(img/rss.gif) top left no-repeat;
				padding-left: 122px;
				background-position: 19px 0px;
				min-height: 96px;
				height: 96px;
				}
				
				#thefeed p
				{
				position: relative;
				padding: 8px 20px 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: 10px;
                margin-left:10px;
		font-size: 1.1em;
		text-align: left;
                margin-top:0px;

		}
		
		#th:hover
		{
		text-decoration: underline;
		}
		
		
		.recentposts
		{
		position: relative;
		padding: 0px 5px 20px 5px;
		text-align: left;
		font-size: 1em;
		}				
		
			.recentposts h3
			{
			position: relative;
			font-size: 1.45em;
			font-weight: bold;
			color: #000;
                        margin-bottom:5px;
			}
			
			.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: 5px 0 5px 0;
			border-bottom: 1px solid #00354E;
			}
			
			.recentposts li span
			{
			position: relative;
			display: block;
			font-size: .85em;
			color: #999999;
			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: 187px;
		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
			{
			
			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;
			}
				
		.sidebarbox2
		{
		position: relative;
		margin-bottom: 25px;
		color: #002D3F;
		font-size: 1.05em;
		min-height: 187px;
		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 ul 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 ul li:hover
			{
			background: #fff url(img/paper2.gif) left center no-repeat;	
			background-position: 0px 9px;
			}
			
			.sidebarbox li ul li a
			{
			
			margin-top: -1px;
			color: #698600;
			font-weight: bold;
			}
			
			.sidebarbox li ul li span
			{
			position: relative;
			margin-left: -16px;
			display: block;
			font-size: .8em;
			}
			
			.sidebarbox li ul li span a
			{
			position: relative;
			display: inline;
			color: #002D3F;
			font-weight: normal;
			text-decoration: underline;
			}				
				
	#foot
	{
	position: relative;
	margin: auto;
	width: 1009px;
	height: 84px;
	background: url(img/footbg.gif) 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;	
		}
			#footvert span
			{
			position: relative;
			display: block;
			text-align: center;
			font-size: 1.5em;
			padding-top: 15px;
			}
		
		#footvert img
		{
		display: block;
		}
		
		#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;
		}
		
		#copylink
		{
		position: absolute;
		top: 61px;
		left: 14px;
		font-size: 1em;
		color: #7996A2;
		}
		
			#copylink a
			{
			color: #7996A2;
			}



small
{
font-size: .67em;

}

.authorcomment {
}



.tbcomment, .pbcomment{
color: #fff;
background: #698600;
border: 1px solid #fff;
text-decoration: none;
padding: 5px;
}

.clear {
height:1px;
overflow:hidden;
clear:both;
margin-top:-1px;
}

/*Stay-Connected and Share-This-Post Box*/
.socialboxx { margin: 0 0 0px 0; padding: 0;}
.socialboxx h3 { margin-top: 0; }
.socialboxx p { margin-bottom: 0; }
.socialboxx .stayintheloop {float:left; width:58%;}
.socialboxx .social_icons {}
.socialboxx .social_icons a, .box .social_icons a:hover {border:none; margin-right:15px;}
.socialboxx .social_icons img:hover {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; }
.socialboxx .social_icons img {filter:alpha(opacity=50);-moz-opacity: 0.5; opacity: 0.5;-khtml-opacity: 0.5;}

#wp-submit{  height:23px; width:46px; padding:0; margin:0 0 0 7px; }
#user_pass{  height:18px; width:86px; padding: 3px; }
#user_login{ height:18px; width:86px; padding: 3px; }
#forgotText{ display:inline-block; font-size:small; margin-left:9px; height:26px; }
#fbLoginButton{   display:block; height:18px; margin-top:7px; text-align:center; }
#loginform label{ display:inline-block; width:2.75em; }