/*
Theme Name: Ellen White Answers
Theme URI: http://ellenwhiteanswers.org
Description: A custom theme for EllenWhiteAnswers.org, based on the original design work of Brighten Labs.
Version: 1.0
Author: Jonathan Wold
Author URI: http://jonathanwold.com
*/

body {
	text-align: center;
	min-width: 780px;
	margin: 0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* Div CSS
------------------------------------------------------------------------------------- */

	#title_print, #ewphoto_print, #footer_print { display:none; width:0; height:0; margin:0; padding:0; float: left; }

	#bg_top {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
		width: 100%;
		height: 136px;
		display: inline;
		font-size: 0px;
		background-image: url(images/top_bg.gif);
		background-repeat: repeat-x;
		text-align: center;
	}
		#bg_texture {
			margin: 0 auto;
			padding: 0;
			width: 100%;
			height: 100px;
			background-image: url(images/top_bg_texture.jpg);
			background-repeat: no-repeat;	
			background-position: center;	
		}
		
	#wrapper {
		position: relative;
		z-index: 1;
		margin: 0 auto;
		padding: 0;
		width: 780px;
		text-align: left;
	}
		
		#top {
			width: 780px;
			display: inline;
			float: left;
		}
			#identity {
				width: 780px;
				height: 100px;
				float: left;
				display: inline;
			}
				#title {
					width: 189px;
					height: 60px;
					margin: 20px 16px 0 15px;
					float: left;
					display: inline;
				}
				#ewphoto {
					width: 82px;
					height: 81px;
					margin: 9px 12px 0 0;
					float: left;
					display: inline;
				}
				#tagline {
					width: 186px;
					height: 47px;
					margin: 28px 47px 0 0;
					float: left;
					display: inline;
				}
				#license {
					width: 207px;
					height: 59px;
					margin: 21px 0 0 0;
					float: left;
					display: inline;
				}
			#menu {
				width: 780px;
				height: 36px;
				float: left;
				display: inline;
			}
		#middle {
			width: 780px;
			display: inline;
			float: left;
		}
			#side_menu {
				width: 193px;
				margin-right: 15px;
				float: left;
				display: inline;
				background-image: url(images/menu_side_bg.gif);
				background-repeat: repeat-y;
			}
				#side_menu_bg_top {
					width: 193px;
					float: left;
					display: inline;
					background-image: url(images/menu_side_top_bg.gif);
					background-repeat: no-repeat;
					background-position: top;
				}
					#side_menu_bg_bottom {
						width: 193px;
						padding: 12px 0 157px 0;
						float: left;
						display: inline;
						background-image: url(images/menu_side_bottom_bg.gif);
						background-repeat: no-repeat;
						background-position: bottom;
					}
			#main_column {
				width: 572px;
				float: left;
				display: inline;
			}
				#crumbs {
					width: 572px;
					margin: 15px 0 0 0;
					float: left;
					display: inline;
					font-size: 11px;
					line-height: 20px;
					color: #475d75;
				}
				#content {
					width: 516px;
					margin-top: 15px;
					padding: 20px 27px 27px 27px;
					display: inline;
					float: right;
					border: 1px solid #cccbcb;
				}
				#footer {
					width: 572px;
					margin: 10px 0 15px 0;
					float: left;
					display: inline;
					font-size: 10px;
					line-height: 18px;
					color: #999;
				}
			#special {
				width: 188px;
				float: right;
				display: inline;
				padding: 15px;
				margin: -25px 0 15px 15px;
				background-color: #e2e2e2;
				border-top: 5px solid #a6b1bd;
			}
				
		#bottom {
			width: 780px;
			display: inline;
			float: left;
		}
			
			
