/*
Theme based on one available at http://thebombsite.com/
*/

/* ============================================
 Globals
=============================================== */

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

p {
 margin-top: 10px;
}

.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 */

/* ============================================
 Main Constructs
=============================================== */

body {
 background: #f3f3f3;
 color: #3f3f3f;
 font-size: 62.5% !important;
 font-size: 70%;
 font-family: verdana, arial, helvetica, sans-serif;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

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

#topblock {
 width: 944px;
 margin: 12px auto 0px auto;
 height: 1px;
}

#header {
 width: 944px;
 height: 100px;
 text-align: left;
 background-image: url(/images/5.png);
 background-repeat: no-repeat;
}

#header a,
#header a:visited {
 color: #3682d9;
 text-decoration: none;
}

#header a:hover,
#header a:visited:hover {
 color: #d93636;
 text-decoration: none;
}

#header .siteName {
 font-size: 23px;
 font-weight: bold;
 text-transform: capitalize;
 letter-spacing: 0.2em;
 margin-left: 15px;
 padding-top: 18px;
}

#header .description {
 margin-left: 15px;
 margin-top: 10px;
}

#header .left-content {
 float: left;
 width: 200px;
 text-align: left;
 padding: 5px 0px 0px 5px;
}

#header .right-content {
 float: right;
 width: 250px;
 text-align: right;
 padding: 5px 5px 0px 0px;
}

#header .innercontent {
 padding: 10px 10px 10px 10px;
}

.right-content input{
 background: #d0e3f5;
 border: 1px solid #3682d9;
 padding:1px 2px 1px 1px;
 margin-top: 2px;
 color: #3f3f3f;
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 12px; 
}

.right-content input:focus {
 background: #ffffff;
}

.right-content input:hover {
 border: 1px solid #3f3f3f;
}

#rap {
 width: 944px;
 margin-left: auto;
 margin-right: auto;
}

#wrapper {
 width: 944px;
 margin-left: auto;
 margin-right: auto;
 background-image: url(/images/14.png);
 background-repeat: no-repeat;
}

#content {
 float: left;
 width: 236px;
 overflow: hidden;
 text-align: left;
}

.innercontent {
 width: 95%;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 20px;
}

#content-big {
 float: left;
 width: 472px;
 overflow: hidden;
 text-align: justify;
}

#footer {
 width: 944px;
 margin: 0 auto 12px auto;
 padding-bottom: 18px;
}

/* ============================================
 Default HTML Tags
=============================================== */

a,
a:visited {
 color: #3682d9;
 text-decoration: none;
}

a:hover,
a:visited:hover {
 color: #d93636;
 text-decoration: none;
}

acronym,
abbr {
 cursor: help;
}

blockquote {
 margin: 10px;
 border: #3682d9 1px dashed;
 padding: 5px;
 background: #fafafa;
}

cite {
 font-size: 90%;
 font-style: normal;
}

h2 {
 text-transform: uppercase;
 font-size: 12px;
 margin: 15px 0 6px 0;
 padding-bottom: 0px;
 font-weight: bold;
 color: #757575;
 border-bottom: #959595 1px solid;
 font-family: georgia, serif;
}

h2 a,
h2 a:visited {
 text-transform: uppercase;
 text-decoration: none;
 color: #3682d9;
}

h2 a:hover,
h2 a:visited:hover {
 text-transform: uppercase;
 text-decoration: none;
 color: #d93636;
}

h2.category {
 
}

h3 {
 font-size: 16px;
 font-family: georgia, serif;
 text-align: left;
}

h3.titleonly {
 font-size: 12px;
}

h3 a,
h3 a:visited {
 text-decoration: none;
 color: #3682d9;
}

h3 a:hover,
h3 a:visited:hover {
 text-decoration: none;
 color: #d93636;
}

h3.category {
 font-size: 12px;
 font-family: georgia, serif;
 color: #757575;
 text-transform: uppercase;
 margin-left: -15px;
}

img {

}

img.alignleft {
 padding: 2px;
 border: 1px solid #959595;
 float: left;
 margin: 0px 10px 2px 0;
}

img.alignright {
 padding: 2px;
 border: 1px solid #959595;
 float: right;
 margin: 0px 0px 2px 10px;
}

.prev_next_nav {
 margin-top: 30px;
 margin-bottom: 30px;
}

.linkLeft {
 float: left;
}

.linkRight {
 float: right;
}
.excerptlink {
 margin-top: 0px;
 margin-bottom: 10px;
 text-align: right;
 border-bottom: #e3e3e3 1px dotted;
}

.rsssource {
 font-size: 11px;
 line-height: 12px;
}

.rss {
 font-size: 10px;
 line-height: 11px;
 padding: 2px 0px 2px 2px;
 margin: 0;
}

.rsscat {
 font-size: 10px;
 line-height: 11px;
 padding: 0px;
 margin: 0px;
 margin-left: 5px;
}

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

#credit {
 color: #808080;
 width: 944px;
 font-size: 10px;
 padding: 8px 0 10px 0;
 text-align: center;
 clear: both;
 background-image: url(/images/14.png);
 background-repeat: no-repeat;
}

