/* Theme Name: Heliumified WordPress Theme Theme URI: http://www.paddsolutions.com/wordpress-theme-heliumified/ Description: Heliumified is a 5-in-1 professional free WordPress theme with customized widgets. Download more free WordPress Themes. Version: 1.0 Author: Padd Solutions Author URI: http://www.paddsolutions.com Tags: fixed width, valid css, valid xhtml, featured content, youtube, social bookmarks, popular posts, featured photos */ /* DEFAULT */ 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;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;} caption,th,td{text-align: left;font-weight: normal;} /* REGULAR CODING */ body{line-height:2; padding:10px 0; font-family: Georgia, serif; font-size:12px; color:#333;} a{text-decoration:underline; color:#000;} a:hover{text-decoration:none;} body.fire{background:url(images/fire.png) repeat-y center;} body.aloha{background:url(images/aloha.png);} body.heritage{background:url(images/heritage.png);} body.flowers{background:url(images/flowers.png);} body.flowers #footer, body.flowers #footer a{color:#333;} body.carbon{background:url(images/carbon.gif);} /* STRUCTURE */ #container{margin: 0px auto; background:#fff url(images/container.png) no-repeat center top; border-top:#999 1px solid;} #holder, .holder{width:960px; margin: 0px auto;} #header{padding-top:25px; height:65px;} #nav-main{float:right; margin-top:5px; height:30px; line-height:30px;} #content-box{} #main-panel{float:left; width:635px; margin-right:40px;} #sidebar{float:left; width:250px; background:url(images/sidebar.gif) repeat-y center;} #bottom-box{position:relative; top:30px; color:#999; background:#eeeff0 url(images/duo.gif) repeat-x top; padding:25px 0; line-height:1.4;} #footer{position:relative; top:30px; font-size:10px; color:#fff; border-top:#d2d4d5 1px solid; line-height:30px;} /* HEADER */ #logo{} /* NAVIGATION */ .nav-main li{float:left; margin:0 10px; font-family: 'Trebuchet MS', Helvetica, sans-serif;} .nav-main li a{float:left; color:#999; padding:0 20px; text-transform:uppercase;} .nav-main li a:hover{color:#000; text-decoration:none;} .nav-main li.current_page_item, li.current-menu-parent {background:url(images/nav_cur_right.png) no-repeat right top;} .nav-main li.current_page_item a, li.current-menu-parent a{background:url(images/nav_cur_left.png) no-repeat left top; color:#fff;} .nav-main ul { display:none;position:absolute;top:70px;float:left;-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);box-shadow: 0px 3px 3px rgba(0,0,0,0.2);z-index: 99999;border:1px solid #fff; } .nav-main li:hover ul, li.over ul { display:block;background:#323058;padding:10px;font-size:13px;width: 220px; white-space: nowrap;line-height:2em;opacity: .9;filter: alpha(opacity=85); } .nav-main li:hover ul a, li.over ul a { color:#fff;width:auto;background:#323058;height:auto;padidng:10px;padding-left:7px; } /* FREE ASSESSMENT */ #free-assessment { position:fixed;top:100px;left:0;z-index:500;background:url(images/free-website-assessment.png) no-repeat left top; } #free-assessment a { display:block;height:186px;width:66px;text-decoration:none;text-indent:-9999px;margin:0; } /* CONTENT */ #featured{background:url(images/featured.png) repeat-y center;} #featured .fea-top{background:url(images/featured.png) no-repeat left top;} #featured .fea-bot{background:url(images/featured.png) no-repeat right bottom; padding:25px 0 40px 0;} #featured .fea-img{float:left; margin:0 30px 0 0;} #featured h2{font-size:36px; line-height:1;} #featured p{color:#666; font-size:18px; font-style:italic; padding:10px 0;} #services-table { width:635px;margin-top:10px; } .services-table-row { padding-bottom:10px;display:block;width:100%; } .services-table-image-cell { min-height:128px;width:138px;float:left;display:block;text-align:left; } .services-table-text-cell { float:left;display:block;text-align:left;width:497px;padding-bottom:20px; } .services-table-text-cell h3 { margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0; } .services-table-text-cell h3 a { font-weight:bold;font-size:15px; } .slimimgcell { min-height:80px;width:90px; } .slimtxtcell { width:545px; } .slimimgcell60 { min-height:60px;width:70px; } .slimtxtcell60 { width:500px; } #special_offer { font-size:14px; } #special_offer h2 { font-weight:bold;font-size:20px; } #special_offer ul li { list-style-image:url(images/special-arrow.gif);font-weight:bold; } #hom-con{margin:10px 0; float:left;} #hom-con li{width:180px; float:left; padding:15px 70px; background:url(images/home_box.png) no-repeat center top; font-family: 'Trebuchet MS', Helvetica, sans-serif; color:#666;} #hom-con h3{font-size:18px; font-weight:bold; text-transform:uppercase; line-height:30px;} #hom-con h3.ico-star{background:url(images/web-design.png) no-repeat left top; padding-left:40px;} #hom-con h3.ico-gear{background:url(images/website-development.png) no-repeat left top; padding-left:40px;} #hom-con h3.ico-mail{background:url(images/internet-marketing.png) no-repeat left top; padding-left:40px;} #hom-con p{padding:10px 0;} /* SIDEBAR */ #sidebar .main-ad{line-height:1;} #sidebar a{color:#000;} .box{background:url(images/duo.gif) repeat-x top;} .box h3{font-size:14px; color:#000; text-transform:uppercase; padding:0 10px; line-height:30px; background:url(images/duo.gif) repeat-x bottom;} .box .box-content{ padding:10px;} .box:last-child .box-content{background:url(images/duo2.gif) repeat-x bottom;} .box ul li{background:url(images/duo.gif) repeat-x bottom; padding:3px 0;} .box ul li:last-child{background:none;} .flickrrss a{padding:3px;} .flickrrss a img{width:70px;} .heliumified-popolar-posts li{padding:8px 0 10px!important; float:left; width:100%;} .heliumified-popolar-posts img{vertical-align:top; margin:0 8px 0 0; float:left;} .heliumified-popolar-posts .comment{color:#999!important;} ul.hf-subscribe{padding-left:12px;} ul.hf-subscribe li{float:left; padding:0!important; background:none; margin-right:12px;} ul.hf-subscribe li a{float:left; width:31px; height:31px; background-image:url(images/social.png); background-repeat:no-repeat; overflow:hidden; text-indent:-9000px;} ul.hf-subscribe li a.subscribe-goog{background-position:0px 0px;} ul.hf-subscribe li a.subscribe-twit{background-position:-31px 0px;} ul.hf-subscribe li a.subscribe-fb{background-position:-62px 0px;} ul.hf-subscribe li a.subscribe-feed{background-position:-93px 0px;} ul.hf-subscribe li a.subscribe-mail{background-position:-124px 0px;} /* SEARCH */ #searchform{padding:10px; background:url(images/duo.gif) repeat-x top;} #s{color:#333; height:20px; padding:8px 5px 2px 28px; width:130px; border:#fff solid; border-width:1px 0 1px 1px; background:#d2d4d5 url(images/search.gif) no-repeat 7px 9px;} #searchsubmit{background:#333; height:30px; color:#aaa; border:0; cursor:pointer;} /* POST */ .post-date{float:left; width:50px; height:58px; background:url(images/date.png) no-repeat; text-align:center; line-height:29px; color:#999; font-size:24px; clear:both;} .post-date span{display:block; color:#333; font-size:12px; text-transform:uppercase;} .post{margin:0 0 20px 80px;} .post a{color:#000;} .post-pic{border:#d2d4d5 1px solid; display:inline-block; line-height:1; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;} .post-pic img{border:#fff solid; border-width:1px 1px 0 1px; background:#eeeff0; padding:18px; -moz-border-radius:5px; -webkit-border-radius:5px;} .post-title, .post-title a{font-size:30px; color:#333; line-height:1.3; text-decoration: none; } .post-title a:hover{text-decoration:none; color:#000;} .post-auth{color:#999;} .post-auth a{color:#333;} .post-meta a{font-weight:bold; text-decoration:underline;} .post-meta a:hover{text-decoration:none;} .post-content{font-family: Verdana, Geneva, sans-serif; padding:15px 0;} .post-content p{padding:0 0 10px 0;} .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;} .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;} .post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;} .post-content blockquote p{padding:0;} .post-content h1{font-size:17px; font-weight:bold;} .post-content h2{font-size:15px; font-weight:bold;} .post-content h3{font-size:13px; font-weight:bold;} .post-content b, .post-content strong{font-weight:bold;} .post-content i, .post-content em{font-style:italic;} .navigation{margin:5px 0 5px 80px; padding:15px 0; border-top:#d2d4d5 1px solid;} .navigation2{margin:0 0 0 80px; padding:0;} .navigation a, .navigation2 a{background:#eeeff0; color:#333; border:#d2d4d5 1px solid; padding:5px;} /* Wordpress Classes */ .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;} .alignleft{float: left; margin:0 10px 10px 0;} .alignright{float: right; margin:0 0 10px 10px;} .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* COMMENT */ #comments, #respond{font-size:18px; color:#333;margin-bottom:5px; clear:both; margin-left:80px;} #commentform p{padding:8px 0; font-size:12px;} #commentform label{width:100px; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;} #commentform .req{color:#f00;} #author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;} #comment{width:380px;} #submit{background:#333; border:#eee 1px solid; color:#fff; height:30px; margin-left:110px; cursor:pointer;} #submit:hover{background:#000;} ol.commentlist{margin-left:80px;} ol.commentlist li{padding:15px; background:#fff; border-bottom:#eee 1px dotted;} ol.commentlist li.alt{background:#f5f5f5;} ol.commentlist .comment-content{padding:10px 0;} ol.commentlist .comment-content a{color:#39c;} ol.commentlist small{font-size:11px;} ol.commentlist .avatar{display:none;} ol.commentlist .comment-meta{margin-bottom:5px;} ol.commentlist b.auth a{font-weight:bold; color:#06c;} /* FOOTER */ #bottom-box a{color:#666;} #bottom-box .box-wide, #bottom-box .box-narrow{width:250px; float:left; margin-right:35px;} #bottom-box .box-narrow{width:160px;} #bottom-box h3{color:#000; font-size:14px; line-height:1; margin-bottom:10px; font-weight:bold; text-transform:uppercase;} #bottom-box li{padding:10px 0; background:url(images/duo.gif) repeat-x bottom;} #footer a{color:#fff;} /* OTHER */ .clear{clear:both;} .al-right{float:right;}