/* GENERAL CSS RESET STYLES */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; 	outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { 	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
 a {}
 a:link { text-decoration: none; }  
 a:visited{ text-decoration: none; }  
 a:hover { text-decoration: underline;  }  
 a:active  { text-decoration: underline; }
/* H1 -> H2 Tags */
 h1 { font-size: 30px; font-weight: normal; }  
 h2 { font-size: 24px; font-weight: normal; }  
 h3 { font-size: 18px; font-weight: normal; }  
 h4 { font-size: 12px;  font-weight: normal; }  
 h5 { font-size: 11px; font-weight: normal; }  
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */

/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear, #pageWrap .clear { clear: both; overflow: hidden; height: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }.clearfix:after { content: " ";  clear: both;  height: 0px; padding: 0px; margin: 0px; display: block; visibility: hidden; }.clearfix { zoom: 1;}
/* CLASSES EDITED AT EACH PAGE CREATION  == ACTUAL CSS FILE HERE */

/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/

/* Border Style  -> ALL PAGES UNDER THIS 
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/	

/* ========================= PAGE CSS ========================= */

/* ================== CONTENT ============== 
	
	1) GENERAL CSS
	2) Homepage Specific CSS
	3) SubPage Specific CSS 

*/

/* ============== General CSS =================== */	
pre { overflow: scroll;}
body { background-image: url("./images/blogRepeat.jpg"); background-position: center top; background-color: #000; background-repeat: repeat-y;}
.outerArea { background-image: url("./images/blogBg.jpg"); background-repeat: no-repeat; background-position: center top;}
#pageWrap { width: 960px; margin: 0px auto;}

/* Header CSS */
.header { height: 105px;  padding-top: 50px; width: 960px;}
.header img { float: left; padding-left: 20px;}
.header .newsMOD { float: right; width: 350px; padding-right: 20px;}
.header .newsMOD ul li { padding: 5px 0px; line-height: 20px; color: #ffffff; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.header .newsMOD ul li span { font-weight: bold;}
.header .newsMOD ul li a { color: #bbbbbb; text-decoration: none;}
.header .newsMOD ul li a:focus, .header .newsMOD ul li a:hover { color: #fff; border-bottom: 1px dotted #8dc0ff;}
/* end of header CSS */

/* Content CSS */
.content { background-image: url("./images/topBlog.jpg"); background-repeat: no-repeat; background-position: top center; width: 928px; padding: 0px 16px; margin-bottom: 20px;}
.navigation { width: 928px; }  


.innerContent { border: 4px solid #000;  padding: 4px; background-color: #fff;}
.innerContent .innerImg1 { background-image: url("./images/innerImg.jpg"); background-repeat: repeat-y; background-position: top center;}
.innerContent .innerImg2 { background-image: url("./images/innerContentBg.jpg"); background-repeat: no-repeat; background-position: center top; padding:10px 20px; padding-bottom: 20px; }
.innerContent .innerImg2 h1 { font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Arial, Helvetica; font-size: 16px; color: #000; line-height: 26px; padding-left: 10px; background-image: url("./images/blueDot.png"); background-repeat: no-repeat; background-position: left center; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px;}

.postContainer { width: 575px;}
.postBg { background-image: url("./images/postBg.png"); background-repeat: no-repeat; background-position: center top; padding: 20px; width: 535px; background-color: #fff;}
.postBg .top { width: 535px; height: 100px;}
.postBg .top .left { }
.postBg .top .left img { margin-right: 20px; display: inline;}
.postBg .top .left div { width: 360px;}
.postBg .top .left div h2 { line-height: 20px; margin-bottom: 0px;}
.postBg .top .left div h2 a { font-size: 18px; color: #0171da; font-weight: bold;}
.postBg .top .left div h2 a:focus, .postBg .top .left div h2 a:hover { text-decoration: none;}
.postBg .top .left div p { line-height: 14px; font-size: 12px; font-style: italic; color: #848484; margin-top: 0px;}
.postBg .top .left div p a { color: #848484;}
.postBg .top .left div p.cat { color: #464646; font-style: normal; margin-top: 5px;}
.postBg .top .left div p.cat a { color: #848484; text-decoration: underline;}
.postBg .top .right { background-image: url("./images/commentBg.png"); background-repeat: no-repeat; background-position: center; height: 76px; width: 74px;}
.postBg .top .right p.nrCom { line-height: 12px;}
.postBg .top .right p.nrCom a { color: #81d7ff; text-decoration: none; text-align: center; display: block; padding-top: 22px; font-family: Arial, Helvetica; font-size: 10px;}
.postBg .top .right span { font-size: 32px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #fff;}
.postBg .bottom h2 { margin: 15px 0px; line-height: 30px; font-size: 24px;}
.postBg .bottom h3 { margin: 15px 0px; line-height: 20px; font-size: 18px;}
.postBg .bottom p { line-height: 19px; font-size: 13px; font-family: Arial, Helvetica; color: #5c5c5c; margin: 15px 0px;}
.postBg .bottom ul { padding-left: 20px; list-style-type: disc; list-style-position: outside; line-height: 19px; color: #5c5c5c;}
.postBg .bottom ol { list-style-type: decimal; list-style-position: outside; padding: 20px; line-height: 19px; color: #5c5c5c; }
.postBg .bottom ul li, .postBg .bottom ol li  { padding: 2px 0px;}
.postBg .bottom p.postNav { margin-top: 5px; margin-bottom: 0px;}
.postBg .bottom p.postNav a { color: #0171DA; text-decoration: none;}
.postBg .bottom p.postNav a:visited { color: #848484; text-decoration: underline;}
.postBg .bottom p.postNav a:focus, .postBg .bottom p.postNav a:hover { color: #0171DA; text-decoration: underline;}

.pagination { background-image: url("./images/paginationBg.png"); background-repeat: no-repeat; background-position: center; padding: 6px; height: 28px;}
.pagination  a span.prevLink { background-image: url("./images/prevLink.png"); background-repeat: no-repeat; background-position: left center; display: block;  width: 129px; height: 28px; float: left; ;}
.pagination  a span.nextLink{ background-image: url("./images/nextLink.png"); background-repeat: no-repeat; background-position: right center; display: block; width: 99px; height: 28px; float: right; }


#sidebar { width: 270px;}

/* subscribe box css + module */
.subscribeBox { width: 230px; padding: 20px; background-image: url("./images/subscribeBg.png"); background-repeat: no-repeat; background-position: left top; height: 92px; } 
.subscribeBox div.t { width: 230px; margin-bottom: 7px; }
.subscribeBox div a { background-image: url("./images/rssButton.png"); background-repeat: no-repeat; background-position: left center; display: block; width: 24px; height: 25px; float: left; margin-right: 10px; display: inline;}
.subscribeBox div p { float: left; font-family: Arial, Helvetica; font-size: 14px; font-weight: bold; color: #ff4e00; line-height: 25px;}
.subscribeBox div.subscribeByEmail form { margin-bottom: 7px; width: 230px;}
.subscribeBox div.subscribeByEmail input { border: 1px solid #adadad; padding-top: 3px; height: 25px; font-size: 15px; line-height: 25px; padding-left: 5px; color: #b9b9b9; width: 158px;}
.subscribeBox div.subscribeByEmail .wpsb_form_btn { background-image: url("./images/submitButton.png"); background-repeat: no-repeat; background-position: center; height: 30px; width: 63px; padding: 0px; cursor: pointer;}
.subscribeBox div.subscribeByEmail p.arrow { background-image: url("./images/arrow.png"); background-repeat: no-repeat; background-position: left center; line-height: 21px; padding-left: 25px; color: #0c71c7; font-size: 12px; float: none;}

/* gray box area css */
.grayArea { border: 1px solid #a0a0a0; width: 230px; padding: 19px; background-color: #d3d3d3;}
.grayArea h2 {  font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Arial, Helvetica; font-size: 16px; color: #000; line-height: 20px; padding-left: 10px; background-image: url("./images/blueDot2.png"); background-repeat: no-repeat; background-position: left center; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; }
.grayArea ul li { padding: 3px 0px;}
.grayArea ul li a { padding-left: 10px; background-image: url("./images/inactiveDiv.png"); background-repeat: no-repeat; background-position: left center; display: block; font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 17px; text-decoration: none; color: #777777; padding-top: 3px; padding-bottom: 3px;}
.grayArea ul li a:focus, .grayArea ul li a:hover { background-image: url("./images/blueCross.png"); background-repeat: no-repeat; background-position: left center; color: #000000; text-decoration: none;}
.grayArea .blogCategories { margin-bottom: 15px;}

/* contact request button */
.reqQuote { width: 270px; height: 189px;}

/* ======= Footer ======= */
.footer { background-image: url("./images/footerImage.png"); background-repeat: no-repeat; background-position: center top; padding-top: 24px; padding-bottom: 25px;}
.footer .top { width: 960px; margin: 0px auto;  margin-bottom: 45px;}
.footer .top p { line-height: 20px; text-align: center;}
.footer .top a { color: #9b9b9b; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica; padding: 0px 5px; margin: 0px 10px; }
.footer .top a:focus, .footer .top a:hover { color: #fff;}
.footer .top p.copy { font-size: 12px; color: #9b9b9b; margin-top: 30px;}
.footer .top p.copy span { font-style: italic;}
.footer .bottom { width: 920px; padding: 0px 20px; margin: 0px auto; }
.footer .bottom p { line-height: 20px; text-align: center; color: #9b9b9b; margin-bottom: 15px; font-family: Arial, Helvetica; font-size: 11px;}

/* ====== COMMENT BOX CSS ============ */

.commentBox { margin-top: 40px;}
.commentBox .navigation { width: 535px;}
.commentBox #comments { font-size: 16px; line-height: 20px; font-family: "Myriad Pro", Verdana, Arial, Helvetica; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px;}
.commentBox ol.commentlist p { margin-top: 10px;}
.commentBox ol.commentlist .vcard { margin-bottom: 15px;}
.commentBox ol li { margin-bottom: 15px;}
.commentBox ol.commentlist p { font-size: 13px; font-family: verdana, arial, helvetica; line-height: 17px; color: #5C5C5C;}
.commentBox ol.commentlist a { color: #0171da; text-decoration: none;}
.commentBox ol.commentlist a:focus, .commentBox ol.commentlist a:hover { color: #848484; text-decoration: underline;}
.commentBox ol.commentlist img.avatar{ float: left; margin-right: 10px; display: inline;}
.commentBox ol.commentlist div.metaData { float: left;}
.commentBox ol.commentlist div.metaData cite, .commentBox ol.commentlist div.metaData span { font-family: "Myriad Pro", Verdana, Arial, Helvetica; font-weight:bold; letter-spacing: 1px; font-size: 14px;}
.commentBox ol.commentlist div.commentmetadata { margin-top: 4px;}
.commentBox ol.commentlist div.commentmetadata a { color: #0171DA; text-decoration: none;}
.commentBox ol.commentlist div.commentmetadata a:focus, .commentBox ol.commentlist div.commentmetadata a:hover { color: #848484; text-decoration: underline;}

.commentBox #respond { }
.commentBox #respond h3 { font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica; line-height: 17px;}
.commentBox #respond p { font-size: 12px; color: #5C5C5C; line-height: 15px;}
.commentBox #respond p a{ color: #0171DA; text-decoration: none;}
.commentBox #respond p a:link, .commentBox #respond p a:focus { color: #0171DA; text-decoration: none;}
.commentBox #respond textarea { padding: 5px; margin-top: 5px; border: 1px solid #848484; width: 523px;}
.commentBox #respond p.submitRow { margin-top: 6px;}
.commentBox #respond input#submit { background-image: url("./images/submit.gif"); background-repeat: no-repeat; background-position: center left; height: 29px; width: 70px; cursor: pointer; border: 0px none;}

#commentform input { border: 1px solid #848484;}
#commentform label { font-size: 13px;}
#commentform p { padding: 3px 0px;}/* alex d comment fix added 14-02-2010 */.wp-smiley { display: inline; height: 13px; width: 13px; }