/*



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 ul

			{

			position: relative;

			margin-left: 5px;

			padding: 0px 5px 0px 5px;	

			list-style: inside disc;

			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 .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: .75em 0 .75em 25px;

			font-size: .9em;

			font-weight: normal;

			}

			

			.post blockquote p

			{

			padding: 10px 12px 10px 12px;

			border: 1px solid #B2AE9A;

			background: #EFEFEB;

			}

			

			

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