*{ margin:0; padding:0;}
html { background:url(images/bg-main.png);}
body { background:url(images/bg-topBody.png) top repeat-x #f2f4fa;}
html,body, { overflow:auto}
.mainWraper { overflow-x:hidden}
.ContentHolder { overflow-x:hidden}
h1 a{ background:url(images/img-logo.png); height:66px; width:580px; display:block; text-indent:-9999px; margin:46px 0px 0px 0px;}
h2 { font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:20px; color:#9992a4; font-weight:normal; padding:0px 0px 10px 0px;}
p { padding-bottom:15px;}
.clear { clear:both;}
.mainWraper { width:955px; margin:0px auto; background:url(images/bg-pageBody.png) repeat-y center;}
blockquote,blockquote p { font-style:italic; margin:0 auto; text-align:left; width:590px;}
#header {background:url(images/bg-top.png); height:180px;}
.IcomMenu { margin-top:35px;}
.IcomMenu li{ display:inline;}
.Iconitem1 a{ background:url(images/img-home.png) center no-repeat; display:block; width:32px; height:21px; text-indent:-9999px; float:left;}
.Iconitem2 a{ background:url(images/img-RSS.png) center no-repeat; display:block; width:32px; height:21px; text-indent:-9999px; float:left;}
.HomepageTitle { margin-top:20px;}
.bodyCol { margin-top:20px;}
.ContentHolder { width:628px; margin-left:25px; float:left; background:url(images/bg-pageBody.png) repeat-y center;}
.sidebarRight {width: 228px; float: left; padding-left:24px; margin-left:24px; background:url(images/sepImg.png) repeat-y left; margin-bottom:15px;}
.widget_categories { color:#2F676C; padding:0; margin:0; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:16px; text-decoration:none; font-weight:normal;}
.widget_categories li { list-style-image:url(images/img-arrow.png);}
.widget_categories li { margin-left:10px;}
.widget_categories li a { font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:13px; color:#7e7f99; text-decoration:none; height:20px; padding-top:5px; border-bottom:dashed 1px #EEEEEE; display:block;}
.widget_categories li a:hover { color:#CCCCCC;}
.widget { color:#2F676C; padding:0; margin:0; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:16px; text-decoration:none; font-weight:normal;}
#sidebar ul li { list-style-type:none;}
.cat-item {}
#both {clear: both;}
#footer { width:955px; margin:0 auto; }
.title {font-size: 11pt; font-family: verdana; font-weight: bold;}
.screen-reader-text { display:none;}
.seperatorX { background:url(images/sepImg.png) repeat-x center;}
.seperatorXTop { background:url(images/sepImg.png) repeat-x center top;}
.seperatorY { background:url(images/sepImg.png) repeat-y center;}
/*************** Posts ***************/
/*************** Search **************/
#searchform { height:25px; background:url(images/sepImg.png) bottom repeat-x; padding-bottom:10px; margin-bottom:10px; margin-top:10px;}
#s{ border: solid 1px #CCCCCC; background:#FFFFFFl; font-size:12px; padding:1px; width:170px;}
#searchsubmit { border:solid 1px #CCCCCC; background:#FFFFFFl; font-size:12px; color:#666666; margin-left:-5px;}
/*************** Search **************/
/*************** Search **************/
#searchform { height:30px; background:url(images/sepImg.png) bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}
#s{ border: solid 1px #CCCCCC; background:#FFFFFFl; font-size:12px; padding:1px; width:170px;}
#searchsubmit { border:solid 1px #CCCCCC; background:#FFFFFFl; font-size:12px; color:#666666; margin-left:-5px;}
/*************** Search **************/
.post_topic {height:50px; float:left; margin:10px 0px 0px 0px;}
.content { float:left;}
.post_topic_pp {}
.post_topic_pp a{ color:#2F676C; padding:0; margin:0; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:16px; text-decoration:none; font-weight:normal;}
.date_time { font-family:"Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:11px; color:#b7b8cb;}
.content {font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:12px; color:#828282; line-height:15px;}
.size-full { margin-left:10px;}
.read_more a {font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:13px; color:#b7b8cb; padding-left:12px; line-height:13px; background:url(images/img-arrow.png) no-repeat left; text-decoration:none; text-align:left;}
.read_more a{ display:block; padding:10px 0px 10px 10px; float:left;}
.post_topic_pp_smaller a { color:#2F676C; padding:0; margin:0; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:16px; text-decoration:none; font-weight:normal;}
.date_time_smaller { font-family:"Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:11px; color:#b7b8cb; }
.topicfontsize { font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size:20px; color:#9992a4; font-weight:normal; padding-left:-10px; margin-bottom:10px;}
/*************** Posts ***************/
/************** Footer ***************/
#footer, #footer a { padding:10px; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#b7b8cb; font-size:12px; text-align:right; padding-right:10px;}
/* Slider ----------------------*/
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
a:focus { outline:none }
img { border: 0 }
.stripViewer .panelContainer .panel ul {
text-align: left;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:0;
position: relative;
width:628px;
height:240px;
border-bottom:1px solid #edeff6;
border-top:1px solid #edeff6;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 220px; background: #fff; overflow:hidden}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
border: 0px solid #000; /* this is the border. should have the same value for the links */
margin: auto;
width: 550px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 240px;
clear: both;
background: #fff;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 550px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}
.wrapper img{ padding-right:10px;}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
display:none;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 90px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {display: block; height: 40px; width: 15px;}
.stripNavL {left: 20px;}
.stripNavR {right: 20px;}
.stripNavL {
background:url(images/img-LeftArrow.png) no-repeat center;
}
.stripNavR {
background:url(images/img-LeftArrow-38.png) no-repeat center;
}
.post_topic h3 a { color:#2F676C; padding:0; margin:0; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:16px; text-decoration:none; font-weight:normal;}
.post_topic a { color:#2F676C; padding:0; margin:0; font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:16px; text-decoration:none; font-weight:normal;}
.post_topic {}
.content a { color:#2F676C;}
.date_time {}
.panel img{ width:180px; height:130px; float:left; margin:0px 10px 0px 0px; padding:0; !important;}
/*************** Main Menu **************/
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em;
z-index:300; width:51%; font-weight:normal; top:15px; left:15px;}
#dropmenu a {display:block; padding:0.25em 1em; color:#9992a4; text-decoration:none; background:#FFFFFF}
#dropmenu a:hover {background:#F3F3F3; color:#999999;}
#dropmenu li {float:left; position:relative; font-size:13px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}
#dropmenu li a { border-right:1px solid #edeff6; border-top:1px solid #edeff6;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #edeff6;}
#dropmenu li ul { width:14.1em; }
#dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #edeff6; width:250px;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
.current_page_item a{color:#6FBE44!important; padding-top:4px!important; border-left:1px solid #edeff6; border-top:1px solid #edeff6; border-bottom:0px;}
.current_page_item ul li a { color:#999999!important}
/*************** Main Menu **************/
/* SOCIAL MEDIA LINKS */
#socialmedia{
overflow:hidden;
clear:both;
display:block;
}
#socialmedia-left{
float:left;
white-space:300px;
}
#socialmedia-right{
float:right;
}
.db-wrapper.db-compact{
vertical-align:top !important;
margin-top:4px;
}
/************* Fix Editor Bug *****************/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}