/*
Theme Name: Red Evolution Scrapbook
Theme URI: http://redevolution.com/
Description: A 2 columns theme created by <a href="http://www.redevolution.com" target="_blank">Red Evolution</a>.
Author: Red Evolution
Author URI: http://www.redevolution.com/
*/

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:0.5em;}

fieldset{padding:0.5em;}

img {
	border: none;
}

.clear {
	clear: both;
}


/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
	
	font-size:12px; /* more consistent font sizes */
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px; /*helps readability*/
}

.bg{
background:#815202 url(images/bg.jpg) top center no-repeat;}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
	color: #333;
	font-size:12px;
}



/*-----HEADINGS-----*/
h1{ font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; color:#673802; font-weight:normal; background:url(images/dot.png) bottom left repeat-x;
padding-bottom:6px; margin-bottom:6px; line-height:24px;} 
h2{font-size:21px; color:#673802; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; background:url(images/dot.png) bottom left repeat-x; line-height:20px;
padding-bottom:6px; margin-bottom:6px;}
h3{ font-size:18px; font-weight:bold; color:#673802; font-family:Georgia, "Times New Roman", Times, serif;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}


/*-----LINK TEXT COLORS-----*/
a {
color:#673802;
font-weight:bold;
}

a:hover{
color:#000;
}
/*-----Lists-----*/
ul{
list-style:none;
}

#content ul li{
background:url(images/list.png) top left no-repeat;
padding-left:26px;
}

#content ol{
margin-left:2em;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {
 
}

/* MAIN MENU LINK COLOR */

#right ul li a{
color:#000;
background:url(images/mainlevel.jpg) top left repeat-y;
border:none;
display:block;
padding:4px 0px 4px 8px;
text-decoration:none;
margin-bottom:1px;
}

#right ul li a:hover{
color:#000;
background:url(images/active.jpg) top left repeat-y;
}


#right ul ul li a{
background:url(images/sublevel.png) no-repeat;
background-position:0px 3px;
padding-left:18px;
margin-left:5px;
}



#topmenu a{
color:#fff;
padding:0px 10px;
}

#topmenu a:hover{
color:#000;
}



/*layout*/
#wrapper{width:760px; text-align:left;}
#top{width:760px; position:relative; height:122px;}
#logo{float:left; width:206px; text-align:center;}
#logo .inside{padding:2px 0px 0px 6px;}
#logo h1 a{text-decoration:none; border:none;}
#logo h1{background:none; padding-bottom:0;}
p.desc{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic;}
#topright{float:left; width:550px; }
#topmodule{float:right; width:250px; text-align:center; margin-top:12px;   height:70px;}
#topmodule form{padding:0; margin:0;}
.pfield, .pbutton{float:left;}
.pbutton{margin-left:3px;}
#topmenu{float:right; width:480px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px; color:#fff; clear:both;  }
#topmenu ul, #topmenu li{padding:0; margin:0;}
#topmenu ul{text-align:center;}
#topmenu li{display:inline;}
#left, #right{overflow:hidden;}
#container a{
text-decoration:none;
}
#container a:hover{
text-decoration:none;

}
#left a{border-bottom:#673802 1px dashed;}
#left a:hover{border-bottom:#000 1px dashed;}
#left h1 a, #left h2 a,#left h1 a:hover, #left h2 a:hover{border:none;}

#container a.mainlevel, #container a.sublevel{
border:none;}
#left{
float:left;
width:558px;}
#content{
float:left;
width:558px;
background:url(images/main_middle.jpg) top left repeat-y;}
#content .topbg{
background:url(images/main_top.jpg) top left no-repeat;
padding:46px 36px 110px 36px;
}
#content .bottombg{
min-height:400px;
height:auto!important;
height:400px;
background:url(images/main_bottom.jpg) bottom left no-repeat;
}
input, textarea{
border:#e7e6b8 3px solid;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
textarea#comment{
width:400px;
border:#e7e6b8 3px solid;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
}

#submit{
background-color:#805102;
border:#b49008 1px solid;
color:#fff;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}


#book{
float:left;
width:558px;
background:url(images/book_bg.jpg) repeat-y;
background-position:0px 38px;}

#book .topbg{
background:url(images/book_top.jpg) top left no-repeat;}

#book .bottombg{
background:url(images/book_bottom.jpg) bottom left no-repeat;
padding-bottom:36px;}

#user3, #user4{
float:left;
width:50%;
}

#user3 .inside, #user4 .inside{
padding:20px 30px 20px 30px;}

#book h2{
background:url(images/dot.png) bottom left repeat-x;
padding-bottom:6px;}

#book li{
background:url(images/icon.png) no-repeat;
background-position:0px 4px;
padding-left:12px;}

#right{
float:right;
width:201px;}

#right h2{
font-size:12px;
text-align:center;
font-weight:bold;
background:url(images/h3bg.jpg) top center no-repeat;
}

#right .module{
float:left;
width:201px;
background:url(images/modulemiddle.jpg) top left repeat-y;}

#right .module div{
background:url(images/modulebottom.jpg) bottom left no-repeat;}

#right .module div div{
background:url(images/moduletop.jpg) top left no-repeat;
padding:40px 24px;}

#right .module div div div{
background:none;
padding:0px;}
#right ul, #right li{
margin:0;
padding:0;
}
#footer{width:100%; text-align:center; color:#fff; padding:5px 0px;}
#footer a{color:#fff; }
#container img a{border:none;}
#container a img{border:none;}