/* Theme Name: Di5ital Theme URI: http://www.digitalfive.com Description: WP theme for Digital Five Version: 1.0 Author: Izwan + Shuks */ #bg { background: #efefef; position:fixed; top:0; left:0; width:100%; height:100%; } body { background: #efefef; font-family: Calibri, Helvetica, Arial, sans-serif; font-size: .95em; line-height: 1.3em; font-weight: normal; color: #666;} #container { background: #efefef; width: 950px; margin:auto;position:relative; z-index:1; padding:10px; } #topContainer { background: #efefef; width: 970px; margin: auto; position:relative; z-index:1; } html > body { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: .95em; line-height: 1.3em; font-weight: normal; color: #666; } a { color: #666; text-decoration: none; } a:hover { text-decoration: underline; } p { margin: 0 0 16px 0; } em { font-style: italic; } small { font-size: 80%; } strong { font-weight: bold; } img { border: 0; } .spacer { height: 1px; font-size: 1px; line-height: 1px; clear: both; } h1 { font-size: 22px; line-height: 36px; margin: 22px 0; text-transform: uppercase; font-style: normal; font-weight: normal; letter-spacing: -0.01em; } h2, h3, h4 { font-style: normal; font-weight: normal; } /* Header ----------------------------------------------- */ #header { height: 30px; } #logo { width: 165px; padding: 30px 30px 20px 30px; } #nav { width: 970px; height: 30px; float: left; background-color: #000; } #nav ul { color: #fff; padding: 7px 0 0 20px; text-transform: uppercase; } #nav ul li { display: inline; } #nav ul li a { color: #fff; padding: 10px 10px 9px 10px; text-decoration: none; border: 0; } #nav ul li a:hover { color: #fff; text-decoration: none; background: #c32126; } .on { color: #fff; text-decoration: none; background: #c32126; padding: 10px 10px 9px 10px; cursor:pointer; } #intro { width:590px; height:auto; float: left; background-color:#eee; padding:10px; margin-bottom:10px; display:block; } /* Typography ----------------------------------------------- */ #typography { line-height:50px; font-size:56px; font-family: Georgia, Tahoma, Helvetica, sans-serif; font-style: italic; color:#222; text-align:left; padding-left:20px; z-index:100; margin-top:-5px; margin-bottom: 50px; } #typography p { z-index:100; line-height:55px; font-size:28px; font-family: Georgia, Tahoma, Helvetica, sans-serif; font-style: italic; color:#222; text-align:left; } /* Typography Sub ----------------------------------------------- */ #typo_sub { font-size:36px; font-family: Georgia, Tahoma, Helvetica, sans-serif; font-style: italic; text-align:right; color:#222; position:relative; z-index:1; margin-top:-80px; margin-bottom: 30px; margin-right: 20px; float: right; width:600px; line-height: 40px;} /* Lifestream ----------------------------------------------- */ #lifestream { height: 700px; padding-left:10px;} #mcontent { width: 275px; height: 330px; float: left; background: url(images/bg_mcontent.gif) no-repeat; padding:0 20px 0 17px; } #mcontent h1, #mcontent h1 a, #mcontent h1 a:visited { color: #17afe0; padding-top: 6px; } #mapps { width: 275px; height: 330px; float: left; background: url(images/bg_mapps.gif) no-repeat; padding:0 20px 0 17px; } #mapps h1, #mapps h1 a, #mapps h1 a:visited { color: #bac62e; padding-top: 6px; } #itv { width: 275px; height: 330px; float: left; background: url(images/bg_itv.gif) no-repeat; padding:0 20px 0 17px; } #itv h1, #itv h1 a, #itv h1 a:visited { color: #f5bc24; padding-top: 6px; } #onlinesv { width: 275px; height: 330px; float: left; background: url(images/bg_onlinesv.gif) no-repeat; padding:0 20px 0 17px; } #onlinesv h1, #onlinesv h1 a, #onlinesv h1 a:visited { color: #c32126; padding-top: 6px; } #eplatform { width: 275px; height: 330px; float: left; background: url(images/bg_eplatform.gif) no-repeat; padding:0 20px 0 17px; } #eplatform h1, #eplatform h1 a, #eplatform h1 a:visited { color: #ae357b; padding-top: 6px; } #mcontent h1 a:hover, #mapps h1 a:hover, #itv h1 a:hover, #onlinesv h1 a:hover, #eplatform h1 a:hover { color: #CCC; padding-top: 6px; text-decoration: none; } #mcontent p a, #mapps p a, #itv p a, #onlinesv p a, #eplatform p a { color: #c32126; text-decoration: none; } #mcontent p a:hover, #mapps p a:hover, #itv p a:hover, #onlinesv p a:hover, #eplatform p a:hover { color: #666 } #iframe { height: 190px; } #iframe p { margin-top:10px; } #iframe img { max-width: 250px; height: auto; } #more { float: right; width: 66px; text-transform: uppercase; padding-right: 5px; } #more a { width: 54px; height: 21px; padding: 3px 0 0 12px; display: block; color: #fff; background: url(images/btn_more.gif) no-repeat; text-decoration: none; border: 0; } #more a:hover { color: #fff; background: url(images/btn_more_hover.gif) no-repeat; text-decoration: none; } /* Ads Solutions ----------------------------------------------- */ #ads { position: relative; height: 205px; border-top: 5px solid #000; border-bottom: 5px solid #000; padding:8px 5px; } #mycarousel { width: 950px; height: 205px; } /* Info ----------------------------------------------- */ #info { min-height: 420px; height:auto; } #about { width: 300px; height: 400px; float: left; padding: 20px 10px 0 5px; background: url(images/div_dotted.gif) no-repeat top right; } #management { width: 284px; height: 400px; float: left; padding: 20px 15px 0 15px; background: url(images/div_dotted.gif) no-repeat top right; } #team { height: 74px; } #contact { width: 283px; height: auto; float: left; padding: 20px 15px 0 15px; } /* Post ----------------------------------------------- */ #post { width: 640px; float: left; } h1#red { color: #c32126; } h1#red a { color: #c32126; text-decoration: none; } h1#blue { color: #17AFE0; } h1#blue a { color: #17AFE0; text-decoration: none; } h1#green { color: #BAC62E; } h1#green a { color: #BAC62E; text-decoration: none; } h1#orange { color: #F5BC24; } h1#orange a { color: #F5BC24; text-decoration: none; } h1#purple { color: #AE357B; } h1#purple a { color: #AE357B; text-decoration: none; } h1#grey { color: #666; } h1#grey a { color: #666; text-decoration: none; } ul.post-categories {list-style:none;} #post-category { height: 42px; padding: 6px 16px 0 13px; background: url(images/header_post.gif) no-repeat; } #post-category-red { height: 42px; padding: 6px 16px 0 13px; background: url(images/header_post_red.gif) no-repeat; } #post-category-blue { height: 42px; padding: 6px 16px 0 13px; background: url(images/header_post_blue.gif) no-repeat; } #post-category-green { height: 42px; padding: 6px 16px 0 13px; background: url(images/header_post_green.gif) no-repeat; } #post-category-orange { height: 42px; padding: 6px 16px 0 13px; background: url(images/header_post_orange.gif) no-repeat; } #post-category-purple { height: 42px; padding: 6px 16px 0 13px; background: url(images/header_post_purple.gif) no-repeat; } #post-content { height: auto; padding: 6px 16px 20px 13px; background: url(images/bg_post.jpg) repeat-y; } #post-header { width:610px; height: auto; border-bottom: 1px dotted #000; padding: 10px 0; } #post-title { width: 470px; float: left; } #post-title h1 { font-size: 22px; text-transform: none; line-height: 24px; margin: 0; } #post-title h1 a { text-decoration: none; } #post-title h1 a:hover { color: #39F; text-decoration: none; } #post-date { width:100px; float: right; padding-top: 10px; font-weight: bold; text-align:right; } #entry, #post-entry { padding: 20px 0 10px 0; } #entry img, #post-entry img, { max-width: 610px; height:auto; } #entry a, #post-entry a { color: #666; font-weight: bold; text-decoration: none; border-bottom: 1px solid #ccc; padding-bottom: 1px; } #entry a:hover, #post-entry a:hover { color: #666; border-bottom: 1px solid #666; } #entry p a img, #post-entry p a img { max-width: 610px; height:auto; text-decoration: none; border: none; } #entry p a:hover img, #post-entry p a:hover img { text-decoration: none; border: none; } #post-nav { height: 24px; text-transform: uppercase; padding-bottom: 20px; } #prev a { width: 54px; height: 21px; padding: 3px 0 0 12px; display: block; color: #fff; background: url(images/btn_more.gif) no-repeat; text-decoration: none; border: 0; float: left; } #prev a:hover { color: #fff; background: url(images/btn_more_hover.gif) no-repeat; text-decoration: none; } #post-related { padding: 0 0 10px 15px; } #post-related h2 { letter-spacing: -1px; margin-bottom: 10px; } #post-related h2 a { letter-spacing: -1px; margin-bottom:5px; } #post-related li {list-style:none;} #post-related ul { padding: 10px 0; list-style:none } #post-related ul li { padding: 0 0 0 15px; background: url(images/bullet_grey.gif) no-repeat left; list-style:none } #post-related ul li a { font-size: 14px; text-decoration: none; text-decoration: none; padding-bottom: 1px; list-style:none } #post-related ul li a:hover { border-bottom: 1px solid #ccc; } #post-tag { height: auto; padding: 9px 0 10px 15px; background-color:#f2f2f2; line-height: 1.3em; margin-bottom:15px } #post-tag a { color: #c32126; text-decoration: none; } #post-tag a:hover { text-decoration: underline; } #post-comments { padding: 25px 0 0 15px; border-top: 1px dashed #666; } #post-comments h2 { padding-bottom: 20px; } #comments { padding-bottom: 10px; } #comments-author { float: left; padding-right: 10px; } #comments-date { background: #efefef; float: left; padding: 0 10px; font-size: 11px; } #comments p { clear: both; padding: 3px 0 0 13px; } #next a { width: 54px; height: 21px; padding: 3px 0 0 12px; display: block; color: #fff; background: url(images/btn_more.gif) no-repeat; text-decoration: none; border: 0; float: right; } #next a:hover { color: #fff; background: url(images/btn_more_hover.gif) no-repeat; text-decoration: none; } input#next { width: 66px; height: 24px; display: block; color: #fff; background: url(images/btn_more.gif) no-repeat; text-decoration: none; border: 0; cursor: pointer; } input#next:hover { color: #fff; background: url(images/btn_more_hover.gif) no-repeat; text-decoration: none; } /* Sidebar ----------------------------------------------- */ #accordion { width: 284px; float: right; margin:0 10px; } #accordion h1 a { border-bottom: 1px dotted #000; display: block; cursor: pointer; text-decoration: none; } h1.mcontent a { color: #17afe0; } h1.mapps a { color: #bac62e; } h1.itv a { color: #f5bc24; } h1.onlinesv a { color: #c32126; } h1.eplatform a { color: #ae357b; } #accordion ul { padding: 10px 10px 0 0; text-indent:0px;} #accordion ul li { padding: 0 0 3px 25px; display: block; } #accordion ul li.flickr { background: url(images/postIcon.gif) no-repeat left .1em; } #accordion ul li.twitter { background: url(images/postIcon.gif) no-repeat left .1em; } #accordion ul li.youtube { background: url(images/postIcon.gif) no-repeat left .1em; } #accordion ul li a { text-decoration: none; text-decoration: none; padding-bottom: 1px; } #accordion ul li a:hover { border-bottom: 1px solid #ccc; } .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons.png); } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } #accordion #archives { text-align: right; font-size: 11px; padding-bottom: 10px; } #accordion #archives a { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #ccc; } #accordion #archives a:hover { border-bottom: 1px solid #666; } /* Footer ----------------------------------------------- */ #footer { height: 86px; padding-top: 14px; text-align: right; border-top: 0 solid #000; font-size: 11px; line-height: 17px; padding-right: 20px;}