﻿*, html{margin: 0; padding: 0;}
/*FONTS*/
@font-face {font-family: 'GentiumBookBasicBold'; src: url('GenBkBasB.eot'); src: local('Gentium Book Basic Bold'), local('GentiumBookBasic-Bold'), url('GenBkBasB.ttf') format('truetype');}
@font-face {font-family: 'DroidSansBold'; src: url('DroidSans-Bold.eot'); src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('DroidSans-Bold.ttf') format('truetype');}
/*END FONTS*/

@media screen, print {
/*Basic Elements*/
html{height: 100%; opacity: 0.93; filter:alpha(opacity=93); -moz-opacity:0.93;}
body {font: normal 80%/1.6em 'Trebuchet MS', Tahoma, sans-serif; color: #555; text-align: center; height: 100%; width: 100%;
background: white url('../supersized2/images/bkg_1920b.jpg') no-repeat fixed center center;
}
a {text-decoration: none; color:#3b6417;}
a:hover {text-decoration: underline; color: #679043;}
a:visited {color: #679043;}
a:active {color: #84a963;}
a:focus {color: #679043;}
h1, h2, h3, h4, h5, h6 {font: bold 1em 'GentiumBookBasicBold', 'Trebuchet MS', Tahoma, Sans-serif;}
h1 {font-size: 1.4em; color: #3b6417; letter-spacing: 0.5px;}
h2 {font-size: 1.2em; letter-spacing: 0.75px; color: #3b6417;}
h3 {font-size: 1.2em; letter-spacing: 1.4px;}
h4 {font-size: 1.0em; letter-spacing: 1.5px;}
p, h1, h2, h3, h4, h5, h6 {margin: 4px 10px 4px 10px;}
p{margin-bottom: 10px;}
ul, ol {margin: 10px 30px; padding: 0 15px; line-height: 1.45em;}

/* images */
#content img {border: 2px solid #7F7F7F; padding: 3px; background-color: transparent;}
img.float-right {margin: 5px 0px 5px 15px;}
img.float-left {margin: 5px 15px 5px 0px;}

/* start - table */
fieldset {border: 0px;}
table {width: 94%; border: 2px #7F7F7F solid; border-collapse: collapse; margin: 8px auto;}
th {background: #74A846; height: 29px; padding-left: 11px; padding-right: 11px; color: #fff; text-align: left; border-left: 1px solid #B6D59A; border-bottom: solid 2px #FFF;}
tr {}
td {padding: 5px 11px;}
td.first,th.first {border-left: 0px;}
tr.row-a {background: #F8F8F8;}
tr.row-b {background: #EFEFEF;}
/* end - table */
/* form elements */
form {margin:10px 15px; padding: 0; border: 1px solid #f2f2f2; background-color: #FAFAFA;}
.form_width_225{width: 225px;}
label {display:block; font-weight:bold; margin:5px 0; width: 100px; color: #6b9447;}
input {padding: 2px; border:1px solid #eee; color:#292929;}
input:focus {background-color: #eee;}
textarea {width:330px; padding:2px; font: normal 1em "Trebuchet MS", Tahoma, sans-serif; border:1px solid #eee; height:100px; color:#777; white-space: normal;}
textarea:focus {background-color: #eee;}
input.button {margin: 0; font: bold 1em Arial, Sans-serif; background: #FFF url(../images/gradientbg.jpg) repeat-x; padding: 2px 3px; color: #333; border: 1px solid #DADADA;}

/* search form */
.searchform {background-color: transparent; border: none; margin: 0; padding: 0;}
.searchform p { margin: 10px; padding: 0;}
.searchform input.textbox {width: 130px; color: #333; height: 20px; padding: 2px; vertical-align: top;}
.searchform input.button {font: bold 12px Arial, Sans-serif; color: #333; width: 60px; height: 26px; border: 1px solid #DADADA; padding: 3px 5px; vertical-align: top;}

/* LAYOUT */
#wrapper{position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -91px; z-index: 4;}
#header{position: relative; width: 100%; background-color: #292929; z-index: 5; height: 94px; text-align: left; border-bottom: 6px #6b9447 solid;}
#header-content, #content, #footer-content {width: 76%; z-index: 5; max-width: 750px;}

/* header */
#header-content {margin: 0 auto; padding: 0; position: relative;}
#logo {position: absolute; font: bold 46px 'DroidSansBold', 'Trebuchet MS', Sans-serif; letter-spacing: -1px; color: #FFF; margin: 0; padding: 0;
	/* change the values of left and top to adjust the position of the logo */ top: 8px; left: 0px;}
#logo a {text-decoration: none; color: #FFF;}
#slogan {position: absolute; font: bold 14px 'GentiumBookBasicBold', 'Trebuchet Ms', Sans-serif; text-transform: none; color: #FFF; margin: 0; padding: 0;
	/* change the values of left and top to adjust the position of the slogan */ top: 60px; left: 40px;}

/* header menu */
#header-content ul {position: absolute; right: -5px; top: 15px; font: bolder 1.3em 'Trebuchet MS', sans-serif; color: #FFF; list-style: none; margin: 0; padding: 0;}
#footer ul{font: bolder 1.2em 'Trebuchet MS', sans-serif; list-style: none; position: relative; display: inline-table;}
#header-content li, #footer li {display: inline;}
#header-content li a, #footer li a {float: left; margin: 0 2px 0 2px; display: block; padding: 3px 12px; color: #FFF; background-color: #333; text-decoration: none; border-right: 1px solid #272727;}
#footer li a{display: inline-block;}
#header-content li a:hover, #footer li a:hover {border: 0; border-right: 1px solid #272727; background-color: #6b9447; margin-bottom: -4px; color: white;}
#header-content li a.active, #footer li a.active {background: #6b9447; color: #FFF;}

/* content */
#content{z-index: 5; bottom: 0; clear: both; margin: 0 auto; width: 60%; min-width: 850px; margin-top: 10px; margin-bottom: 10px; text-align: left; padding: 10px 25px 10px 10px; min-height: 475px;}
#content h1, #content h2 {border-bottom: 3px #6b9447 double; width: 96%; padding: 0px 10px 5px 12px; margin: 0 auto 2px; text-align: left;}

/* sidebar */
#sidebar {float: left; width: 250px; margin:0; padding: 0; margin-bottom: 25px; padding-bottom: 5px; padding-left: 5px;}
#sidebar h2 {padding: 5px 0 2px 6px; margin: 0 0 3px 0px; letter-spacing:1px; font: normal 1.55em 'GentiumBookBasicBold', 'Trebuchet MS', Tahoma, Sans-serif;}
.sidebox {background: #F5F5F5; border: 1px solid #EFEDED; margin-bottom: 10px; padding-left: 7px; padding-right: 7px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sidebox p{margin: 8px 10px 10px;}
.sidebox hr{margin: 7px auto 2px;}
.sidebox ul {margin-top: 0px; margin-right: 8px;}

/*Side Menu*/
.sidemenu .level1 a{border-top: 1px dashed #B4B4B4;}
.sidemenu .level1 ul{border-top: 1px dashed #B4B4B4;}
.sidemenu .level1 li.level2.first a{border-top: 0px;}
.sidemenu .first.level1 a{border-top: 0px;}
.sidemenu .level1.last a{border-bottom: 1px dashed #B4B4B4;}
.sidemenu {list-style: none; margin: 10px 0 15px 0; padding: 0;}
li .sidemenu {margin: 0 0 0 0;}
.sidemenu li {padding: 0px 0px 0px 8px;}
.sidemenu a {display: block; font-weight:normal; color: #333; height: 1.5em; padding:4px 0 4px 15px; line-height: 1.5em; text-decoration:none;}
.sidemenu a:hover {padding: 4px 0 4px 10px; border-left: 5px solid  #6b9447;}
.sidemenu .herec a {padding: .3em 0 .3em 10px; border-left: 5px solid  #65944A; color: #000;}
.sidemenu .herec a:hover {color: #65944A;}

/* main */
#main {float: right; width: 68%; min-width: 480px; margin: 0 5px 22px 0px; padding: 0; min-height: 410px; padding-bottom: 12px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#main {[margin-bottom: 4%; margin-bottom: 4%;]} /*Chrome 2.01+*/
#main p, .ajaxSearch_resultDescription {margin-left: 18px; margin-right: 21px; text-align: justify;}
#main h2 {padding: 5px 118px 2px 5px; margin: 0 0 3px 8px; font-size: 1.55em; width: 76%; text-align: left;}
#main h3 {padding: 4px 0px 0px 4px; margin: 0 0 3px 10px; font-size: 1.3em; text-transform: none; color: #3b6417; text-align: left;}
#main h4{padding: 0 0 0 4px;}
#main h5{padding: 0 0 0 4px;}
#main ul {padding-left: 20px;}
#main ul ul {margin: 2px 20px; padding: 0 15px; }
#main ul ul ul {margin: 2px 20px;}
#main li {width: 500px; margin: 0; margin-top: -1px; margin-bottom: -1px; text-align: justify;}
#main li li {width: 465px;}
#main li li li {width: 430px;}
#main li a {line-height: 1.75em; margin: 2px; }

.post {margin: 0; padding: 0; background: #F5F5F5; border: 1px solid #EFEDED; float: right; padding-left: 10px; width: 548px;}
.post .post-footer {background-color: #FAFAFA; border: 1px solid #f2f2f2; padding: 5px; margin-top: 20px; font-size: 95%;}
.post .post-footer .date {background: url('../images/clock.gif') no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px;}
.post .post-footer .comments {background: url('../images/comment.gif') no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px;}
.post .post-footer .readmore {background: url('../images/page.gif') no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px;}
.form_width_225, textarea {border: 1px #e3e3e3 solid;}
/* footer */
#footer {clear: both; position: relative; margin: 10px 0 0 0; padding: 0; font: normal 1em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: center; padding-top: 0px; background-color: #292929; height: 85px; z-index: 6; border-top: 6px #6b9447 solid; width: 100%;}
#footer a:visited {color: white;}
#footer a:focus {color: white;}
#foot1{width: 100%; text-align: center; margin-bottom: -30px;}
#footer h2, #footer p {	margin: 0 auto; color: white; }
#foot1 hr .divider{width: 800px; margin: 0 auto; text-align: center; margin-bottom: -3px;}
/* alignment classes */
.float-left  {float: left;}
.float-right {float: right;}
.align-left  {text-align: left;}
.align-right {text-align: right;}
.center {display: block; margin: 0 auto; text-align: center;}
/* additional classes */
.clear {clear: both;}
.gray  {color: #BFBFBF;}
.divider {border-collapse: collapse; border: 0px; width: 94%; margin: -3px auto 7px; border-top: 1px #6b9447 solid;}
.tagcloud {width: 100%; margin: 0 auto; text-align: center;}

.ajaxSearch_result {margin: 2px; padding: 6px 5px 6px 5px;}
.ajaxSearch_paging {padding-left: 10px; padding-bottom: 5px;}

.searchimg {
	position: relative;
	text-align: left;
	float: left;
	margin-left: 16px;
}
.resultDescriptiondiv {
	float: right;
	width: 84%;
	padding-top: 6px;
}
.resultDescriptiondiv p {
	padding: 2px;
	margin: -5px;
}
.resultExtractdiv {
	position: relative;
	float: right;
	padding-top: 5px;
}

/*BKG Image Stuff*/
#loading {position: fixed; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em;
	background-image: url(../supersized2/images/progress.gif);}
#supersize{position: fixed; width:100%; z-index: 0; height: 100%; border: 0; margin: 0; padding: 0;}
#supersize img{width:100%; z-index: 0; border: 0; margin: 0; padding: 0;}

#social {float: right; margin-right: 14px;}

.rss, .fb, .twit, .digg, .del {position: relative; display: inline-block; width: 22px; height: 22px; margin: 2px; padding: 0px; float: right;}

.rss {background: transparent url('../images/social.jpg') no-repeat left top;}
.rss:hover {background: transparent url('../images/social.jpg') no-repeat left bottom;}

.fb {background: transparent url('../images/social.jpg') no-repeat -22px top;}
.fb:hover {background: transparent url('../images/social.jpg') no-repeat -22px bottom;}

.twit {background: transparent url('../images/social.jpg') no-repeat center top;}
.twit:hover {background: transparent url('../images/social.jpg') no-repeat center bottom;}

.digg {background: transparent url('../images/social.jpg') no-repeat -66px top;}
.digg:hover {background: transparent url('../images/social.jpg') no-repeat -66px bottom;}

.del {background: transparent url('../images/social.jpg') no-repeat right top;}
.del:hover {background: transparent url('../images/social.jpg') no-repeat right bottom;}

#feedback {
	position: fixed;
	left: 0px;
	top: 200px;
	z-index: 1000;
	width: 35px;
	height: 102px;
	background: #292929 url('../images/feedback.png') no-repeat scroll right center;
}
#feedback:hover, #feedback:hover a {
	width: 39px;
}

#feedback a {
	position: relative;
	z-index: 1001;
	height: 102px;
	width: 35px;
	display: block;
}

#amazon_widget_US_8004_0 {
	border: 2px solid #7F7F7F; padding: 3px;
}
.amzn_wdgt_pad table {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	margin: 0 auto;
}
.asin_img a {
	margin-left: -3px;
}

/*Useless at the moment*/
/*
acronym {cursor: help; border-bottom: 1px solid #777;}
blockquote {margin: 15px; padding: 0 0 0 20px; background-color: #FAFAFA; background-position: 8px 10px; border: 1px solid #f2f2f2; border-left: 3px solid #6b9447;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; color: #666666;}
*/

}

@media print {
	#loading, #supersize, #sidebar, #footer ul, #header ul, .tagcloud {display: none; visibility: hidden; height: 1px; width: 1px;}
	#footer {text-align: center;}
	#content {position: absolute; top: 95px; left: 0; width: 100%;}
	#main {position: absolute; left: 0; top: 95px; width: 100%;}
	#header {position: absolute; top: 0px; left: 0; width: 100%;}
}