/*****************************************************************
"White Fluffy Clouds"
Date Started -  1/07/08
Author - Dan Meek
Last Modified 02/09/09 "?"

******************************************************************/

/* ==== MAIN GENERIC CLASSES ==================================================================================================== */

h1                              {font-size:150%;color:#ffffff;margin-top:0;padding-top:0;}
h2                              {font-size:125%;color:#ffffff;margin-top:0;padding-top:0;}
.mainheader                     {font-size:150%;color:#ffffff;margin-top:0;padding-top:0;font-weight:bold;}
.postheader                     {font-size:150%;color:#ffffff;margin-top:0;padding-top:0;font-weight:bold; border-bottom:solid 1px #242223;}
p                               {margin:0 0 10px 0;line-height:130%;}
.clear                          {clear:both; height:1px;}
.center                         {text-align:center;}
.padleft5                       {padding-left:5px;}
.italic                         {font-style:italic;}
.bold                           {font-weight:bold;} 
.left                           {text-align:left;}
.right                          {text-align:right;}
.center                         {text-align:justify;}
.smallfont                      {font-size:80%;}
.border                         {border:solid 1px #000000;}
.noborder                       {border:0;}
.imgfloatleft                   {float:left;margin:0 10px 10px 0;}
.imgfloatright                  {float:right;margin:0 0 10px 10px;} 
.hidden                         {display:none;}
.commentimage                   {max-width:300px; float:right;margin:0 0 10px 10px;}
.thumbnailborder				{border:5px solid #5E4251;}

/*------------------------------------------------------

This section is the global css settings

-------------------------------------------------------*/

* {margin: 0; padding:0 }

body 
{	
	background:url('../images/bg.jpg') repeat-x;
	background-color:#8BBFD7;
	background-attachment: fixed;
	font-family:'rockwell' , arial, helvetica, sans-serif;
	color:ffffff;
}

a 
{
    color: #708B9E;
	text-decoration:none;
	border:none;
	
}
a:hover 

{
	color: #9FC6E0;
}

/*------------------------------------------------------

This section is the css for main div and wrappers

-------------------------------------------------------*/

#wrapper
{
	width:900px;
	height:100%;
	margin:auto;
	
}
#header
{
	width:100%;
	height:120px;
	border:solid 0px #000;

}
#content
{
	width:100%;
	padding-top:20px;
}

/*------------------------------------------------------

This section is the css for the navigation

-------------------------------------------------------*/
div #nav 

{
	width:550px;
	height:30px;
	position:relative;
	float:none;
	border-bottom:dashed 3px #23AEEA;

}

div #nav ul 

{
	padding-left: 0;
	margin: 0;
	color: #000;
	width: 100%;

}

div #nav ul li 

{
	display: inline;
	list-style-type: none;
	height: 26px;
}

div #nav ul li a 
{

	padding: 8px 25px 8px 25px;
	color: #4C4C4C;
	text-decoration: none;
	font-size: 16px;
	height: 14px;
	border: none;
	line-height:2.0em;
	margin-left:2px;
	margin:auto;

}

div #nav ul li a:hover

{
	color: #FFF;
}

/*------------------------------------------------------

This section is the css for the content area

-------------------------------------------------------*/

#leftpane
{
	width:550px;
	min-height:200px;
	float:left;
	color:#ffffff;
	margin-bottom:20px;
}
.lp-top
{
	width:100%;
	height:10px;
	background:url('../images/lptop.jpg');
}
.lp-middle
{
	width:530px;
	height:100%;
	background:#2F2F2F;
	padding:10px;
}
.lp-middle img { border: none; }

.lp-bottom
{
	width:100%;
	height:10px;
	background:url('../images/lpbottom.jpg');
	margin-bottom:20px;
}

/*------------------------------------------------------

This section is the css for posts

-------------------------------------------------------*/
.post
{
	width:90%;
	padding:5px;
	border-top:solid 1px #484848;
}
.time
{
	font-size:11px;
	color:#4CAEFF;
	margin-bottom:5px;
}
/*------------------------------------------------------

This section is the css for the rightpane

-------------------------------------------------------*/

#rightpane
{
	width:300px;
	float:right;
	color:#ffffff;
}

.rp-top
{
	width:100%;
	height:10px;
	float:right;
	background:url('../images/rptop.jpg');
}
.rp-middle
{
	height:100%;
	float:right;
	padding:10px;
	background:#2F2F2F;
}

.rp-bottom
{
	width:100%;
	height:10px;
	float:right;
	background:url('../images/rpbottom.jpg');
	margin-bottom:20px;
}

/*------------------------------------------------------



This section is the css for the SUBNAV



-------------------------------------------------------*/

div.subnav 
{

	width:700px;
	height:30px;
	position:relative;
	padding-left:15px;
 }

div.subnav ul 
{

	padding-left: 0;
	margin: 0;
	color: #2F2F2F;
	width: 100%;
	height: 26px;
	float:right;

}

div.subnav ul li 
{

	display: inline;
	list-style-type: none;
	height: 26px;

}

div.subnav ul li a 
{

	padding: 8px 15px 8px 15px;
	color: #545454;
	text-decoration: none;
	font-size: 20px;
	height: 14px;
	background: url('../images/btn_bg_select.png') bottom repeat-x;
	background-color: #2F2F2F;
	border: none;
	line-height:2.0em;
	margin:2px;
}
div.subnav ul li a:hover 
{

	
	color: #FFF;
	
}
/*------------------------------------------------------

This section is the css for the footer

-------------------------------------------------------*/


#footer

{
	width:100%;
	height:50px;
	border-top:dashed 3px #23AEEA;
	padding:5px;
	clear:both;
}
.footer-text
{
	color:#222222;
	font-size:12px;
}