/*** general ***/ body { background:url(images/bg.png) repeat-x #161616; text-align:center; font-family:arial; font-weight:bold; font-style:italic;} .wrapper { margin:0 auto; text-align:left; width:980px;} .hidden { display:none;} .clear { clear:both; height:0; font-size:1px; line-height:0px;} .align-right { text-align:right;} .align-left { text-align:left;} .border { border-top:2px solid #000; border-bottom:1px solid #202020;} .divider { border-top:4px solid #000; border-bottom:1px solid #202020; margin-bottom:20px;} li ul li { padding-left:16px;} input,textarea,select { font-size:12px; font-weight:bold;} /*** font styles ***/ a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd { color:#d6d5d5;} a { text-decoration:none; cursor:pointer;} a:hover, a:focus { text-decoration:none; color:#0096ff;} :focus { outline:0;} h1 { font-size:34px;} h2, #mBody .content h2 { font-size:27px;} h3 { font-size:22px;} h4,h5,h6 { font-size:17px;} p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code { font-size:14px;} em { font-style:normal;} strong { font-size:110%;} /*** table ***/ table { background:#000; border-bottom:1px solid; border-right:1px solid; border-color:#2f2f2f;} th,td { padding:6px 12px; border-top:1px solid; border-left:1px solid; border-color:#2f2f2f;} th { padding:12px; background:#0096ff; font-weight:bold; border-color:#51b7ff;} /*** calendar ***/ #wp-calendar { width:90%;} #wp-calendar th, #wp-calendar td { padding:4%;} #wp-calendar caption { border:none; padding:12px 12px 12px 0; font-weight:bold; color:#f2f2f2;} /*** fonts specific ***/ table,blockquote,#mBody .content p,td { color:#444;} #mBody .content blockquote a,#mBody .content p a,#mBody .content td a {} #mBody .content a { color:#0096ff;} #mBody .content a:hover, #mBody .content a:focus, #mBody .meta a:hover, #mBody .meta a:focus { color:#fff;} code, blockquote { background:#000; border:1px solid #2f2f2f; padding:10px 15px; margin:10px 10px 5px 15px; display:block;} blockquote { background:url(images/quote.gif) no-repeat 10px 10px #000; padding:45px 20px 20px 55px; min-height:35px;} .nav a { font-size:12px;} #mBody .timeStamp, #mBody .comments { font-size:13px; font-weight:normal; font-style:normal; font-family:Tahoma;} #mBody .content p { font-weight:normal; font-style:italic; font-size:12px;} #mBody .main3Col .content:hover p { color:#999;} #mBody .content img, #mBody img { border:1px solid #2f2f2f; background:#000; padding:9px; margin-bottom:20px;} #mBody .main3Col img { max-width:290px;} #mBody .mainPage img { max-width:600px;} #footWrapper li { font-size:12px; font-weight:bold;} #footWrapper h3, #footWrapper h2, #footWrapper h1 { padding-bottom:20px; margin-bottom:1px; border-bottom:1px solid #080808;} /*** archives ***/ .content .border { margin:24px 0;} .archive .border { margin-bottom:14px;} #mBody .archive .meta { font-size:14px; color:#d6d5d5;} .meta a { color:#0096ff;} #mBody .archive .archiveTitle { margin:0; font-size:24px;} #mBody .mainPage .archive .thumbPrev, #mBody .mainPage .archive img { width:60px; float:left; margin-right:12px; padding:5px;} .pageNav a.button:hover, .pageNav a.button:focus { background-position:0 -130px;} /*** header ***/ #headWrapper { background:url(images/headWrap.jpg) top no-repeat;} #header { margin:0 auto; height:128px;} #header .wrapper { position:relative;} #header #logo { padding:10px 0 0 40px; font-size:46px; text-transform:lowercase;} #header #tagLine { padding-left:40px; font-size:14px; margin-top:-6px; text-transform:lowercase;} /*** navigation ***/ .navClose { background:url(images/navRight.png) right no-repeat; position:absolute; top:90px; left:20px;} .nav { background:url(images/navLeft.png) no-repeat; float:left; margin-right:20px;} .nav ul { background:url(images/navBg.png) repeat-x; margin-left:14px; height:38px; float:left;} .nav li { float:left; position:relative; margin:0 6px;} .nav li a { padding:12px 14px 0 14px; display:block; height:26px;} .nav li a:hover, .nav li a:focus { background:url(images/navOver.png) center bottom no-repeat;} .nav li ul, .nav li ul li a { height:100%; margin:0; padding:0;} .nav ul li ul { position:absolute; left:0; top:36px; display:none; border:1px solid #111;} .nav ul li ul li { background:#1b1b1b; border-top:1px solid #242424; border-bottom:1px solid #000; margin:0; padding:4px 5px; position:relative;} .nav ul li ul li a { display:block; width:130px; padding:10px 14px;} .nav li ul li a:hover, .nav li ul li a:focus { background:#000;} .nav li li ul { left:167px; top:0;} /*** body ***/ #mBodyWrapper { border-bottom:1px solid #101010; background:url(images/mBodyWrapper.jpg) center top no-repeat;} #mBodyInside { background:url(images/mBodyWrapper.jpg) center -330px no-repeat;} #mBodyHead { background:url(images/mBodyWrap.jpg) center 0 no-repeat; padding-top:20px;} #mBodyHead .wrapper { width:900px; height:100%; border:1px solid #242424; background:#000; padding:19px;} #mBodyHead .featureTag { width:157px; height:157px; position:absolute; top:163px; right:177px; background:url(images/featureTag.png) no-repeat;} #mBody { background:url(images/mBody.jpg) top no-repeat;} #mBody .wrapper { padding:75px 20px 10px 20px; width:940px;} /*** 2 column innerpage ***/ #mBody .mainPage { width:620px; float:left; margin-right:20px;} #mBody .mainPage .thumbPrev { width:600px;} .box { border-top:4px solid #000; font-style:normal; margin-bottom:45px;} .box ul { margin-left:15px; border-bottom:1px solid #202020;} .box li a { height:100%; display:block; padding:12px 1px 12px 25px; background:url(images/checkOver.gif) 0 -65px no-repeat; border-top:1px solid #202020; border-bottom:2px solid #000;} .box li a:hover { background-position:0 10px; color:#5cc411;} /*** 3 column index ***/ #mBody .main3Col, #mBody .sideBar { width:290px; float:left; margin-right:30px;} #mBody .orange, #mBody .sideBar { margin:0;} /*** link display ***/ .green a { color:#5cc411; background-position:0 -130px;} .yellow a { color:#fff600; background-position:0 -70px;} .orange a { color:#ffa810; background-position:0 -100px;} .main3Col a:hover, .main3Col a:focus, .mainPage a:hover, .mainPage a:focus { background-position:0 0; color:#0096ff;} /*** alter specific ***/ #mBody .topicTitle, #mBody .sideBar h3 { margin-bottom:20px;} #mBody .main3Col .thumbPrev { width:270px;} #mBody h2 { font-size:18px; margin-bottom:2px;} #mBody .contentMeta { float:left; width:100%; padding-bottom:6px;} #mBody .timeStamp, #mBody .comments { float:left; margin-right:15px; padding:6px 0;} #mBody .timeStamp a { background-image:url(images/iconDate.png); background-repeat:no-repeat; min-height:17px; padding-left:22px;} #mBody .comments a { background-image:url(images/iconComment.png); background-repeat:no-repeat; height:17px; padding-left:22px;} #mBody .content { padding:16px 0 0 0;} #mBody .content h1, #mBody .content h2, #mBody .content h3 { margin-bottom:20px;} #mBody .content p, #mBody .content pre, #mBody .content table, #mBody .content blockquote, #mBody .content code, #mBody .content h4, #mBody .content h5, #mBody .content h6, #mBody .content input { margin-bottom:12px; line-height:20px;} /*** li ul ***/ #mBody .content ol li { list-style:decimal inside;} #mBody .content ul li { list-style:circle inside;} #mBody .content ol li, #mBody .content ul li { margin-bottom:12px;} #mBody .content ol, #mBody .content ul { margin:12px 0;} #mBody .content li { padding-bottom:6px;} #mBody .content ul li ul li, #mBody .content ol li ol li, #mBody .content ul li ol li, #mBody .content ol li ul li { padding-left:20px;} /*** more ***/ a.button { background-image:url(images/moreBtn.png); background-repeat:repeat-x; display:block; color:#fff; margin:20px 0; width:95px; height:21px; overflow:hidden; text-align:center; padding-top:8px; font-size:12px; border:4px solid #000;} a.button:hover, a.button:focus { color:#fff;} /* paging */ .scroll, .wp-pagenavi { margin-bottom:15px;} #mBody .next a { float:right;} span.button a { background:url(images/pagenav.png) 0 0 no-repeat; background-color:#0d0d0d; float:left; text-align:center; font-size:12px; font-weight:bold; text-decoration:none; color:#d6d5d5; width:73px; height:19px; padding-top:6px;} span.button a:hover, span.button a:focus { color:#f2f2f2; background-color:#343434; background-position:0 -35px;} /*** footer ***/ #footWrapper { background:#000; border-top:1px solid #202020;} #footWrapper .wrapper { padding:45px 0;} #footWrapper .footBar { float:left; padding-left:20px; width:220px;} #footWrapper ul { border-top:1px solid #141414;} #footWrapper li { border-bottom:1px solid #141414;} #footWrapper li a, .recentcomments { height:100%; display:block; padding:10px 1px;} #footWrapper li a:hover, #footWrapper li a:focus, #footWrapper li:hover, #footWrapper li:focus { background:#030303;} /*** copyright ***/ #footer { background:#000; border-top:1px solid #303030; height:38px;} .copy { color:#2e2e2e; margin:9px 0 0 20px; font-size:12px; font-weight:normal;} .copy a { color:#3b3b3b;} .copy a:hover { color:#555555;} /*** forms ***/ textarea, input, select { background:#202020; border:4px solid #161616; padding:7px; width:92%} select { width:40%;} label { margin-right:10px; display:block;} textarea:hover, input:hover, select:hover, textarea:focus, input:focus, select:focus { background:#2f2f2f;} textarea { height:60%; overflow:hidden;} input.button { float:right; margin-right:5%; width:100px; padding:5px; background-image:url(images/moreBtn.png); background-repeat:repeat-x;} input.button:hover, input.button:focus { cursor:pointer; background-position:0 -130px;} /*** search ***/ .searchSite ul { position:absolute; top:4px; right:20px;} #searchForm form { position:relative;} #searchForm input { width:210px; height:16px;} #searchForm input.text { border:5px solid #000; background:#161616;} #searchForm input.text:hover, #searchForm input.text:focus { background:#202020;} #searchForm input.submit { background:url(images/searchBtn.png) right no-repeat; text-indent:-1000px; width:30px; height:30px; position:absolute; top:5px; right:5px; border:none;} #searchForm input.submit:hover, #searchForm input.submit:focus { cursor:pointer;} /*** comments form ***/ #respond { padding:20px 0 20px 20px;} #commentBox { background:#000; padding:20px; border:1px solid #2f2f2f; margin:20px 0;} #commentBox p { display:block; padding-bottom:10px; padding-right:15px; margin-top:25px;} #commentBox p.no-line { border:none;} /*** comments meta ***/ #commentBox .commentlist { background:#; margin:20px 0; border:1px solid #2f2f2f; padding:0 15px 15px 0;} #commentBox .commentlist li { padding:15px 0 0 15px;} #commentBox .commentmetadata { float:right; margin-top:-15px; margin-right:15px;} #commentBox img.avatar { padding:3px; margin-bottom:-15px; margin-right:5px;} #commentBox .reply { margin-bottom:25px; border-bottom:1px solid #2f2f2f; height:25px;} #commentBox .reply a { float:right; padding-right:20px;}