#credit a,
#credit a:visited {
 text-decoration: none;
 color: #3682d9;
}

#credit a:hover,
#credit a:visited:hover {
 text-decoration: none;
 color: #d93636;
}


/* ============================================
 Tag Line
=============================================== */

.description {
 font-size: 14px;
 font-weight: normal;
 margin: 0;
}

/* ============================================
 Post
=============================================== */

.storytitle {
 
}


.meta a {
 color: #3682d9;
 text-decoration: none;
}

.meta a:hover {
 color: #d93636;
 text-decoration: none;
}

.meta {
 font-size: 90%;
 color: #7e7e7e;
 font-weight: normal;
 letter-spacing: 0px;
 text-align: right;
}

.storycontent {
 font-size: 115%;
}

.storycontent ul {
 margin-top: 10px;
 margin-left: 35px;
}

.storycontent ul li {
 list-style-type: disc;
}

.storycontent p table {
 border-spacing: 0px;
 border: 0px;
}

.hang {
 margin-right: 20px;
 margin-left: 40px;
 text-indent: -20px;
}

.offices {
 text-transform:none;
 border-bottom: #959595 0px solid;
 margin: 20px 10px 5px 10px;
 color: #3f3f3f;
}

.feedback {
 clear: both;
 color: #ccc;
 text-align: right;
 text-transform: lowercase;
}

.feedback a,
.feedback a:hover,
.feedback a:visited,
.feedback a:visited:hover {
 text-decoration: none;
}

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

#commentform {
 text-align: left;
 font-size: 115%;
}

p.instructions {
 text-align: justify;
}

#commentboxes {
 margin-top: 15px;
}

#commentform input {
 background: #d0e3f5;
 border: 1px solid #3682d9;
 padding:1px 2px 1px 1px;
 margin-top: 2px;
 color: #3f3f3f;
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 12px; 
}

#commentform textarea {
 background: #d0e2f5;
 border: 1px solid #3682d9;
 padding:1px 2px 1px 1px;
 margin-top: 2px;
 color: #3f3f3f;
 width: 90%;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px; 
}

#commentform input.comments_error,
#commentform textarea.comments_error {
 background: #ffffdd;
}

#commentform input:focus,
#commentform textarea:focus {
 background: #ffffff;
}

#commentform input:hover,
#commentform textarea:hover {
 border: 1px solid #3f3f3f;
}

#commentform .button {
 margin-right: 20px;
}

#commentform input.checkbox {
 margin: 0px 2px 0px 20px;
 vertical-align: center;
 background: none;
 border: 0px;
 padding:1px 2px 1px 1px;

}

#commentform ul {
 margin-left: 15px;
 margin-top: 15px;
}

#commentform ul li {
 list-style-type: none;
 color: #d93636;
 font-size: 10px;
}

#importantfield {
 display:none;
 overflow: hidden;
 height: 0;
 width: 0;
 padding: 0;
}

#importanttext {
 display:none;
}

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

h3.comments {
 font-size: 16px;
 text-align: center;
 margin-top: 20px;
 color: #7e7e7e;
 border-bottom: 1px solid #bababa;
 margin-left: 50px;
 margin-right: 50px;
}

.cdisplay {
 padding: 10px 30px 0px 30px;
 margin-bottom: -10px;
}

.comment_message {
 font-size: 115%;
 text-align: left;
}

p#txpCommentInputForm {
 text-align: center;
 font-size: 120%;
 margin-top: 15px;
 color: #3f3f3f;
}

p.commentinvite {
 text-align: center;
 font-size: 120%;
 margin-top: 15px;
 color: #3f3f3f;
}


/* ============================================
 Main Content
=============================================== */

#content ol li {
 list-style: decimal;
}

#content ul {
 margin-top: 10px;
 margin-left: 35px;
}

#content ul li {
 list-style-type: circle;
}

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

.innermenu {
 width: 95%;
 margin: 0px auto 20px auto;
 padding-top: 0px !important;
 padding-top: 16px;
 text-align: left;
}

.innermenu ul li {
 padding-top: 2px;
 padding-bottom: 2px;
}


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

#menu-left {
 float: left;
 width: 236px;
 font-size: 12px;
}

#menu-left a,
#menu-left a:visited {
 text-decoration: none;
 color: #3682d9;
}

#menu-left a:hover,
#menu-left a:visited:hover {
 color: #d93636;
}

#menu-left ul {
 margin-left: 15px;
}

#menu-left ul li {
 list-style-type: circle;
}

#menu-left ul li cite {
 font-size: 100%;
}

#menu-left ul li.active a,
#menu-left ul li.active a:visited {
 color:#d93636;
}

/* ============================================
 Right-Left Sidebar
=============================================== */

#menu-right-left {
 float: right;
 width: 236px;
 font-size: 12px;
}

#menu-right-left ul {
 margin-left: 15px;
}

#menu-right-left ul li {
 list-style-type: circle;
}

