/*defaults*/
*{margin:0; padding:0;}
p{margin-top:1em; }
p.address {padding-bottom:3px;}
p.details { clear:both; border-top:#cccccc 1px dotted; margin-top:5px; line-height:25px; }
p .nav{margin:0;}
a:link, a:visited {color:#3B5998; text-decoration:none;}
a:hover, a:active {color:#CC0000;  text-decoration:underline; }
a img {border: none;} 
table{width:100%; padding:0px; border-collapse:collapse;}
th,td, td p{text-align:left;}
textarea{padding:5px;}

/* Adjust this to more than actual sidebar height
#content {min-height:1400px;}*/

h1{font-family: Georgia, Century, Times, serif; font-size: 32px; line-height: 36px; color: #333333;}

#the_loop h3{ font-family:arial, sans-serif; background: #3B5998; color: #ffffff; font-size: 22px; border-bottom:#cccccc 3px double; margin-bottom:10px; margin: 2em 0px 1em 0px; padding:6px;border-top-left-radius: 3px; border-top-right-radius: 3px; }

#the_loop .sep{ border-bottom:#cccccc 1px solid; margin-top:1em; margin-bottom:2em;  padding-bottom:1em; }

h3 span{margin: 0px; padding: 2px 6px; border: none; background-color: rgb(0, 136, 195); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-align: center; display: inline-block; vertical-align: middle; }


h3 { font-family:arial,sans-serif; color: #808080; font-size: 14pt; margin: 1em 0px 0px 0px; padding:0; }


 h4, h5, h6 {font-size:100%;  color:#333333; margin-top:5px; margin-bottom:0; }

#sticky h2 a, #headline h2 a, #post-headline a {color:#333333; display:block; margin-top:7px; padding-bottom:2px; border-bottom:#cccccc 1px dotted; }

#sticky h3, #headline h3, #featured h3, #popular h3, #latest h3, .sitem h3, #top h3{font-size:100%; padding:0px 0px 10px 0px; border-bottom:#cccccc 3px double; margin-bottom:10px; }

/*body and wapper*/

body {font-family:georgia, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size:14pt;color:#333333;}

/*header and body*/
#wrapper { background:#ffffff; width:972px; height:100%; margin:0 auto; position:relative;}
#header {border-bottom: 3px solid #3B5998;padding-bottom:0px; font-family:Verdana, sans-serif; display:block; width:972px; height:90px; }
#header #site-heading a, #header #site-description { color:#FFFFFF; }
#header #site-heading { font-weight:normal; padding-top:0px; margin-left:295px; font-family:Verdana, sans-serif; font-size:160%; margin-top:0; margin-bottom:0; }
#header #site-heading a:hover, #header #site-heading a:active { text-decoration:none; border-bottom:#FFFFFF 1px dotted; }
#header #site-description { font-weight:normal; font-size:14px; padding:0 0 0 295px; font-family:Verdana, sans-serif; margin-top:0; margin-bottom:0; }
#headerwidget { float:right; width:728px; height:90px; margin:0px; overflow:hidden;  background:#eeeeee;}
#headerwidget .widget h3 { margin-top:0; }

#sticky, #headline, #latest, #the_loop, #comments
{
width:472px;
overflow:hidden;
}


#sitetop {font-family: verdana, arial, sans-serif; font-size : 10pt; margin-bottom:20px;display:block;}
#sitetop .nav{width: 972px; text-align:right;margin: 0 auto; background:#f4f4f4; padding:5px;}
#sitetop ul{list-style-type: none; }
#sitetop ul li { display:inline; padding: 0px; }
#sitetop ul li a { padding: 0px 0px 0px 20px;}

/*top menu*/
#nav { display:inline-block; position: relative; z-index: 100; width:100%; background: #3B5998; border-top:  1px solid #e5ecf9;}
#nav li {margin:0; float: left; }
#nav li li{float: none; }
#nav li li a:before{content: " > ";}
#nav ul{margin: 0px; padding: 0px; list-style-type: none; }
#nav a {display:block; background-color: #3B5998;  padding: 4px 20px 4px 4px; color: #ffffff; border-right: 1px solid #e5ecf9;}
#nav a:hover {background-color: #CC0000; text-decoration:none;}
#nav li ul {display: none; border: 1px #FFFFFF outset}
#nav li:hover ul{ display: block; position: absolute;}
#nav li:hover ul li a { float: none; width: 10em; border: none;}

/*content*/
#content{display:block; position: relative; clear:both; padding-top:20px;}
#center {position:relative; z-index:20; width:472px; padding:0px; margin-left:180px;}

.breadcrumbs {font-size:90%; margin-bottom:1em;}
.smalltext, .smalltext p, .txt2, .txt2 p, .txt1 td {font-family: verdana, arial, sans-serif; font-size : 11px; }
.smallertext {font-family : arial, sans-serif ;font-size : 9px;}
.graytext, .graytext a{color:#777777;}
.l{font-weight:bold; text-decoration:underline;}
.sbs2 {list-style: none; padding-left:0px; width:40%; float:left; font-size:90%; }
#the_loop ul,ol { list-style-position: inside; }
#the_loop li { padding:.5em 1em; }

/*image align*/
.imgtb10 {margin: 10px 0px 10px 0px;}
.imgleftrb10 {float:left;clear:left;border:0px;margin: 0px 10px 10px 0px;}
.imgleftr10 {float:left;clear:left;border:0px;margin: 0px 10pt 0px 0px;}
.imgrightl10 {float:right;clear:right;border:0px;margin: 0px 0px 0px 10px;}
.imgrightlb10 {float:right;clear:right;border:0px;margin: 0px 0px 10px 10px;}

/*image thumb display block*/
div.img { margin :2px; border:1px solid #3B5998; height:auto; width:auto; float:left; text-align:center; }
div.img img { display:inline; margin:3px; border:1px solid #ffffff; }
div.img a:hover img { border:1px solid #3B5998; }
div.desc { text-align:center; font-weight:normal; width:120px; margin:2px; }

/*album image display block*/
div .imgwrap {background:#f2f5f7; margin: .2em 0 .2em 0; padding:10px 0px; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; clear:both;  text-align:center}

/*Navigation*/
div.pagination { color:#000000; padding:10px 0 10px 0; font-size: 13px; margin:auto; }
div.pagination div {padding:0 0 10px 0; text-align:center}
div.pagination a { padding:2px 5px; margin:0 2px; text-decoration:none; border:1px solid #d4dae8; }
div.pagination a:hover, div.pagination a:active { border:1px solid #B3B3B3; color:#B3B3B3; }
div.pagination span.current { padding:2px 5px; border:1px solid #d4dae8; color:#000000; font-weight:bold; background-color:#eceff6; } 
div.pagination span.disabled { display:none; }

/*shades & grids*/
.gridTitle{ border-top: 1px #FFFFFF solid; border-bottom: 1px #C5DBEC solid; border-right: 1px #FFFFFF solid; background-color: #EAF4FD; font-weight : bold; padding:5px 5px 5px 0px; }
.gridRow, .gridRowAlt{ border-top: 1px #C0C0C0 solid; padding:10px 5px 5px 0px;}
.gridRowCh,.gridRowChAlt{ padding:0px 5px 5px 20px; }
.gridRow, .gridRowCh{background-color: #ffffff; }
.gridRowAlt, .gridRowChAlt{background-color: #e4e4e4; }
.gridThisRow{ border-top: 1px #C0C0C0 solid; background-color: #B7B7B7; padding:5px 5px 5px 0px; }
.gridit{ border-bottom: 1px #e4e4e4 solid; padding:4px 0px;}
.help{ display:block; max-height:180px; overflow-x: hidden; overflow-y: auto; background-color: #FFFFE1; border: 1px black solid; padding: 3px; }

.gridList, .gridList .gridRow, .gridList .gridRowAlt{ width: 610px;  font-size: 10pt;}
.gridList .listHead{ width: 610px; overflow:hidden}

.gridList .gridRow{
    float: left;
}

.gridList .gridRowAlt{
    float: left;
}



.gridList .listHead .hd{
    font-size: 12px;
    font-weight: bold;
    float: left;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    background-color: #d7d7d7;
    padding: 5px;
}

.gridList .gridRow .rw, .gridList .gridRowAlt .rw{ 
    float: left; 
    padding: 5px; 
}


/*div Widths60*/
.w8{ width: 8%;}
.w10{ width: 10%;}
.w14{ width: 14%;}
.w15{ width: 15%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w30{ width: 30%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w50{ width: 50%;}
.w60{ width: 60%;}


/* Side bar stuff font-size:95%; */
/* This line nees to be checked with the ipad. the right side padding is off play with min width and width, do not make wdth 100% */
#sidebar {width:972px; position: absolute; top:0;}
#left  {
font-family: verdana, arial, sans-serif; 
font-size : 10pt; 
position: absolute;
left: 0px;
top: 10px;
margin-bottom:10px; 
width:160px; 
}

#right  {
position: relative;
left: 672px;
top: 10px;
width:300px; 
}

#right .highlight {
border: solid 1px #FFCC33;
text-align:center;
Background-color:#FFFFCC;
padding:10px; 
margin-bottom: 6px;
}

.sitem, .widget {}
.sitem ul { list-style-type:none; margin:0; }
.sitem ul li { padding:4px; }
.sitem ul li { border-bottom:#cccccc 1px dotted; }

/* option bottom stuff */
#mbwrapper {display:block;}
.flinks { float:left; width:472px; overflow:hidden;}
.flinks ul { list-style-type:none; font-family:Georgia, "URW Bookman L", serif; }
.flinks ul li { border-bottom:#0000ff 1px dotted; margin-left:0; margin-bottom:5px; min-height:20px; padding:0px 0 2px 0; font-size:16px; color:#000000; }
.flinks a:link, .flinks a:visited { text-decoration:underline; }
.flinks a:hover, .flinks a:active { text-decoration:underline; }

/*footer and copyright*/
#footer{margin-top:1em; position:relative; z-index:21; width:472px; margin-left:180px;
font-family: verdana, arial, sans-serif; 
font-size : 10pt; 
}
#fbar{border-bottom:#cccccc 3px double;margin: 2em 0px 1em 0px;}
#copyright { clear:both; }
#copyright p { padding-top:8px;  }

/*blog post*/

.blog-post{padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px dashed #c9d7f1;}

.wrap {background-color: #e5ecf9; border:1px solid #CCCCCC; padding:6pt;}
.shaded {background-color: #f2f5f7; }