/*

--------------------------

Simple PHP Blog CSS Styles

--------------------------



Name: Full Ryans Christmas Lights Web Theme

Author: Ryan Lissner

Version: 1.1.0



/* Special header graphic - resizeable */

/* Logo Area */



#HeaderArea {

	margin: 0;

	background-position: top;

	/*width: 640px;*/

	height: 8px;

	position: relative;

	left: 0px;

	top: 0px;

}



#HeaderLeft {

	background-position: top;

	height: 8px;

	width: 1px;

	position: absolute;

	left: 0px;

}



#HeaderRight {

	background-position: top;

	height: 8px;

	width: 1px;

	position: absolute;

	right: 0px;

}



#HeaderCenter {

	height: 8px;

	width: 100%;

	position: absolute;

	left: 1px;

	padding: 20px 20px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	text-decoration: none;

}



/* END logo area */





/* Images */

img	{

	border: 0;

}



/*hr	

{

	color: #9A9A8C;

	background-color: #9A9A8C;

	height: 1px;

	border: 0px;

}*/



#img_float_left

{

	/* Used in the [img] tag when float=left */

	float: left;

	margin: 2px 8px 4px 2px;

}



#img_float_right

{

	/* Used in the [img] tag when float=right */

	float: right;

	margin: 2px 2px 4px 8px;

}



/* General Layout */

#header {

	color: #dddddd;

	background-color: #336688;

}



body

{

	color: #FFF;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

	text-align: left;

	/*background: #368;

	border:0px solid #368;

	font-family:Helvetica, Arial, sans-serif;*/

	/*letter-spacing: 1.5px;	/*font-family: Book Antiqua, Palatino, serif; */

	

	/* Modern. Kind of Funky */

	/* font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif; */

	

	/* Monospace */

	/* font-family: Lucida Console, Monaco, monospace; */

}



/* NEW */

form {

	margin: 0px;

	padding: 0px

}



/* NEW */

code, pre {

	font-family: 'Courier New', Courier, Fixed;

}



/* NEW */

pre {

	overflow: auto;

	width: 430px;

	border: 1px dotted #777;

	padding: 5px;

	background: #336688;

}



/* NEW */

#archive_tree_menu ul	

{

	list-style: none inside;

	padding: 0px 0px 0px 10px;

	margin: 0px;

	background: #336688;

}



/* NEW */

#archive_tree_menu li	

{

	margin: 0px;

	padding: 4px 0px 0px 0px;

	/* border: 1px #F00 solid; */

	background-color: #368;

}



input, select, option, textarea

{

	font-size: 11px;

	text-align: left;

}



#footer

{

	border: 0;

	border-top: 1px dashed #69B;

	border-bottom: 1px dashed #69B;

	color: #ffffff;

	background-color: #336688;

	padding: 10px;

	text-align: left;

	clear: both;

}

.blogsponsors {

	border-top: #69B 1px dashed;

	padding: 5px;

}



#iframe {

	overflow:auto;

	height:700px;

	}



#maincontent

{

	margin: 0;

	padding: 4px;

	padding-top: 0px;

	top: 0px;

	left-width: 0px;

}



#maincontent .blog_title

{

	color: #ffffee;

	background: #447799;

	font-size: 20px;

	padding: 0px 5px 0px 0px;	

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-color: #6699bb;

	border-width: thin;



}

#maincontent .blog_title a:link,a:visited

{

	font-weight: bold; 

	color: #e6e6ee;

}

#maincontent .blog_title a:hover,a:active

{

	color: #ddeeff;

	text-decoration:none;

	font-weight: bold;

}



#maincontent .blog_body

{

	padding: 0px; /* Used to be 10px */

	margin: 0px;

	line-height: 16px; /* This is new */

	border-width: 1px;

	border-style: none;

	color: #ffffff;

	background: #447799;

	border-color: #6699bb;

	border-width: thin;

}



#maincontent .blog_date

{

	font-weight: normal;

	color: #d5d5cf;

	font-size: 10px;

	margin-bottom: 4px;

	top: 0px;

}



#maincontent .blog_comment

{

	padding: 6px 10px 0px 0px;

	font-size: 10px;

	font-weight: bold;	

	color: #ffffff;

	background: #447799;

	border-color: #6699bb;

}



#maincontent .blog_body a:hover,a:active

{

  border-bottom: #cccccc 1px dashed;

  color: #ffffff;

  text-decoration:none;

}



#maincontent .blog_borderall

{

	border:1px solid #6699bb;

	background:#479;

	padding: 5px;

}

#pagebody {

	background: #336688;

}



#sidebar

{

	height: 100%;

	width: 50px;

	padding: 0px 0px 0px 10px;

	font-size: 11px;

	font-weight: normal;

	background: #336688;

	height: 100%;

	border:0px solid #368;

	margin-left: -1px;	

}



#sidebar-top

{

	height: 30px;

	margin: 0px;

	padding: 0px;

}



#sidebar .menu_title

{

	/*font-family: Tahoma, Geneva, sans-serif;*/

	font-size: 11px;

	font-weight: bold;

	color: #eeeeee;

	padding: 0px 2px 4px 0px;

	margin: 0px;

	margin-left: -4px;

	border-color: #6699bb;

}



#sidebar .menu_body

{

	padding: 0px;

	clear: both;

	margin: 0px;

	margin-left: -4px;

	border-color: #6699bb;

	color: #ffffff;

}



#sidebar .calendar

{

	font-size: 10px;

}



#sidebar .calendar a

{

font-size: 11px;

font-weight: bold;

text-decoration: none;

}



#sidebar .calendar td

{

	padding: 2px;

}



/* Links */



a

{

	font-weight: normal;

	text-decoration: none;



}



a:link { color: #e6e6ee; }



a:visited { color: #e6e6ee; }



a:hover { color: #ddeeff; }

	

a:active { color: #ffffff; }



.nav{

background:url(assets/img/nav.jpg) repeat-x;

color:#bbcedd;

border:1px solid #69B;

border-top:0px;

height:20px;

text-align:center;

}

.nav a{

font-size:14px;

font-weight:bold;

text-decoration:none;

}

.nav a:hover{

color:#66ccff;

text-decoration:underline;

}



#sidebar .menu_body a

{

	font-weight: normal;

	text-decoration: none;

	background-color: #368;

}



#sidebar .menu_body a:link

{

	color: #d0e0f0;

	background-color: #368;

}



#sidebar .menu_body a:visited

{

	color: #cadaea;

}





#sidebar .menu_body a:hover

{

	color: #eaeafa;

}



#sidebar .menu_body a:active {

	color: #eeeee6;

}



/* Typeography */



blockquote {

	margin: 15px 30px 0 45px;

	padding: 0 0 0 45px;

	background: url(../web/images/blockquote.gif) no-repeat left top;

	font-style:italic;

}





h1, h2, h3, h4, h5, h6

{

	font-family: font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	color: #fffff5;

	color: #d5d5cf; /* <----- */

	margin: 2px 0px 2px 0px;

}



h1

{

	font-size: 20px;

	font-weight: bold;

}



h2

{

	font-size: 18px;

	font-weight: bold;

}



h3

{

	font-size: 16px;

	font-weight: bold;

}



h4

{

	font-size: 14px;

	font-weight: bold;

}



h5

{

	font-size: 12px;

	font-weight: bold;

}



h6

{

	font-size: 10px;

	font-weight: bold;

}