/* ============================================
 Global
=============================================== */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 1px; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* ============================================
 Structural Layout
=============================================== */

body {
	background: #005BAA url(/img/bg_left.gif) repeat-x top;
	text-align: center;
	font-size: 1em !important;
	font-size: 1em;
}

/* ============================================
 Site Navigation
=============================================== */

#hnav {
	width: 750px;
	margin: 0px auto 8px;
	height: 23px;
	
}

#header {
	width: 740px;
	padding: 5px 0 5px 10px;
	text-align: left;
	margin: 0px auto 0px auto;
	background-color: #AC051F;
}

#hmenu	{
	margin: 0px 0px 0px 0;
	padding: 5px 0 5px 0;
	text-transform:uppercase;
	text-align: center;
	float: right;
	width: 750px;
	background-color: #005BAA;
}

#masthead {
	clear: both;
	background: url(/img/masthead.jpg);
	width: 750px;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #009EB3;
}

#masthead a {
	display:block;
	height:100%;
	text-indent:-500em;
	text-decoration:none;
}

/* ============================================
 Top Navigation
=============================================== */


#top { 
	display: inline;
	list-style-type: none;
	float: left;
}

#hnav ul li {
	display: inline;
}

#hnav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 0 5px 30px;
	font-size: 70%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

#hnav ul li a:hover {
	color: #bfbfbf;
}


/* ============================================
 General
=============================================== */

p {
	margin: 10px 0 10px 0;
}

a {
	color: #005D93;
	text-decoration: none;
}

a:hover {
	color: #990000;
	text-decoration: underline;
}

top a {
	text-decoration: none;
}

blockquote {
	background: #f5f6f7;
	padding: 10px 20px 10px 20px;
}

code {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}

/* ============================================
 Site Name
=============================================== */

#blogtitle {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
}

#blogtitle a {
	font-weight: bold;
	color: #fff;
}

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

/* ============================================
 Main Body
=============================================== */

h1 {
	display: block;
	height: 1px;
	text-indent: -500em;
	text-decoration: none;
}

#container {
	width: 750px;
	margin: 0px auto 10px auto;
	background: #f5f6f7;
	border-left: 1px solid #d5d7db;
	border-right: 1px solid #d5d7db;
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: left;
	border-top: 5px solid #f5f6f7;
	border-bottom: 15px solid #d5d7db;
	padding: 9px 0 9px 0;
}

#contentright {
	float: right;
	width: 510px;
}

#topcontentdouble {
	height: 27px;
	background: #f5f6f7 url(/img/header_whole2.gif) no-repeat right bottom;
	margin-right: 10px;
}

#topcontent {
	width: 730px;
	background: #f5f6f7 url(/img/header_whole.gif) no-repeat top;
	margin: 0 auto;
	height: 27px;
}

#content {
	width: 500px;
	background: #ffffff;
	margin:  -16px 10px -1px 0 !important;
	margin: -16px 10px -5px 0;
}

#singlecontent {
	width: 730px;
	background: #ffffff;
	margin:  -16px auto 0 auto;
}

.post {
	margin: 0 25px 40px 25px;
}

.post,
.singlepost,
.pagepost {
	color: #3f3f3f;
	text-align: left;
}

.pagepost {
	margin: 0 105px 0 105px;
}

.singlepost {
	margin: 0 20px 80px 20px;
}

h2.title a {
	clear: both;
	text-align: left;
	height: 20px;
	color: #444444;
	display: block;
	text-decoration: none;
	font-size: 140%;
	padding: 8px 0 8px 0;
	font-weight: normal;
}

h2.title a:hover {
	color: #005D93;
	clear: right;
}

h2#category {
	text-align: center;
	height: 18px;
	color: #005D93;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 140%;
	padding: 8px 0 8px 0;
	font-weight: bold;
}

h3.date {
	text-align: left;
	color: #005D93;
	margin-top: 3px;
	font-size: 90%;
	line-height: 26px;
	font-weight: normal;
}

.posted {
	color: #555555;
}

.storycontent	{
	border-bottom: 1px solid #BBBBBB;
	padding-bottom: 5px;
	font: 1.1em Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.storycontent a {
	text-decoration: none;
}

.storycontent a:hover {
	text-decoration: underline;
}

.storycontent a:visited {
	color: #000000;
}

.meta {
	font-size: 90%;
	line-height: 18px;
}

.feedback {
	float: right;
	font-size: 100%;
	line-height: 35px;
}

.author {
	width: 200px;
	float: right;
	text-align: right;
}

#bottomcontent {
	width: 730px;
	background: #f5f6f7 url(/img/bottom_whole.gif) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	height: 27px;
}

#bottomcontentdouble {
	background: #f5f6f7 url(/img/bottom_whole2.gif) no-repeat right top;
	margin-right: 10px;
	height: 27px;
}

.directory li {
	margin: 0 0 0 20px;
	}


/* ============================================
 Sidebar
=============================================== */

