/*File: custom.css*/

body.custom {
background-image:url('http://sunchowdersemporia.com/wp-content/themes/thesis_18b4/custom/images/bg.gif');
background-repeat:repeat-x;}

/*Header image and removing text*/
.custom #header #logo a { display: block; margin-left: 100px;  height: 241px; width: 417px; background: url('http://sunchowdersemporia.com/wp-content/themes/thesis_18b4/custom/images/header.png') no-repeat; outline: none; }
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
.custom #header #tagline { height: 0; }
.custom #header { background:transparent; padding: 0; border-bottom:none;}
/*---------------------------------*/

/*Make page transparent; see background in banner*/
.custom #page {background:transparent;}
/*---------------------------------*/

/* teasers one column wide*/
.custom .teaser {width:100%; margin-top:0em; padding-top:10px; border-top:1px dotted #43532f;}
.custom .teasers_box {padding-top:5px;padding-bottom:0; margin-bottom:0; border-top:0;}

/*-- teaser formatting --*/
.teasers_box {
	width: auto;
	padding: 0;
	border: none;
	margin-right: 2em;}

.teaser {
	width: 100%;
	/*border-bottom: 1px dotted #bbb;
*/	margin-bottom: 5px;}

.teaser_right {
	float: left;}

.teaser img {
	border: 1px solid #000;
	margin: 0 14px 18px 0;}

.teaser .format_teaser {
	line-height: 18px;
	margin-top: 10px;
	overflow: hidden;}

.teaser a.teaser_category {
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	margin-right: 4px;
	background-color: #8bbfe0;
	color: #fff;}

.teaser_comments {
	display: none;}
/*---------------------------------*/

/*Footer*/
.custom #footer {background:#003C78; color: #ffffff;}
/*---------------------------------*/


.custom .menu {background:transparent;}
.custom .menu {font-weight: bold; width: 900px; height: 40px; padding-bottom: 0px; }
/*spacing on left and right side; do not use if you want the look of a solid nav bar*/
.custom .menu .tab { height: 30px; margin-top: 3px; margin-left:0px; margin-right: 0px; }
/*spacing on left and right side; do not use if you want the look of a solid nav bar*/
.custom .menu .tab { height: 30px; background: #003c78; padding-left: 2px; padding-right: 10px; }

/*Reduce the space between widgets in the sidebars*/
.custom li.widget { margin-bottom: 10px; }
/*---------------------------------*/

/* Customized Sidebar Titles */
.custom .sidebar h3{background-color: #ffe152; -moz-border-radius: 5px; padding: 0.1em 0.1em 0.1em 0.5em; font-weight:bold; font-size:1em; color:#000000;}
 /*---------------------------------*/

/* Customized Container */
.custom #container {margin-top: 0px; margin-bottom: 1em;}
/*---------------------------------*/

/* Customize H (heading) styles*/

.custom h1 {
	color: #003c78;
	font-size: 16px;
	font-weight:bold;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 0px }
.custom h2 {
	color: #003c78;
	font-size: 16px;
	font-weight:bold;
	line-height: 18px;
	text-transform: lowercase;
	margin-top: 0px;
	margin-bottom: 0px }
.custom h4 {
	color: #003c78;
	font-size: 11px;
	line-height: 13px;
    font-weight :normal;
	text-weight: none;
	margin-top: 15px;
	margin-bottom: 0px }

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

/*.custom #sidebar_1 { background: #D4C59F; }*/
/*.custom #sidebar_2 { background: #D4C59F; }*/
.custom #sidebar_2 { text-align: left; }
/*---------------------------------*/

/**
 * Book on the right side
 */

.custom #page { position: relative; } /* relative positioning is set on the #page div, this allows us to use absolute positioning on the book div and have that absolute positioning be relative to #page */
.custom .sp_overlay { float: right; position: absolute; right: 0; top: 0; z-index: 80; } /* we position the book and apply a z-index to it higher than the z-index of the navigation */
.custom #sidebars { margin-top: 4em; } /* we push the sidebar down so the book doesn't overlap the sidebar */
.custom #content { margin-top: 0em; } /* we push the content down so the book doesn't overlap the content
/*