/*







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: 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: #37618C;	



		}







		#twitter_update_list



		{



		width:565px;



		vertical-align:middle;



		}







		#headline



		{



		position: relative;



		height: 100px;



		padding: 30px 0 0 5px;



		text-align: left;



		font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;



		z-index:9999;



		}



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



			}







			#niclas img {



			position:absolute;



			top:2px;



			right:18px;



			}



		



		#nav



		{



		position: relative;



		padding-left: 10px;



		height: 55px;



		background: url(img/navbg.gif) top left no-repeat;



		text-align: left;



		z-index:0;



		}



		



			#nav li

			{

			position: relative;

			float: left;

			/*width: 160px;*/

			padding-top: 9px;

			}



			li#menu01

			{

			width: 120px;

			}

			

			li#menu02

			{

			width: 145px;

			}



			#nav li#menu03

			{

			width: 170px;

			}



			#nav li#menu04

			{

			width: 110px;

			}



			#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: -3px;



			padding-left: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;



			margin-left: 10px;



			/*border: 4px solid #004460;*/



			margin-top:12px;



			}



			



			.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 ol {
			list-style:decimal;
			margin-left: 20px;
			padding: 0px 5px 0px 10px;
			}

			#content .postcontent ol li {
			padding: 0px 0px 5px 0px;
			}

			#content .postcontent ul
			{
			position: relative;
			margin-left: 5px;
			padding: 0px 5px 0px 5px;	
			list-style: inside disc;

			}



			



				#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 .5em 0;



			}



			.postcontent h3 { font-weight:bold; margin-bottom:0; padding-bottom:0; position:relative; top:9px; }

			a.pinfo



			{



			position: relative;



			float: left;



			margin-right: 15px;



			margin-left: 2px;



			padding: 3px 7px 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;



			}



			



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



			}	



			



			.share6



			{



			background: url(img/6.png) 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;
			padding: 10px 10px 0px 10px;
			font-size: .9em;
			margin: 10px 25px 7px 25px;
			font-weight: normal;
			border: 1px solid #B2AE9A;
			background: #EFEFEB;
			}

			.post blockquote p
			{
			padding: 0px 0px 10px 0;
			}




			#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/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: 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;



				}



				



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



		}







		.widgettitle-twitter



		{



		position: relative;



		padding: 13px 0 0 11px;



		font-size: 1.3em;



		color: #fff;



		font-weight: bold;



		height: 22px;



		background: url(img/sbbg.gif) 0px 3px 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-twitter



		{



		position: relative;



		margin-bottom: 25px;



		color: #002D3F;



		font-size: 1.05em;



		min-height: 187px;



		padding: 0px 10px 11px 10px;	



		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;



			}







			.sidebarbox ul.fdw_widget li span



			{



			position: relative;



			margin-left: 0px;



			display: block;



			font-size: 0.9em;



			}







			.sidebarbox ul.fdw_widge li span a



			{



			position: relative;



			display: inline;



			color: #002D3F;



			font-weight: normal;



			text-decoration: none;



			}







			.sidebarbox ul.fdw_widge li span a:link



			{



			text-decoration: none;



			}	



				



				



	#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: 9px;



		right: 14px;



		width: 468px;



		height: 60px;



		border: 0px 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;







		}



		#footdesc small { 



		font-weight: normal; 



		}



		



		#copylink



		{



		position: absolute;



		top: 61px;



		left: 14px;



		font-size: 0.8em;



		color: #7996A2;



		}



		



			#copylink a



			{



			color: #7996A2;



			}







p.wp-caption-text { font-size:10px; text-align:center; }



p.wp-caption-text span {color:#666666;}



p.wp-caption-text span a {color:#666666; text-decoration:none;}







div.catdesc { 



color: #ffffff; 



padding: 8px 8px 0px 8px;



}







div.catdesc p {



padding-bottom: 8px;



}







.navigation { font-size:16px; font-weight:bold; text-align:center; position:relative; top:-15px; }



.navigation a { color:#ffffff; }



a.twitter_title_link { color:#ffffff; }







.picdonkey { float:left; margin-right: 10px; }



div.tags {position:relative; left:22px; top:30px; z-index:99;}