#sidebar {
	float: left;
	width: 225px;
	margin: -13px 0 0 10px !important;
	margin: -18px 0 0 4px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
}

#sidebar ul {
	position: relative;
}

#sidebar ul li	{
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul li ul {
	background: #fff;
	margin-right: 5px;
	padding: 10px 5px 15px 5px;
}

#sidebar h3.sidebar {
	background: url(/img/navgradient.jpg) repeat-x bottom;
	height: 16px;
	margin: 10px 5px 0 0;
	padding:  4px 0 4px 8px;
	color: #fff;
	font-weight: normal;
}

#sidebar ul li ul li {
	margin: 4px 10px 4px 10px;
	display: block;
	background: url(/img/bullet.jpg) no-repeat;
	padding-left: 18px;
}

#sidebar ul li ul li a {
	display: block;
	height:1%; /* IE WIN */
}

#sidebar ul li ul li a:hover {
	background: #F0F0F0;
	text-decoration: none;
}

#sidebar form {
	margin-left: 12px;
}

/* ============================================
 Page Navigation
=============================================== */

.postnavigation {
	height: 45px;
}

.left {
	float: left;
	padding-left: 105px;
}

.right {
	float: right;
	padding-right: 105px;
}

.leftdouble {
	float: left;
	padding-left: 10px;
}

.rightdouble {
	float: right;
	padding-right: 10px;
}

.left a {
	color: #990000;
	font-size: 90%;
}

.right a {
	font-size: 90%;
	color: #990000;
}

.leftdouble a {
	color: #990000;
	font-size: 90%;
}

.rightdouble a {
	font-size: 90%;
	color: #990000;
}


/* ============================================
 Comments
=============================================== */

h3#comment {
	text-align: left;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 130%;
	color: #005D93;
	margin: 0 0 0 20px;
}

ol {
	margin: 0 20px 0 0px;
	padding: 0px 20px 0px 20px;
	color: #7b7b7b;
	list-style-type: none;
	text-align: justify;
}

ol li  p {
	margin-top: 8px;
}

.commentDescription {
	line-height: 50px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

.commentname {
	width: 220px;
	float: left;
	font-size: 90%;
	padding-bottom: 2px;
}

.commentinfo {
	width: 250px;
	float: right;
	text-align: right;
}

.commenttext {
	clear: both;
	margin-bottom: 70px;
	border-top: 1px solid #e4ebef;
	text-align:left;
	line-height:16px;
}

.commentauthor {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 2px;
	color: #000000;
}

.commentauthor a {
	font-weight: bold;
	padding-right: 20px;
	background: url(/img/bullet.jpg) no-repeat top right;
}

.commentdate {
	font-size: 80%;
	text-align: right;
	line-height: 18px;
}

/* ============================================
 Comment Form
=============================================== */

#commentFormTitle {
	text-align: left;
	color: #005D93;
	margin: 0 0 0 0px;
	font-size: 130%;
}

#commentformtop {
	text-align: center;
	margin: 40px auto -2px auto;
}

#commentform {
	background: #fff;
	padding: 1px 20px 1px 20px;
	margin: 0px;
	text-align: left;
}

#commentboxes {
	width: 200px;
	float: left;
	color: #7b7b7b;
	font-size: 90%;
}

p.instructions {
	margin: 14px 0 0 200px;
	color: #7b7b7b;
	font-size: 90%;
	text-align: justify;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d5d7db;
	padding-left: 15px;
	position: relative;
}

#inputbox {
	clear: both;
	color: #7b7b7b;
	font-size: 90%;
}

#commentform input,
#commentform textarea {
	background: #e7e9ed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #7b7b7b;
	padding: 1px 2px 1px 1px;
	border: 1px solid #d5d7db;
}

#commentform input:hover,
#commentform textarea:hover {
	border: 1px solid #7b7b7b;
}

#commentform input:focus,
#commentform textarea:focus {
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #7b7b7b;
	padding: 1px 2px 1px 1px;
}

#commentform textarea {
	width: 465px;
	height: 200px;
}

#commentboxes p {
	padding-bottom: 0.9em;
}

#button {
	padding-top: 0.5em;
}

input .button:hover, .disabled {
	border: 1px solid #999999;
	color: #999999;
	background-color: #888888;
}

#commentsbottom {
	text-align: center;
}

p#txpCommentInputForm {
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

p.notshow {
	display: none;
	height: 1px;
}

.nofollow {
	color: #DF2000;
}

/* ============================================
 Error Page
=============================================== */

#error #singlecontent {
	text-align: center;
	height: 200px;
}

#error h3 {
	font: 2em Georgia, Times, serif;
	padding-top: 50px;
}

#error .errorMessage {
	font:1.2em Georgia, Times, serif;
}

/* ============================================
 About, Contact, Archives & Links Pages
=============================================== */

#page h2,
#linkspage h2,
#archivescat h2,
#archivesmonth h2,
#searchpage h2,
#singlepage h2 {
	text-align: left;
	color: #005D93;
	font-size: 150%;
	text-transform: capitalize;
	margin: 10px 0 0 105px;
}

