/*  
Theme Name: eBrev
Theme URI: http://www.ebrev.info/
Description: Custom theme for www.ebrev.info
Version: 1.0
Author: Oscar Eg Gensmann
Author URI: http://www.gmta.info
*/
  
a img{border:none}
em{font-style:italic;}

body
{
	text-align:center;
	color:#111;
	text-align:center;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:1.5em;
	background-color: #081222;
	background-image:url(/media/layout/subpage_back.jpg);
	background-position:top left;
	background-repeat: repeat-x;
}


a{color:#fff;font-weight:bold;text-decoration:underline;}
a:hover{color:#fff;}

#page a{color:#fff;}

#sidebar a{text-decoration:none;font-weight:normal;}
#sidebar a:hover{text-decoration:underline;}

#breadcrumb a{color:#A6AAB0;text-decoration:none;font-weight:normal;}
#breadcrumb a:hover{color:#fff;text-decoration:underline;}

#footer{
	background-image:url(/media/layout/footer_back.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	height:113px;	
	color:#fff;
	padding:33px 0px 5px 0px;
	margin: 15px 0 0 0;
	font-size:10px;
	line-height:2em;
}

#header, #container{
	width:815px;
	text-align:left;
	margin: 0 auto;
	position:relative;
	top:0px;
	left:0px;

}

#header{height:128px;}

#logo a{
	width:393px;
	height:128px;
	display:block;
	background-image:url(/media/layout/logo_subpage.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	left:-40px;
}

#logo a span{display:none;}

#login{
  position:absolute;
  top:31px;
  left:640px;
  height:34px;
  width:177px;
}

body.frontpage {background-image:url(/media/layout/frontpage_back.jpg);}
body.frontpage #logo a{background-image:url(/media/layout/logo_frontpage.jpg);}


/* --------- Menu ---------- */

#main_menu
{
	height: 25px;
	width:750px;
	overflow:hidden;
	background-position:top left;
	background-repeat:repeat-x;
	overflow:hidden;
	position:absolute;
	top:85px;
	right:0px;
}


#main_menu ul
{
	margin:0px;
	padding:0px 0px 0px 2px;
	height:23px;
	float:right;
	background-image:url(/media/layout/menu_split.gif);
	background-position:top left;
	background-repeat:no-repeat;	
}

#main_menu ul li
{
	float:left;
	padding:0px 2px 0px 0px;
	height:24px;
	list-style:none;
	background-image:url(/media/layout/menu_split.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:100px;
}	
#main_menu ul li a
{
	display:block;
	height:23px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	margin-top:1px;
	padding:0px;
	text-align:center;
}

#main_menu ul li.current_page_item a
{
	background-image:url(/media/layout/menu_active_back.jpg);
	background-position:top right;
	background-repeat:repeat-x;	
}


#main_menu ul li a:hover{text-decoration:underline;}


/* --------- Subpage layout ---------- */

.breaker{clear:both;height:1px;overflow:hidden;font-size:1px;}

#content_container{
  	background: transparent url(/media/layout/content_back.gif) repeat-y top left;
}

#content{
	float:left;
	width:581px;
	margin:0px 5px 0px 0px;
	overflow:hidden;
}

#page{
	margin:0 0 20px 20px;
	background-color:transparent;
	color:#fff;
	width:540px;

}

#page .pagepadding{padding:0;	min-height:380px;}



/* --------- Sidebar ---------- */

#sidebar{
	float:left;
	width:205px;
	background-color:transparent;	
	margin:0px;
	color:#fff;
}

  
#sidebar .boxcontent{padding:10px;}
#sidebar h3 {margin:15px 0;}
#sidebar h3 span{display:none;}
#sidebar .menu{margin:15px 0}
#sidebar .menu li{margin:7px 0px;clear:both;}
#sidebar .menu li img{margin:0 10px 0 0;float:left;width:24px;}
#sidebar .menu li a{float:left;width:150px;display:block;text-decoration:none;}
#sidebar .menu li a:hover{text-decoration:underline;}

#sidebar .current_page_item a{font-weight:bold;text-decoration:none;}
#sidebar .current_page_item a:hover{text-decoration:underline;}


/* --------- Content elements ---------- */

#page p{margin:15px 10px;}
#page ul, ol{margin:15px 30px;list-style:disc;}
#page ul li, ol li{margin:8px 10px;}
#page blockquote{margin:25px;font-weight:bold;font-size:12px;line-height:1.4em;font-style:italic;}
#page strong{font-weight:bold;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{display:none;}