#menu-right-left a,
#menu-right-left a:visited {
 text-decoration: none;
 color: #3682d9;
}

#menu-right-left a:hover,
#menu-right-left a:visited:hover {
 text-decoration: none;
 color: #d93636;
}
/* ============================================
 Right-Right Sidebar
=============================================== */

#menu-right-right {
 float: right;
 width: 236px;
 
}

#menu-right-right a,
#menu-right-right a:visited {
 text-decoration: none;
 color: #3682d9;
}

#menu-right-right a:hover,
#menu-right-right a:visited:hover {
 text-decoration: none;
 color: #d93636;
}

#menu-right-right ul {
 margin-left: 15px;
}

#menu-right-right ul li {
 list-style-type: circle;
}

/* ============================================
 Archives
=============================================== */
.rssJump {
 text-align: right;
}

.rssCatArchiveMenu {
 margin-bottom: 35px;
}

ul.rssCatArchiveMenu li {
 padding-top: 5px;
 padding-bottom: 5px;
}

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

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

.archivemenu {
 font-weight: bold;
 font-size: 100%;
 text-decoration: underline;
}

.rssCcat {
 margin-top: 5px;
 padding-top: 3px;
 border-top: 1px solid #555;
 font-weight: bold;
 font-size: 110%;
}

#archivesmonth dt {
 padding-top: 10px;
 padding-bottom: 10px;
 font-weight: bold;
 font-size: 110%;
}

#archivesmonth dd {
 padding-bottom: 10px;
}

/* ============================================
 Email
=============================================== */

#emailform {
 text-align: left;
 font-size: 12px; 
}

#subscribeform {
 text-align: left;
 font-size: 12px; 

}

#unsubscribeform {
 text-align: left;
 font-size: 12px; 

}

#subscribeform .zemContactForm label {
 margin-top: 5px;
 position: absolute;
 text-align: right;
 width: 50px;
}

#subscribeform .zemContactForm input {
 margin-top: 5px;
 margin-left: 55px;
}

.zemContactForm legend {
 display: none;
}

.zemContactForm input {
 background: #d0e3f5;
 border: 1px solid #3682d9;
 padding:1px 2px 1px 1px;
 margin-top: 2px;
 color: #3f3f3f;
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 12px; 
}

.zemContactForm input:focus,
.zemContactForm textarea:focus {
 background: #ffffff;
}

.zemContactForm input:hover,
.zemContactForm textarea:hover {
 border: 1px solid #3f3f3f;
}

.zemContactForm textarea {
 background: #d0e2f5;
 border: 1px solid #3682d9;
 padding:1px 2px 1px 1px;
 margin-top: 2px;
 color: #3f3f3f;
 width: 90%;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px; 
}

input.zemRequirederrorElement,
textarea.zemRequirederrorElement {
 background: #ffffdd;

}

#emailform ul,
#subscribeform ul,
#unsubscribeform ul {
 margin-left: 15px;
}

#emailform ul li,
#subscribeform ul li,
#unsubscribeform ul li {
 list-style-type: none;
 color: #d93636;
 font-size: 10px;
}

/* ============================================
 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 "storycontent" 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).
=============================================== */

#search .storycontent {
 height: 700px;
}

.searchbody{
 color: #424d53;
 font-size: 11px;
 padding-bottom: 10px;
 margin-bottom: 25px;
 padding-left:3px;
 padding-top: 5px;
}

input#livesearch {
 border: 1px solid #7098CC;
 padding:1px 2px 1px 1px;
}

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

#LSShadow {
 border: 3px solid #6C7C8B;
 padding: 5px;
 background-color: #98C4E5;
 color:#000000;
}

#LSRes {
 background-color: #FFFFFF;
}

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

#LSHighlight {
 background-color: #BED1E4;
}

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

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

/* ============================================
 jqzoom
=============================================== */

div.jqZoomTitle
{
 z-index:5000;
 text-align:center;
 font-size:11px;
 font-family:Tahoma;
 height:16px;
 padding-top:2px;
 position:absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 color: #FFF;
 background: #999;

}

.jqZoomPup
{
 overflow:hidden;
 background-color: #FFF;
 -moz-opacity:0.6;
 opacity: 0.6;
 filter: alpha(opacity = 60);
 z-index:10;
 border-color:#c4c4c4;
 border-style: solid;
 cursor:crosshair;
}

.jqZoomPup img
{
 border: 0px;
}

.preload{
 -moz-opacity:0.8;
 opacity: 0.8;
 filter: alpha(opacity = 80);
 color: #333;
 font-size: 12px;
 font-family: Tahoma;
 text-decoration: none;
 border: 1px solid #CCC;
 background-color: white;
 padding: 8px;
 text-align:center;
 background-image: url(../images/zoomloader.gif);
 background-repeat: no-repeat;
 background-position: 43px 30px;
 width:90px;
 * width:100px;
 height:43px;
 *height:55px;
 z-index:10;
 position:absolute;
 top:3px;
 left:3px;

}

.jqZoomWindow
{
 border: 1px solid #959595;
 background-color: #ffffff;
}