/* Object Styles
------------------------------------------------------------------------------------- */
	
		h1 { /* Page title */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			color: #b64900;
			margin-top: 0; padding-top: 0;
			display: inline;
		}
		
		h2 { /* Section title */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-style: italic;
			color: #666;
			margin-top: 25px; padding-top: 15;
		}
		
		#special h2 { /* "Special" title - front page or other inline spot for special text */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-style: normal;
			color: #b64900;
			margin-top: 0; padding-top: 0;
		}
		
		p {
			font-size: 12px;
			line-height: 20px;
			color: #333;
			padding: 0px;
		}
		
		strong {
			
		}
		
		em {
			
		}
		
		small {
			
		}
		
		span.highlight {
			background-color: #e8e3c9;
		}
		span.orange {
			color: #b64900;
		}
		span.green {
			color: #6a8e2b;
		}
		span.blue {
			color: #475d75;
		}

		span.right img {
			float: right;
			padding: 10px 0 20px 20px;
		}
		span.left img {
			float: left;
			padding: 10px 20px 20px 0;
		}


	/* List Styles
	------------------------------------------------------------------------------------- */
	
		ul {
		
		}
			ul li {
				font-size: 12px;
				line-height: 20px;
				color: #333;
				padding: 0px;			
			}
			
		ol {
		
		}
			ol li {
				font-size: 12px;
				line-height: 20px;
				color: #333;
				padding: 0 0 14px 0;			
			}
		

	/* Form Styles
	------------------------------------------------------------------------------------- */

		dl {
			float: left;
			clear: left;
			display: inline;
			margin: 10px 25px 0 25px;
			padding: 10px 0 0 0;
			border-top: 1px dotted #CCCCCC;
			width: 450px;
		}
		dt {
			float: left;
			clear: left;
			text-align: right;
			margin: 5px 10px 0 0;
			width: 100px;
			font-size: 11px;
			font-weight: bold;
			color: #333;
		}
		dd {
			margin-bottom: 5px;
			font-size: 11px;
		}
		
		dd input {
			padding: 2px;
			width: 175px;
			font-size: 14px;
		}



	
/* Link Styles
------------------------------------------------------------------------------------- */
	
		a {
			color: #475d75;
		}
		
		#footer a:link, #footer a:visited {
			color: #999;
		}
		
	
	/* Menu Styles
	------------------------------------------------------------------------------------- */

		/* Main Menu
		------------------------------------------------------------------------------------- */
	
			#menu ul, #menu li {
				float: left;
				padding: 0;
				margin: 0;
				display: inline;
				list-style: none;
			}
				#menu li.current_page_item, #menu li.current_page_ancestor {
					padding-right: 11px;
					background-image: url(images/menu_tab_right_bg.gif);
					background-position: right 1px;
					background-repeat: no-repeat;
				}
			#menu a {
				float: left;
				font-size: 13px;
				font-weight: bold;
				line-height: 34px;
				text-decoration: none;
				color: #fff;
				padding: 0 10px 0 10px;
				border: none;
			}
				#menu a:hover {
					text-decoration: underline;
				}
				#menu li.current_page_item a, #menu li.current_page_ancestor a {
					line-height: 35px;
					color: #475d75;
					margin-top: 1px;
					padding: 0px 7px 0 18px;
					background-image: url(images/menu_tab_left_bg.gif);
					background-position: top left;
					background-repeat: repeat-x;
				}
					#menu li.current_page_item a:hover, #menu li.current_page_ancestor a:hover {
						text-decoration: none;
					}
	
		/* Side Menu
		------------------------------------------------------------------------------------- */
		
			#side_menu ul, #side_menu li {
				float: left;
				padding: 0;
				margin: 0;
				display: inline;
				list-style: none;
				clear: left;
			}
				#side_menu li { width: 148px; padding: 4px 20px 4px 25px; }
			
			#side_menu a {
				font-size: 11px;
				color: #475d75;
				text-decoration: none;
				border-bottom: 1px solid #CCC;
			}
				#side_menu a:hover {
					border-bottom: 1px solid #475d75;
				}
				#side_menu .current_page_item a, #side_menu .current_page_ancestor a {
					font-weight: bold;
					border: none;
				}
					#side_menu .current_page_item a:hover, #side_menu .current_page_ancestor a:hover {
						border: none;
					}

/* Google Custom Search */
#cse-search-box {
	width:230px;
	display:inline;
	float:right;
	color:#fff;
	margin-top:22px;
}
input.cse-query {
	width:160px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}