#page h2{
  font-size:14px;
  margin:20px 0 10px 0;
  background-image: url(/media/layout/h2_right.jpg);
  background-repeat: no-repeat;
  background-position:top right;
  height:26px;
  color:#ffffff;
  line-height:21px;
  clear:both;
}

#page h2 img{float:left;}
#page h2 a{text-decoration:none;font-weight:normal;}
#page h2 a:hover{text-decoration:underline;}


#page h3{font-weight:bold;font-size:12px;margin:10px 10px -10px 10px}
#page .box h3{margin:10px 0px}

#page img.left{float:left;margin:0px 25px 10px 0}
#page img.right{float:right;margin:0px 0 10px 25px}

#page #breadcrumb{margin:5px 0px -12px 10px;color:#A6AAB0;font-size:10px;}

#page table{width:100%;margin:5px 0%;background-color:#4a596d;border:0px solid #1c342f;}
#page table th{font-weight:bold;padding:6px;border-bottom:1px solid #333d4c;background-color:#3f4c5e;}
#page table td{padding:6px 10px;border-bottom:1px solid #3b4555;}
#page table td.alt{background:#576d8a;}
#page table .key{width:40%;}
#page table.price_example .key{width:70%;}
#page table td.left, #page table th.left{text-align:left}
#page table td.center, #page table th.center{text-align:center}
#page table td.right, #page table th.right{text-align:right}
#page table .total{background:#616f82;font-weight:bold;}
#page table td.solo{background:#576d8a;}
#page table td.pro{background:#4d6079;}
#page table td.multi{background:#576d8a;}

#page table .corner1{background-image: url(/media/layout/table_th_corner_1.gif);background-repeat:no-repeat;background-position:top left;}
#page table .corner2{background-image: url(/media/layout/table_th_corner_2.gif);background-repeat:no-repeat;background-position:top right;}
#page table .corner3{background-image: url(/media/layout/table_th_corner_3.gif);background-repeat:no-repeat;background-position:bottom right;}
#page table .corner4{background-image: url(/media/layout/table_th_corner_4.gif);background-repeat:no-repeat;background-position:bottom left;}

#page table .header th{height:22px;line-height:22px;overflow:hidden;padding:0 5px;}
#page table .footer th{border-bottom:none;border-top:1px solid #333d4c;height:13px;line-height:13px;overflow:hidden;padding:0;}

div.split{
	background-image: url(/media/layout/split.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height:2px;
	overflow:hidden;
	margin:20px 0px;
	clear:both;
}

#sidebar div.split{
  background-image: url(/media/layout/sidebar_split.gif);
}

.excerpt{font-style:italic;}

#page .box{
  border:0px solid #A6AAB0;
	position:relative;
	top:0px;
	left:0px;
	background-repeat:repeat-x;
	background-position:top left;
  background-color:#47576f;
	margin:15px 0;
	width:100%;
}

#page .box .boxcontent{
	padding:10px;
	color:#fff;	
}

#page .box .upperleft{
        background-image : url(/media/layout/page_box_corner_1.gif);
        background-repeat : no-repeat;
        background-position : top left;
        position:relative;
        top:0px;
        left:0px;
}

#page .box .upperright{
        background-image : url(/media/layout/page_box_corner_2.gif);
        background-repeat : no-repeat;
        background-position : top right;
        position:relative;
        top:0px;
        right:0px;
}

#page .box .lowerright{
        background-image : url(/media/layout/page_box_corner_3.gif);
        background-repeat : no-repeat;
        background-position : bottom right;
        padding:0px;
        position:relative;
        bottom:0px;
        right:0px;
}

#page .box .lowerleft{
        background-image : url(/media/layout/page_box_corner_4.gif);
        background-repeat : no-repeat;
        background-position : bottom left;
        position:relative;
        bottom:0px;
        left:0px;
}


/* --------- Forms ---------- */

label{display:block;margin:6px 0;clear:both;}
label span{display:block;float:left;width:215px;}
label input{width:290px;font-size:11px;padding:2px;}
label textarea{width:290px;height:75px;padding:2px;}
label select{width:290px;font-size:11px;padding:2px;}
label.submit input{width:auto;float:right;}
label input, label textarea{font:11px verdana,arial,sans-serif}
input.protection{display:none;}