#photos #singlepage h2,#video #singlepage h2 {
text-align: center;
margin: 10px 0 0 0px;
}



#archivescat h2,
#archivesmonth h2 {
	margin-bottom: 20px;
}

h3.selected {
	text-align: center;
	color: #005D93;
	font-size: 150%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#linkspage p {
	margin-bottom: 0;
}

#linkspage h3 {
	margin-top: 20px;
}

.rssJump {
	text-align: right;
}

ul.rssCatArchiveMenu {
	margin-bottom: 35px;
}

ul.rssMenu li,
ul.rssCatArchiveMenu li {
	padding: 2px 0 2px 0;
}

#rssCatArchive ul,
#rssCatList ul,
.rssMenu {
	list-style: none;
}

.rssCcat {
	border-top: 1px solid #005D93;
	padding-top: 2px;
	margin-top: 2px;
}

.rssCart {
	font-weight: bold;
	text-align: left;
	margin-top: 15px;
}

#archivesmonth dt {
	border-top: 1px solid #005D93;
	padding-top: 2px;
	margin-top: 2px;
}

.archivemenu {
	padding-left: 40px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 100%;
	text-decoration: underline;
}

/* ============================================
 Email Form (Contact)
=============================================== */

form.zemContactForm legend {
	display: none;
}

form.zemContactForm input#Name,
form.zemContactForm input#Email,
form.zemContactForm textarea#Message {
	border: 1px solid #7b7b7b;
	padding: 1px 2px 1px 1px;
}

/* ============================================
 Live Search Page

Because the "LSResult" div uses "absolute" for
positioning it has no respect for the footer.
In other words it will overlay it. With this in
mind I have given the "searchpage" div a height.
Whether you want this or not is up to you. If
you keep it the height can be adjusted dependent
on the maximum number of returned search results
set for the plug-in (default=20)
=============================================== */

#searchpage {
	height: 600px;
}

#searchpage h2 {
	margin-bottom: 20px;
}

form#searchform input {
	border: 1px solid #7b7b7b;
	padding: 1px 2px 1px 1px;
}

#LSResult {
	position: absolute;
	background-color: #FFFFFF;
	width: 480px;
	margin: 10px 0 10px 0;
}

#LSShadow {
	border: 3px solid #005D93;
	padding: 5px;
	background-color: #F5F6F7;
	color:#000000;
}

#LSRes {
	background-color: #FFFFFF;
}

.LSRow {
	padding: 0 5px 0 5px;
}

#LSHighlight {
	background-color: #AAAAAA;
}

#LSHeader {
	padding: 2px 2px 8px 2px;
}

.lsDate {
	display: block;
	color: #555555;
}

/* ============================================
 Bottom Menu Bar
=============================================== */

#menu {
	width: 750px;
	height: 45px;
	background: #F0F0F0 url(/img/bottomgradient.jpg) repeat-x top;
	border-top: 1px solid #d1d4d9;
	border-right: 1px solid #d5d7db;
	border-bottom: 2px solid #d5d7db;
	border-left: 1px solid #d1d4d9;
}

#menu .livesearch {
	float: left;
	padding-left: 20px;
	margin-top: 15px;
}

#topimage {
	margin-top: 2px;
	cursor: pointer;
	width: 60px;
	height: 40px;
	background: url(/img/topbutton.gif) no-repeat top;
	float: right;
	padding-right: 9px;
	padding-top: 3px;
}

#topimage a {
	display:block;
	height:100%;
	overflow:hidden;
	text-decoration:none;
}

/* ============================================
 Credits
=============================================== */

#footer {
	margin: 10px auto 10px auto;
	width: 750px;
}

p.credits {
	text-align: center;
	margin: 10px 0 10px 0;
	color: #9e9e9e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}

p.credits a{
	color: #fff;
}

p.textpattern {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5d7db;
}

.clearer {
	clear: both;
	line-height: 1px;
}

.pagepost ul{
	margin: 0 0 0 20px;
}

.pagepost img{
	border: 1px solid #000;
	margin: 0 0px 20px 20px;
}


#videobox {
	width: 700px;
	text-align: center;
	padding: 20px 0 0 0;
	}
	
.videocaption {
	display: block;
	padding: 6px;
	width: 125px;
	text-align: center;
	}
	
	

/*gallery start*/
.gallery{
	width: 710px;
	margin: 0 0px 0 10px;
	overflow: hidden;
	padding: 0 0 17px;
	list-style: none;
}
.gallery li{
	float: left;
	padding: 10px 17px 11px 0;
}
.gallery a{
	float: left;
	padding: 6px;
	background: #AC051F;
}
.gallery a:hover{background: #000;}
.gallery img{display: block;}
/*gallery end*/

.journallink {
	background-color: #FEFFBF;
	display: block;
	}
	
	#sponsor-logos {
	margin: 0 0 0 105px;
	}
	
	#sponsor-logos img{
	padding: 0 10px 0 0px;
	}