/*-------- General Styles --------*/ * { margin: 0px; padding: 0px; list-style: none; background-repeat: no-repeat; } body { background: #eee url(pagebg.gif) repeat-x bottom; font-size: 62.5%; font-family: /* 'Lucida Grande', 'Lucida Sans', Helvetica, */Arial, sans-serif; } p { margin-bottom: 10px; } a { text-decoration: none; font-weight: bold; } a, input { outline: none; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; } .clear:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } * html .clear { height: 1%; } a img { border: none; } .left { float: left; } .right { float: right; } blockquote { margin-top: 10px; margin-left: 25px; border-left: 4px solid #ccc; padding-left: 10px; margin-bottom: 20px; font-style: italic; } /*-------- Top Navigation and Login --------*/ #topnav { width: 100%; height: 35px; background-color: #333; border-bottom: #222 solid 3px; margin: 0; } #topnav ul { z-index: 100; width: 980px; margin: 0px auto; padding-top: 11px; font-size: 12px; text-align: right; } #topnav li { display: inline; margin: 0px 10px; } #topnav li a { color: #fff; font-weight: normal; } #topnav li a:hover { color: #ddd; font-weight: normal; } #topnav li.left a { color: #aaa; } #topnav li.left a.active, #topnav li.left a:hover { color: #fff; } #topnav li.login { float: left; color: #fff; cursor: pointer; margin: 0px; padding-top: 1px; } #topnav li.login2 { float: left; margin-left: 6px; } #topnav li.login2 input.input { float: left; margin-top: 0px; padding: 2px; width: 100px; border: none; font-size: 1em; } #topnav li.login2 label { margin: 0px 5px 0px 0px; padding-top: 1px; float: left; color: #fff; width: 75px; display: block; } #topnav li.login2 #rememberme { margin: 0px 4px 0px 7px; } #topnav input#wp-submit { background: #555; border: none; color: #fff; padding: 2px 6px; } #topnav li a.rss { color: #f89939; } #topnav li a.rss:hover { color: #F7602A; } #topnav li.left { float: left; color: #aaa; } #topnav p.wphone { display: none; } /*-------- Logo and Search --------*/ #header { width: 980px; height: 110px; overflow: visible; position: relative; } #header h1 { width: 222px; height: 120px; position: absolute; top: 12px; left: 20px; } #header h1 a { display: block; width: 222px; height: 120px; text-indent: -9999px; font-size: 0.01em; } #header ul { width: 640px; height: 30px; top: 76px; margin-left: 330px; position: absolute; right: 0px; } #header li { display: inline; } #header li a { display: block; float: right; font-size: 14px; font-weight: bold; padding: 9px 15px; text-align: center; margin-left: 10px; } #header li.current a { background: #fff; color: #333; } #search { border: 2px solid #4f4f4f; float: right; width: 340px; height: 45px; background: #fff; margin-bottom: 2px; color: #333; border-top: 0; } #search form { padding: 10px 0px 0px 20px; } #search input, input#s { width: 295px; height: 20px; border: none; outline: none; padding: 4px 2px 0px 5px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #eee; border-left: 1px solid #eee; } #topnav li#search2 { color: #fff; cursor: pointer; } #topnav li#search2:hover { color: #ddd; cursor: pointer; } input#s { float: left; margin-right: 10px; } /*-------- Main Content Area --------*/ #container { width: 980px; margin: 0px auto 50px; font-size: 1.1em!important; _font-size: 12px; } #content { width: 940px; background: #fff; padding: 20px; } #content a:hover { text-decoration: underline; } #content h4 { font-size: 14px; color: #4f4f4f; margin-bottom: 10px; letter-spacing: -1px; word-spacing: 2px; } #content h4 a { color: #4f4f4f; } #content h4 a:hover { text-decoration: none; } #content li { padding-left: 17px; background: url(bullet.gif) no-repeat 0px 2px; line-height: 16px; margin-bottom: 10px; } #content li.header { background: none; padding: 0px; margin-bottom: 0px; } #left { width: 620px; float: left; } #right { width: 300px; float: right; } /*-------- Left Column --------*/ #left.page { line-height: 20px; } #left.page h2 { font-size: 1.75em; text-transform: none; margin-bottom: 10px; color: #4f4f4f; line-height: 21px; } #left.page .entry h2 { font-size: 1.1em; color: #4f4f4f; margin: 0px 0px 5px; text-transform: uppercase; } #left.page h6 { font-size: 1.1em; color: #4f4f4f; margin: 0px 0px 5px; padding-top: 7px; text-transform: uppercase; } #left .entry ol { margin-left: 15px; } #left.page .entry ul { margin: 15px 0; } #left .postmetadata { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2; padding: 5px; margin: 20px 0px; clear: both; } #left .postmetadata span { display: block; float: left; padding: 0px 0px 0px 20px; margin-right: 15px; } #left .post-date { background: url(date.gif) no-repeat center left; } #left .post { margin-bottom: 25px; } #left .entry img { display: block; margin: 0px auto; } #left .entry img.left { float: left; margin: 0px 10px 0px 0px; } #left .entry img.right { float: right; margin: 0px 0px 0px 10px; } #left .entry .sociable img { display: inline; } #left .entry { font-size: 1.1em; } #left .entry .flashvideo { margin: 0px auto; display: block; } #left .entry code { font-family: monospace; font-size: 12px; } #left .post-comment { background: url(comment.gif) no-repeat center left; } #left .post-edit { background: url(pencil.png) no-repeat center left; } #left .post .entry .download { margin: 15px 0; font-size: 11px; width: 600px; padding: 5px 0px 5px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2 url(bullet_go1.png) no-repeat left; display: block; } #left .post .entry .digg-this { display: block; width: auto; float: right; text-align: right; } #left .entry h2 { font-size: 1.45em; margin: 20px 0px; color: #444; } #left .entry h3 { font-size: 1.15em; color: #232323; } #left .entry pre { margin: 0px 0px 10px 15px; border-left: 4px solid #ccc; padding-left: 10px; } #left hr { border: none; border-bottom: 1px solid #d1d1d1; clear: both; margin: 20px 0px; } /*-------- Comments --------*/ #left #comments-area h6 { margin: 20px 0px; } .single-comment { font-size: 12px; margin-bottom: 25px; } .comment-info { font-size: 11px; background: #f5f5f5; padding: 5px; margin-bottom: 5px; } .author .comment-info { background: #888; color: white; } .author .comment-info a { color: #fff; } .comment-info img { float: left; } .comment-info p { float: left; margin: 0px 0px 0px 10px; width: 550px; } #comments-area p textarea#comment { font-size: 12px; padding: 5px 0 0 5px; width: 595px; } /*-------- Post Navigation --------*/ #left .navigation { height: 20px; margin-bottom: 10px; margin-top: 10px; clear: both; } #left .navigation .left { width: 308px; float: left; } #left .navigation .left a { width: 285px; background: url(left.gif) no-repeat center left; height: 18px; padding-left: 20px; display: block; } #left .navigation .right { width: 308px; float: right; } #left .navigation .right a { width: 285px; background: url(right.gif) no-repeat center right; height: 18px; padding-right: 20px; display: block; text-align: right; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; background: #eee; } .wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; } .wp-pagenavi a:hover { text-decoration: none; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; } .wp-pagenavi span.pages { padding: 2px 4px 2px 0px; margin: 2px 2px 2px 0px; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #fff; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; } /*-------- Forms --------*/ .wpcf7-form { border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #eee; border-left: 1px solid #eee; padding: 25px; } #content .wpcf7-form li { background: none; clear: both; } .wpcf7-form label { width: 120px; display: block; float: left; text-align: right; padding-right: 20px; padding-top: 2px; } .wpcf7-form input, .wpcf7-form textarea { width: 300px; float: left; border: 2px solid #333; padding: 2px; margin-bottom: 10px; } textarea { font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; font-size: 0.95em; } .wpcf7-form fieldset { border: none; } .wpcf7-form input.submitbutton { float: none; width: auto; height: auto; border: none; padding: 0px; margin: 0px 0px 0px 135px; } .linklove { display: none; } #left .entry img.captcha { margin: 0px; } .wpcf7-form .cf_li_err { color: red; } .failure { display: none; } .success { color: green; padding: 5px 10px; font-weight: bold; background: #c8f1c4; } /*-------- Various Content Boxes --------*/ /*---- Gallery ----*/ #latest-articles { width: 300px; float: left; color: #777; } #latest-sites { width: 300px; float: right; color: #777; font-weight: bold; list-style: none; } #latest-sites img { background: #fff; padding: 1px; /* border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;*/ float: right; margin-bottom: 2px; margin-right:10px;} #content #latest-sites li { clear: both; padding: 0px; margin: 0px 0px 15px; background:none;} #content #latest-sites li.header { margin-bottom: 10px; } #latest-sites .title { display: block; float: left;color:#2097c9;} #latest-sites .visit { display: block; float: left;text-align:right; color:#2097c9; margin-left:3px;} .titlevisitcover{margin-left:27%;} #latest-sites a.visit { display: block; float: right; width: 100px; text-align: right; } #latest-sites li.linkcat { background: none; padding-left: 0px; } #latest-sites h2 { display: none; } .gallery-item { width: 300px; float: left; color: #777; font-weight: bold; margin-bottom: 20px; } .gallery-item img { background: #fff; padding: 1px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; margin-bottom: 4px; } .gallery-item a.visit { display: block; float: right; width: 100px; text-align: right; } .gallery-item .title { display: block; float: left; width: 180px; } .list { width: 300px; float: left; color: #777; } /*---- Theme Showcase ----*/ #theme-showcase { clear: both; background: #484848; padding: 15px; margin-bottom: 20px; color: #fff; } #theme-showcase h4 a { color: #fff; } #theme-showcase img { float: right; display: block; border: 1px solid #fff; } #theme-showcase .left { width: 280px; float: left; font-size: 1.1em; } #theme-showcase .left p a { color: #fff; text-decoration: underline; } #theme-showcase .right { width: 305px; float: right; } #theme-showcase .review { display: block; width: 133px; height: 27px; text-indent: -9999px; background: url(read_our_review.gif); } #theme-showcase .buy_theme { display: block; width: 177px; height: 27px; text-indent: -9999px; background: url(buy_theme.gif); } #theme-showcase .download_theme { display: block; width: 177px; height: 27px; text-indent: -9999px; background: url(download_theme.gif); } #theme-showcase .collection { display: block; width: 148px; height: 27px; text-indent: -9999px; background: url(view-the-collection.gif); } /*---- Featured Box ----*/ #featured { width: 620px; margin-bottom: 20px; padding-bottom: 10px; color: #fff; } #featured h2 { position: relative; text-transform: none; font-size: 2.1em; letter-spacing: -1px; margin-bottom: 10px; } #featured h2 a { color: #fff; display: block; z-index: 99; position: relative; } #featured h2 a:hover { text-decoration: none; } #featured h2 span { display: block; position: absolute; top: 1px; left: 1px; z-index: 50; color: #1f6b8b; } #featured img { display: block; margin: 12px 12px 10px 0px; } #featured .left { width: 590px; float: left; padding: 20px 0px 0px 20px; } #featured .left p { color: #fff; text-align:justify; font-size:12px;} #featured .left p a { color: #fff; font-weight: bold; text-decoration: underline; } #featured .left p a:hover { color: #fff; font-weight: bold; text-decoration: none; } #left .homepage h2 { font-size: 2em; } /*-------- Ads --------*/ .ads img { display: block; margin-bottom: 20px; } .ads span.margin { float: left; display: block; width: 140px; margin-right: 20px; } .ads .left img { float: left; } .ads .right img { float: right; margin-right: 0; } .bottom { clear: both; padding-top: 25px; } .gotbanners { width: 300px; } .gotbanners img { float: left; margin: 0 0px 20px 0; } .gotbanners a img { border: 1px solid #666; } .gotbanners .margin { float: left; display: block; width: 140px; margin-right: 20px; } #left .ads { padding-top: 10px; } /*-------- Right --------*/ #right ul { color: #777; margin-bottom: 0px; } #right #other-news li.linkcat { background: none; padding-left: 0px; } #right #other-news h2 { display: none; } #right #new-plugins li.linkcat { background: none; padding-left: 0px; } #right #new-plugins h2 { display: none; } #right #categories li { margin-bottom: 10px; } #right hr { border: none; border-bottom: 1px solid #d1d1d1; clear: both; margin: 20px 0px; } #right .ads .margin img { margin-bottom: 10px; } #right #community-news li.header a { display: block; } #right .ads hr { margin: 0px 0px 15px; } #content #tags li { background: none; line-height: 18px; padding: 0px; margin: 0px; } /*-------- Footer --------*/ #footer { color: #777; clear: both; height: 52px; padding-top: 50px; } #footer p { padding-right: 50px; } /*-------- Random Styles -------- */ .left { float: left; } .right { float: right; } #left .entry img.wp-smiley { border: none; margin: 0; display: inline; } #left ul li p img.wp-smiley { border: none; margin: 0; display: inline; } ul#community-news li a { display: block; } ul#community-news li a.title { display: block; } #featured h1 { position: relative; text-transform: none; font-size: 2.1em; letter-spacing: -1px; margin-bottom: 10px; display: block; color:#fff; font-family: Arial, sans-serif;} #featured h1 a { color: #fff; display: block; z-index: 99; position: relative; }