/* --------- Knowledgebase ---------- */

#page .box .boxcontent h2{margin:0px;font-size:14px;}
#page .box .boxcontent h2 a{margin:0px;color:#fff;text-decoration:none;}
#page .box .boxcontent h2 a:hover{text-decoration:underline;}
#page .box .boxcontent .date{margin:0px;font-size:10px;}

.knowledgebase .section_thumbnail{float:left;margin:0 15px 40px 0;}
.knowledgebase .section_content{float:left;width:80%;}
.knowledgebase .article_thumbnail{float:left;margin:0 15px 0px 0;}
.knowledgebase .article_excerpt{float:left;width:80%}

/* --------- Frontpage ---------- */

body.frontpage #content{background:none;width:815px;margin:0;float:none;}
body.frontpage #page{background:none;margin:0px;width:100%;}
body.frontpage #page .lowerright{background:none;}
body.frontpage #page .lowerleft{background:none;}
body.frontpage #page .pagepadding{margin:0px;}
body.frontpage #page h1{margin:0;border-bottom:1px solid #223049;padding:0 0 5px 0;}
body.frontpage #smallbox h2{display:none;}
body.frontpage #smallbox p{margin:10px 0;}
body.frontpage #smallbox #smallbox_bottom{position:absolute;top:210px;left:10px;width:190px;height:25px;text-align:center;line-height:23px;}
body.frontpage #page p{margin:4px 0;color:#fff;}

#teaser{background-color:none;height:280px;width:790px;margin-left:0px;position:relative;top:0;left:0;}

body.frontpage #teaser #largebox{
	height:208px;
	width:576px;
	position:absolute;
	top:-3px;
	left:0px;
	background-image : none;
	background-repeat : no-repeat;
	background-position : top left;	
}

body.frontpage #teaser #largebox h1{
  height:25px;
  position:absolute;
  top:25px;
  left:30px;
}

body.frontpage #teaser #largebox .subtext{
  width:300px;
  position:absolute;
  top:50px;
  left:30px;
}

body.frontpage #teaser #largebox .subtext p{margin: 10px 0;}
body.frontpage #teaser #largebox .subtext p a{color:#000;font-weight:bold;text-decoration:underline;}

body.frontpage #teaser #smallbox{
	height:248px;
	width:212px;
	position:absolute;
	top:-3px;
	left:608px;
  background-image : url(/media/layout/smallbox_back.jpg);
  background-repeat : no-repeat;
  background-position : top left;
	overflow:hidden;
}

body.frontpage #teaser #smallbox .padding{margin:38px 23px 15px 25px ;}
body.frontpage #teaser #smallbox a {color:#19273e;}
body.frontpage #teaser #smallbox a:hover {color:#b25100;}
body.frontpage #teaser #smallbox_bottom {position:absolute;top:210px;left:0px;text-align:center;height:28px;width:210px;}
body.frontpage #teaser #smallbox_bottom span{display:none;}

body.frontpage #teaser #buttons{
	height:43px;
	width:576px;
	position:absolute;
	top:208px;
	left:0px;
}

/* --------- blog ---------- */

.blog #page p.post_categories{margin:0px;}
.blog #page p.post_categories a{text-decoration:none;}
.blog #page p.post_categories a:hover{text-decoration:underline;}

.blog #page p.post_subline{margin:2px 0;color:#bdcee8;}

.blog .post_body{margin:-30px 20px 10px 72px;}

.blog #page h2{
  background:none;
  font-size:20px;
  margin:0 0 5px 0;
  line-height:auto;
  height:auto;
  width:auto;
  clear:none;
}

.blog #page h3{
  font-size:14px;
  font-weight:normal;
  border-bottom:2px solid #465770;
  border-left:2px solid #465770;
  padding:0 0 5px 6px;
  margin:20px 0 -5px 10px;
}

#verytop {
  width:100%;
  height:100px;
  border-bottom: 1px solid #B1B1B1;
  background-color:#030B14;
  color:#FFFFFF;
  font-weight:bold;
  z-index:10000;
  text-align:left;
}

#imagediv {
  float:left;
  padding:10px 0px 10px 0px;
}

#textdiv {
  float:left;
  padding:20px 40px 10px 0px;
}

#verytop h3 {
  font-size:14px;
  font-weight:bold;
  padding-bottom:10px;
}