/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout, default font, black background and including the width of the main white box*/
body {background:white; background-image:url('images/gradient.jpg'); background-repeat:repeat-x; font:80% verdana; margin:0; padding:15px 0 0;}
/*#container {background:white; margin:0 auto 20px; padding:0; width:950px;}*/
/*#container {background:white; margin:15px 0 15px 31px; padding:0px; border-style:double; border-width:4px; border-color:#393939; width:950px;}*/
#container {background:white; margin:15px 0 15px 31px; padding:0px; border-style:double; border-width:4px; border-color:#393939; width:950px;}


/* Tags */
a {border-bottom:1px dotted #505050; color:#777777; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:1.5em; font-weight:400; margin:0 0 5px; padding:0;}
/*h2 is for the subscribe header*/
h2 {position:center; font-size:1.3em; font-weight:400; text-decoration:bold; margin:15px 0 15px 0;}
h3 {position:center; color:white; font-size:1.3em; font-weight:400; text-decoration:bold; margin:15px 0 15px 0;}
h4 {font-size:1.4em; font-weight:400; margin:0 0 3px;}
p {line-height:1.5em; margin:0 0 15px;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}


/* Header description area */
/* this one affects the position of the image*/
#desc {background:white url(images/banner.jpg) top left no-repeat; clear:both; height:117px; width=750px; margin:0 0 30px 0; padding:0 0 0 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px;}
#desc h2 {color:white; padding:15px 15px 0;}
#desc a {border-color:white; color:white; text-decoration:none;}

/* greeting box inside of desc */
#greetingbox {margin: 0 0 0 665px; padding:45px 3px 3px 3px; width:260px; font-size:1em; font-style:bolder; color: white; border-bottom:1 px black; }


/* Navitabs menu*/
#navitabs {margin: -33px 0 0 50px; width:550px; z-index:2}
.navitab {background:#393939; border-bottom:3px solid #3B5421; border-left:1px solid #ccc; font-size:.9em; font-style:bold; color:white; margin:0 0 4px; padding:6px 15px 6px 15px; text-decoration:none;}
.navitab:hover {background:#3B5421; border-bottom:3px solid #ccc; border-left:1px solid #393939; font-size:.9em; font-style:bold; color:white;}
.activenavitab {background:#3B5421; border-bottom:3px solid #ccc; border-left:1px solid #393939; font-size:.9em; font-style:bold; color:white; margin:0 0 4px; padding:6px 12px 6px 12px; text-decoration:none;}
.activenavitab:hover {background:#486828; border-bottom:3px solid #e3e3e3; text-decoration:none;} 




/*tinybox popup videos*/
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}
.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 8px; border:1px solid #ccc; background:#393939; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}


/* Main content */
#main {width:auto; margin:20px 230px 20px 50px; padding:0 15px 0 0; min-height:500px;  height:auto !important;  height:500px;}
#explain {margin:20px 140px 20px 140px; width:520px; height:2000px;}


/* Site title */
#quote {margin:0 0 0 0; padding:55px 425px 15px 425px;}
#quote h1 a {border:none; color:white;}
#quote h1 a:hover {border:none; color:white; text-decoration:none;}
#quote p {font-size:1.3em; color:white; margin:0 0 20px 0;}



/* Query content */
#query {float:left; margin:0; padding:0px 15px 0 0; width:1045px;}

/* Passage content */
#passage {float:left; margin:25px 0 0 0; padding:0 100px 0 100px; width:650px;}
.floatLeft{float: left;}
.floatRight{float: right; margin: 20px 0 20px 15px;}
.image-left{float: left; vertical-align: text-top;}
.image-right{float: right; vertical-align: text-top;}

/* Image favorites content */
#image_favorites {background:#000; float:left; margin:0px; padding:25px 100px 0 100px; width:650px;}
.floatLeft{float: left;}
.floatRight{float: right; margin: 20px 0 20px 15px;}
.image-left{float: left; vertical-align: text-top;}
.image-right{float: right; vertical-align: text-top;}

/* Image favorites content */
#passage_favorites {float:left; margin:0px; padding:25px 100px 0 100px; width:650px;}
.floatLeft{float: left;}
.floatRight{float: right; margin: 20px 0 20px 15px;}
.image-left{float: left; vertical-align: text-top;}
.image-right{float: right; vertical-align: text-top;}

/* Sidebar -- the original one*/
/*#sidebar {background:#393939; float:right; width:160px; margin: -20px 15px 30px 10px; padding: 15px 7px 15px 11px; border-style:double; border-width:4px; border-color:white; -moz-border-radius: 11px; -webkit-border-radius: 11px;}*/
#sidebar {background:#393939; float:right; width:160px; margin: -20px 15px 30px 10px; padding: 15px 7px 15px 11px; border-style:double; border-width:4px; border-color:white;}
#sidebar p {line-height:1.3em; margin:0 0 15px;}
/*#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:103px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}*/

/*Image containers
img.left {float:left;}
img.right {background:#666; float:right; margin:80px 15px 0 15px; padding:10 10 10 10; border: 1px solid $666; width:auto;}*/


/* Footer */
#footer {background:white; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:15px 15px 15px 15px;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}