/*  
Theme Name: CitrusSense
Theme URI: http://www.wpskins.org/
Description: <p>As always it�s free to use on any website, aslong as the links stay in the footer to our 2 websites. Licenced under                the <a href="http://creativecommons.org/licenses/by-sa/2.5/" target="_blank">Attribution-ShareAlike 2.5</a> </p><p>Sponsored By: <a href="http://www.tenerifetimes.com/" title="Tenerife Blog" target="_blank">Tenerife Blog</a></p>
Author: WPSkins.org
Author URI: http://www.wpskins.org/

	WPskins.org
	 http://www.wpskins.org/

	This theme was designed and built by WPskins.org,
	whose blog you will find at http://www.wpskins.org/

	The CSS, XHTML and design is released under Attribution-ShareAlike 2.5 Licence:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

* { margin: 0; padding: 0; }

input, textarea { font: 11px Verdana, Tahoma, Arial, Sans-Serif; }

div.clear { clear: both; }

a
{
	color: #f77a26;
	font-weight: bold;
	text-decoration: underline;
}
	#content
	{
  width: 500px;
   padding: 10px 20px 10px 10px;
    float:left;
}

a:hover
{
	color: #FF3366;
	font-weight: bold;
	text-decoration: none;
}

body
{
	background: #f77a26;
	font: 11px Verdana, Tahoma, Arial, Sans-Serif;
	color: #747474;
}

div#wrapper
{
	width: 800px;
	margin:50px auto 50px auto;
	padding: 6px 5px 14px 5px;
	background: #fff;
}

	div#header
	{
		background: #fff url(images/header-bg.gif) repeat-x;
		width: 767px; height: 50px;
		padding: 24px 0 0 33px;
	}
	
		
   h1 a
   {
	   font: 20px Verdana, Tahoma, Arial, Sans-Serif;
	   color: #FFFFFF;
	   font-weight: bold;
	   text-decoration: none;
   }
		
	div#navigation ul
	{
		width: 738px; height: 33px;
		padding: 3px 0 0 62px;
		background: url(images/nav-bg.gif) repeat-x;
	}
	
		div#navigation ul li
		{
			list-style: none;
			display: inline;
		}
	
		div#navigation ul li a
		{
			width: 78px; height: 22px;
			float: left;
			background: url(images/nav-button.gif) no-repeat;
			padding: 11px 0 0 0;
			margin: 0 8px 0 0;
			text-align: center;
			font-family: Tahoma;
			font-weight: bold;
			text-decoration: none;
			color: #878787;
		}
			
			div#navigation ul li a:hover
			{
				text-decoration: underline;
				color: #fd6e22;
			}
			
	div#advertisement
	{
		width: 800px; height: 100px;
		padding: 5px 0 0 0;
		background: url(images/ad-bg.gif) repeat-x bottom;
		text-align: center;
		color: #f96c0a;
	}
	
	div#left-content
	{
		width: 514px;
		float: left;
		padding: 10px 0 0 13px;
	}
	
		div.post-header
		{
			width: 463px; height: 33px;
			padding: 4px 0 0 37px;
			background: url(images/title-bg.gif) no-repeat;
			color: #fff;
			line-height: 14px;
			font-family: 'Trebuchet MS';
		}
	
			div.post-header h2 a, div.post-header h2 a:hover { font-size: 14px; font-family: 'Trebuchet MS'; font-weight: bold; }
	
			div.post-header a
			{
				color: #fff;
				font-family: 'Trebuchet MS';
				font-weight: normal;
			}
			
			div.post-header a:hover
			{
				color: #fff;
				text-decoration: none;
				font-weight: normal;
			}
			
		p.author-bar
		{
			width: 495px; height: 23px;
			padding: 0 5px 0 0;
			margin: 1px 0 0 0;
			line-height: 20px;
			background: url(images/author-bg.gif) repeat-x;
			text-align: right;
			color: #fff;
			font-size: 10px;
		}
		
			p.author-bar a
			{
				color: #fff;
				text-decoration: underline;
				font-family: Tahoma;
				font-weight: normal;
			}
			
			p.author-bar a:hover
			{
				color: #fff;
				text-decoration: none;
				font-weight: normal;
			}
			
		div.post-content
		{
			width: 490px;
			line-height: 18px;
			background: url(images/post-bg.gif) no-repeat bottom;
			padding: 5px 5px 20px 5px;
			margin: 0 0 10px 0;
		}
		
		.postmetadata
		{
			margin: 20px 50px 20px 50px;
		}
		
		h2.comment-header
		{
			width: 463px; height: 33px;
			padding: 4px 0 0 37px;
			margin: 0 0 5px 0;
			background: url(images/title-bg.gif) no-repeat;
			color: #fff;
			line-height: 30px;
			text-decoration: underline;
			font-size: 14px;
			font-family: 'Trebuchet MS';
		}
		
		div.comment
		{
			background: #fd9963 url(images/comment-top.gif) no-repeat top;
			width: 451px;
			padding: 24px;
			margin: 10px 0 0 0;
			color: #fff;
			font-size: 12px;
			font-family: 'Trebuchet MS';
		}
		
			div.comment a { color: #fff; font-weight: normal; }
		
			div.comment p { margin: 5px 0 5px 0; }
			
		div.comment-bottom
		{
			width: 499px; height: 2px;
			background: url(images/comment-bottom.gif) no-repeat;
			margin: 0 0 5px 0;
		}
		
		.comment-input
		{
			background: #fa9969;
			padding: 3px;
			margin: 5px 0 5px 0;
			border: 1px solid #fc5d21;
			color: #fff;
		}
		
		.submit
		{
			height: 24px;
			padding: 3px 10px 5px 10px;
			color: #fff;
			font-family: 'Trebuchet MS';
			background: url(images/submit-bg.gif) repeat-x;
			border: 1px solid #cd3800;
		}
			
	div#right-bar
	{
		width: 256px;
		padding: 8px 4px 4px;
		margin: 10px 0 0 0;
		float: right;
		background: #fd6e22 url(images/right-bar-top.gif) no-repeat;
		color: #fff;
	}
	
		div#right-bar h2
		{
			font-size: 11px;
			text-decoration: underline;
			color: #fff;
		}
		
		div#right-bar ul
		{
			width: 256px;
			margin: 8px 0 8px;
		}
		
		div#right-bar li { list-style: none; }
		
			div#right-bar ul li a
			{
				width: 256px; height: 23px;
				background: #fc874a url(images/right-nav.gif) no-repeat top left;
				line-height: 23px;
				text-align: center;
				list-style: none;
				display: block;
				margin: 1px 0 0 0;
				color: #fff;
				font-weight: normal;
				text-decoration: none;
			}
						
			div#right-bar ul li a:hover
			{
				background: #fd9963 url(images/right-nav.gif) no-repeat top;
				background-position: -256px 0;
				font-weight: normal;
				text-decoration: underline;
			}
			
			div#right-bar p
			{
				margin: 5px;
			}
			
	div#right-bar-bottom
	{
		height: 2px; width: 264px;
		float: right;
		background: url(images/right-bar-bottom.gif) no-repeat;
	}
	
	p.center
	{
		width: 790px;
		text-align: center;
	}
/* Begin Typography & Colors */
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/* End Typography & Colors */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}
	
#searchform #s {
	padding: 3px;
	}
	
#searchform #searchsubmit {
	padding: 3px;
	}

select {
	width: 200px;
	}
/* End Form Elements */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #fff;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	height: 20px;
	margin: 5px 0 5px 0;
	}
/* End Various Tags & Classes*/