/*
Name of Template : Surreal
Author : Roshan
URL : www.ramblingsoul.com
License : Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Note : Do not remove the credit links from the template
*/
* 
{
 margin: 0px;
 padding: 0px;
}

body 
{
 background-image: url(images/bg.jpg);
 background-repeat: repeat;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
}

.clear 
{
 clear: both;
}

#wrap 
{
 background-image: url(images/wrapbg.jpg);
 background-repeat: repeat-y;
 width: 927px;
 margin-top: 25px;
 margin-right: auto;
 margin-bottom: 25px;
 margin-left: auto;
}

#wrap #header #sitename 
{
 color: #ffffff;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 58px;
 font-weight: normal;
 display: block;
 padding-top: 260px;
 text-align: right;
 padding-right: 50px;
}

#sitename a, #sitename a:visited, #sitename a:active 
{
 color: #ffffff;
 text-decoration: none;
}

#sitename a:hover 
{
 color: #ffffcc;
 text-decoration: none;
}

#header 
{
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
 height: 341px;
}
#header h2 
{
color: #ffffff;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 50px;
 font-weight: normal;
 display: block;
 padding-top: 75px;
 padding-left: 20px;
 text-align: left;
 margin-bottom: 5px;
}
#page 
{
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
}
#page #menu 
{
 float: left;
 background-image: url(images/sidemenu.jpg);
 background-repeat: no-repeat;
 width: 269px;
 height: 382px;
}

#page #content2 
{
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 0px;
 padding-left: 5px;
 background-color:#ffffff;
}

#content2 p 
{
 line-height: 22px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 25px;
 margin-left: 0px;
}

#content2 h2 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 font-size: 26px;
 color: #666600;
 display: block;
 margin-bottom: 20px;
}

#content2 a 
{
 color: #999900;
}

#content2 a:visited 
{
 color: #666666;
}

#content2 a:active 
{
 color: #99CC00;
}

#content2 a:hover 
{
 color: #000000;
 text-decoration: none;
}

#content2 h2 .seo 
{
 display: block;
 text-align: right;
 font-size: 10px;
 color: #999999;
 background-color: #efefef;
 padding: 3px;
}

#content2 blockquote 
{
 display: block;
 padding: 5px;
 margin: 10px;
 text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #996600;
 background-color: #F8FDBA;
 border-top-color: #666666;
 border-top-width: 1px;
 border-top-style: dashed;
 border-bottom-color: #666666;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
}

#content2 blockquote p 
{
 margin: 0px;
}

#content2 blockquote cite 
{
 color: #000000;
 display: block;
 text-align: right;
 padding: 5px;
 border-top-color: #F3ECBE;
 border-top-width: 1px;
 border-top-style: solid;
}

#content2 img 
{
 background-color: #efefef;
 margin: 5px;
 padding: 5px;
 border-color: #999999;
 border-width: 1px;
 border-style: solid;
}

#content2 .alignleft 
{
 float: left;
}

#content2 .alignright 
{
 float: right;
}

#content2 .postmetadata 
{
 display: block;
 padding: 3px;
 background-color: #E3EDAF;
}

#content2 h1,#content h3,#content h4,#content h5,#content h6 
{
 color: #666600;
}

#content2 ul 
{
 list-style: square;
 padding: 5px;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 20px;
}

#content2 li 
{
 padding: 5px;
 margin-bottom: 10px;
}

#content2 ol 
{
 padding: 5px;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 20px;
}

#browse 
{

}

#browse .subhead 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 padding-left: 25px;
 font-size: 26px;
 color: #666600;
 display: block;
 margin-bottom: 35px;
}

#browse .categoryhead 
{
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 padding: 5px;
 font-size: 22px;
 color: #666600;
 display: block;
 border-bottom-color: #ffffff;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#browse ul 
{
 list-style: none;
}

#browse li 
{
 display: block;
 height: 25px;
 border-top-color: #FEFEFC;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #EBE6B4;
 border-top-width: 1px;
 border-top-style: solid;
}

#browse ul a 
{
 display: block;
 height: 20px;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px;
 text-decoration: none;
 color: #000000;
}

#browse a:visited,active 
{
 display: block;
 height: 20px;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px;
 text-decoration: none;
 color: #000000;
 border-bottom-color: #D7C479;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#browse a:hover 
{
 background-color: #ffffff;
 color: #000000;
}

.browsecat 
{
 float: left;
 width: 30%;
 padding-top: 5px;
 padding-right: 6px;
 padding-bottom: 8px;
 padding-left: 6px;
 margin-left: 10px;
 border-color: #F3ECBE;
 border-width: 1px;
 border-style: solid;
 background-color: #FBFAF0;
}

#menu h2 
{
 display: block;
 color: #666600;
 border-bottom-color: #DFCD95;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding: 5px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 22px;
 font-weight: normal;
}

#wrap #page #menu #sidemenu 
{
 padding-top: 65px;
 padding-right: 45px;
 padding-bottom: 0px;
 padding-left: 40px;
 display: block;
}

#sidemenu ul 
{
 display: block;
 list-style: none;
}

#sidemenu li 
{
 display: block;
 height: 26px;
 border-top-color: #FFFFff;
 border-top-width: 1px;
 border-top-style: solid;
}

#sidemenu a, #sidemenu a:visited 
{
 display: block;
 height: 20px;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px;
 color: #FFFFCC;
 text-decoration: none;
 border-bottom-color: #DFCD95;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}
#sidemenu a:active {
	color: #000000;
}

#sidemenu a:hover 
{
	background-color: #9999FF;
	color: #000000;
}

#footer 
{
 background-image: url(images/footer.jpg);
 background-repeat: no-repeat;
 background-position: bottom;
 height: 100px;
 text-align: center;
}

#footercontent 
{
 margin: 15px;
 border-top-color: #EBE6B4;
 border-top-width: 1px;
 border-top-style: solid;
 padding-top: 15px;
}

#footer a, #footer a:visited, #footer a:active 
{
 color: #996633;
 text-decoration: none;
}

#footer #credit 
{
 font-size: 10px;
}

.textfield 
{
 display: block;
 float: left;
 width: 65%;
 background-color: #F3F4E8;
 margin-top: 3px;
 margin-right: 3px;
 margin-bottom: 3px;
 margin-left: 30px;
 padding: 3px;
 border-color: #D6D9AE;
 border-width: 1px;
 border-style: solid;
 clear: right;
}

label 
{
 display: block;
 float: left;
 text-align: right;
 font-weight: bold;
 width: 20%;
 margin: 3px;
 padding: 5px;
}

.button 
{
 display: block;
 padding: 0px;
 background-color: #E3E6C8;
 margin: 3px;
 border-color: #efefef;
 border-width: 2px;
 border-style: solid;
 color: #000000;
}

.textfield:hover 
{
 background-color: #FBFCF8;
}

.textfield:focus 
{
 background-color: #ffffff;
}

#content .clear2 
{
 clear: right;
 width: 90%;
}

.hide 
{
 display: none;
}

#content table 
{
 margin: 10px;
 width: 500px;
 border-color: #BDDB99;
 border-width: 1px;
 border-style: solid;
}

#content th 
{
 background-color: #DFEDCD;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
 color: #999933;
 font-weight: bold;
 text-align: center;
 border-bottom-color: #BDDB99;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#content td 
{
 border-bottom-color: #DFEDCD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
 border-right-color: #DFEDCD;
 border-right-width: 1px;
 border-right-style: solid;
}