/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ html { height:100%; } * html body{ overflow:hidden;} body { color:#000; font-family: Helvetica, Arial, sans-serif; background:url(../images/body-bg.gif) repeat 1px 0px; } body.two-column { padding-left:286px; } body.three-column { padding-left:449px; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Sidebar ----*/ div#sidebar{ left:0px; top:0px; min-height:100%; position:absolute; } body > div#sidebar{ position:fixed; } body.two-column div#sidebar{ background:url(../images/two-column.jpg) repeat-y 0px 0px; width:286px; } body.two-column div#sidebar div.push { height:422px; } body.three-column div#sidebar{background:url(../images/container-bg.gif) repeat-y 0px 0px; width:449px;} body.three-column div#sidebar div.wrapper{ float:left;} body.three-column div#sidebar div.wrapper, body.three-column div#sidebar div.push { width:267px; } body.three-column div#sidebar div.inner-sidebar{width:181px; float:right; padding-top:1px; padding-right:1px;} /*---- Main ----*/ * html div#main { height:100%; overflow:auto; position:relative;} body.two-column div#main div.wrapper { width:640px; padding:37px 0px 0px 34px; } body.three-column div#main div.wrapper {width:642px; padding:3px 0px 0px 0px; } /*---- Footer ----*/ /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Sidebar ----*/ div#sidebar a.active{color:#afdc6e;} div#sidebar div.top { width:267px; } div#sidebar div.bottom { position:absolute; bottom:0; left:0; width:267px; } /*---- Sidebar - Logo ----*/ div#sidebar div#logo{background:url(../images/glow.png) no-repeat 0px 0px;padding:30px 10px 31px; width:242px; } div#sidebar div#logo h1 a{ position:relative; width:240px; height:44px; display:block; position:relative;} div#sidebar div#logo h1 a span { position: absolute; top: 0; left: 0; background:url(../images/sidebar/logo.png) no-repeat 0px 0px; width:240px; height:44px; display:block; text-indent:-1000em; } /*---- Navigation ----*/ div.navigation { background:url(../images/sidebar/divider.png) repeat-x 0px 0px; padding-top:2px;} div.navigation ul li{font-size:150%; line-height:15px; background:url(../images/sidebar/divider.png) repeat-x 0px 100%; padding:0px 0px 1px; width:268px;} div.navigation ul li a{ color:#fff; display:block; background:url(../images/sidebar/active-tab.png) no-repeat 0px -50px; padding:17px 19px 15px 20px; font-weight:bold;} div.navigation ul li a:hover{background:url(../images/sidebar/hover-stage.gif) repeat-y 0px 0px; text-decoration:none;} div.navigation ul li a.active, div.navigation ul li a.active:hover{background:url(../images/sidebar/active-tab.png) 0px 100%; width:230px; margin:2px 0; padding:14px 19px;} /*---- line ----*/ p.line{background:url(../images/sidebar/divider.png) repeat-x 0px 0px; height:2px; line-height:2px;} /*---- box ----*/ div.box{background:url(../images/sidebar/dark-bg.jpg) repeat-y 0px 0px; padding:18px 11px 7px 15px;} div.box p{color:#fff; font-weight:bold; font-size:120%; margin-bottom:10px; text-indent:10px;} /*---- Newsletter ----*/ div#newsletter span.icon{float:left; margin:1px 4px 0 0;} div#newsletter fieldset {background:url(../images/sidebar/textbox-bg.gif) no-repeat 0px 0px;} div#newsletter fieldset *{vertical-align:middle;} div#newsletter fieldset input.textbox{background:none; border:0; font-size:120%; color:#454545; font-family:Helvetica, Arial, sans-serif; font-weight:bold; padding:7px 8px 6px 8px; width:114px;} div#newsletter fieldset input.join { background:url(../images/sidebar/join-btn.jpg) no-repeat top left; border:0; height:25px; width:48px; vertical-align:top; cursor:pointer; } /*---- Bookmark ----*/ div#bookmark.box { padding:9px 11px 9px 5px; } div#bookmark p{ text-align:center;} div#bookmark ul{text-align:center;} div#bookmark ul li{display:inline; padding:0px 4px;} /*---- Sponsor ----*/ div.sponsor{padding:24px 10px 10px; text-align:center; } div.sponsor a{ margin-right:7px;} /*---- Post ----*/ div.post{ margin-bottom:40px;} div.post h1{color:#fff; font-size:640%; font-weight:bold; line-height:60px; letter-spacing:-2px; padding-left:2px;} div.post h2{color:#fff; font-size:480%; font-weight:bold; line-height:48px; letter-spacing:-1.5px; padding-left:3px; margin-bottom:2px;} div.post h3{color:#fff; font-size:360%; line-height:36px; letter-spacing:-2px;} div.post h3.heading1{color:#479bff; font-size:360%; letter-spacing:-1.3px; margin-bottom:18px; padding-left:2px; } div.post h4{color:#479bff; font-size:300%; margin-bottom:31px; line-height:30px; letter-spacing:-2px;} div.post h5{color:#fff; font-size:240%; margin-bottom:8px; line-height:24px; padding-left:10px;} div.post h6.heading1{color:#479bff; font-size:120%; margin-bottom:1px; } div.post h6{color:#fff; font-size:120%; font-weight:bold; margin-bottom:15px; } div.post div.metadata p{ font-size:140%; color:#479bff; line-height:14px; margin-bottom:26px; letter-spacing:-.7px; font-weight:bold; } div.post div.entry h4 { margin-bottom:10px; width:285px; } div.post div.metadata{ padding-left:3px;} div.post p{font-size:120%; color:#fff; line-height:18px; margin-bottom:22px;} div.post ul{margin:-4px 0px 15px 26px;} div.post ul li{font-size:120%; color:#fff; background:url(../images/main/bullet.gif) no-repeat 0px 7px; padding-left:10px; margin-bottom:1px; line-height:18px;} div.post ol{margin:30px 0px 30px 45px;} div.post ol li{list-style:decimal outside; font-size:120%; color:#fff; margin-bottom:8px; line-height:18px;} div.post input.submit { background:url(../images/main/submit.png) no-repeat left top; border:0; width:130px; height:40px; cursor:pointer; } div.post a{color:#afdc6e; } div.post div.post-footer{font-size:120%; font-weight:bold; margin-top:24px;} div.post div.post-footer a{margin-bottom:4px;} div#blog div.post div.post-footer p.hr1{ margin-bottom:3px;} div.post div.post-footer p{ margin-bottom:3px;} div.post div.post-footer a.view-comments{float:left; background:url(../images/main/view-comment-icon.png) no-repeat 0px 0px; padding:6px 0px 6px 30px;} div.post div.post-footer a.view-comments span { color:#FFF; } div.post div.post-footer a.leave-comment{float:left; background:url(../images/main/leave-comment-icon.png) no-repeat 0px 0px; padding:6px 0px 6px 30px; margin-left:96px;} div.post div.post-footer a.share{float:right; background:url(../images/main/share-icon.png) no-repeat 0px 0px; padding:6px 0px 6px 30px; margin-right:10px; } /*---- Misc Classes----*/ div.strip{ position:absolute; right:0px; top:0px; width:30%; height:36px; background:#00b4f1; line-height:38px;} div.autocomplete4 { position:absolute; width:480px; background-color:#fff; margin:0px; padding:0px; font-size:0.9em; text-align:left; max-height:80px; overflow:auto; color:#000; } div.autocomplete4 ul { list-style-type:none; margin:0px; padding:0px; } div.autocomplete4 ul li.selected { background-color: #8bc9fe; color:black; } div.autocomplete4 ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; background:none; color:#007DA7; } .combo4 { margin: 0px 5px 10px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:150%; width :338px; display :block; background: url('../images/main/select-box.gif') top right no-repeat; height:29px; padding: 3px 5px 0px; cursor: pointer; border:0px; color:#007da7; float:left;} /*------------------------------------------ // 4 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- App----*/ div#app div.box2{width:311px; float:left; margin:0 2px 6px 4px; opacity:.8;} div#app div.box2 div.box2-top-left { padding:5px 4px 3px 9px; } div#app div.box2:hover { opacity:1; } div#app div.last{ margin-bottom:0px;} div#app div.box1 { margin-bottom:37px; } div#app div.box1 div.middle{padding:0px 1px 0px; margin-bottom:-4px; position:relative;} div#app p.hr{ margin-bottom:19px;} div#app.post{ margin-bottom:20px;} div#app.post h3.heading1{ white-space:nowrap;} div.app{position:relative;} div.app a{position:absolute; left:0px; top:0px; background:url(../images/main/overlay.png) no-repeat 100% 0px; width:296px; height:88px;} div.post div.app-name{background:url(../images/main/divider1.gif) repeat-x 0px 0px; padding:3px 10px; margin:3px -4px 0 -6px;} div.app-name h4, div.post div.app-name h4{ font-size:130%; color:#5c5c5c; line-height:24px; margin-bottom:0px; } div.post div.app-name h4 a{color:#5c5c5c; letter-spacing:0px; display:block; text-decoration:none;} /*----Box 8 ----*/ div.box8{ width:639px; margin-top:32px; position:relative; margin-bottom:25px; } div.box8 div.top{ background:url(../images/main/box8-top.png) 0 0 no-repeat; height:3px; } div.box8 div.middle{ background:url(../images/main/box8-middle.png) 100% 0 repeat-y; padding:0 22px 1px 20px; position:relative; z-index:2; } div.box8 div.bottom{ background:url(../images/main/box8-bottom.png) 0 0 no-repeat; height:76px; line-height:45px; z-index:1; position:relative; width:639px; } div.box8 div.middle div#app-image { background:url(../images/main/iphone.png) 0 0 no-repeat; padding:85px 26px 17px ; bottom:-76px; position:absolute !important; left:22px; float:left; } div.box8 div.middle div#app-image div.images { position:relative; width:225px; height:337px; } div.box8 div.middle div.app-details { margin-left: 301px; padding:23px 0 0 0; } div.box8 div.middle div.app-details h4 { margin-bottom:13px; } div.box8 div.middle div.app-details p { line-height:30px; font-size:140%; margin-bottom:37px; } div.box8 div.bottom p { padding-right:85px; padding-top:17px; margin-bottom:0; } /*---- Ticker ----*/ div#ticker{ padding-top:4px;} div#ticker div.controls{float:left; margin:-9px 0px -10px 0px; background:url(../images/main/ticker-control-shadow.gif) no-repeat 100% 0px; padding-right:4px; position:relative;} div#ticker div.controls span{float:left;} div#ticker div.box1 div.middle { padding:2px 0px; } div#ticker h5{ margin-bottom:6px; color:#fff; font-size:240%; line-height:24px; padding-left:10px;} div#ticker ol{float:left; width:420px; margin:9px;} div#ticker ol li {font-size:140%; list-style:none; width:480px; line-height:14px; margin-top:2px; } div#ticker ol li a{color:#75aa4a; font-weight:bold;} div#ticker ol li a span{color:#356ba8;} div#ticker ol li a:hover{text-decoration:none;} div#ticker a.rss{float:right; margin:2px 10px 0px 0px;} /*------------------------------------------ // 5 APP PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Inner-sidebar ----*/ div#sidebar div.inner-sidebar p.icon{text-align:center; height:104px;} div#sidebar div.inner-sidebar div.subnav{background:url(../images/sidebar/divider.png) repeat-x 0px 0px; padding-top:3px; width:178px; } div#sidebar div.inner-sidebar ul li{font-size:150%; background:url(../images/sidebar/divider.png) repeat-x 0px 100%; padding:0px 0px 1px 1px; width:177px; } div#sidebar div.inner-sidebar ul li.rss{ padding-bottom:2px;} div#sidebar div.inner-sidebar ul li a{color:#fff; display:block; padding:0px 10px 0px 21px; font-weight:bold; background:url(../images/main/tab2.png) no-repeat 100% -80px; line-height:46px; } div#sidebar div.inner-sidebar ul li a:hover{background:url(../images/main/sub-nav-hover.jpg) repeat-y 0px 0px; text-decoration:none;} div#sidebar div.inner-sidebar ul li a.active, div#sidebar div.inner-sidebar ul li a.active:hover{background:url(../images/main/tab2.png) no-repeat 4px 3px; text-decoration:none; padding:0px 10px 0px 21px; margin-right:-1px; position:relative; width:150px;} div#sidebar div.inner-sidebar div.sub li{background:none; font-size:80%; padding:0px 0px 6px 1px; } div#sidebar div.inner-sidebar div.sub li a{display:inline; padding:0px; line-height:24px; padding:0px 15px;} div#sidebar div.inner-sidebar div.sub li a:hover{background:none; text-decoration:none; } div#sidebar div.inner-sidebar div.subnav li.twitter a span{background:url(../images/main/twitter-icon.png) no-repeat 0px 50%; padding-left:50px; display:block;} div#sidebar div.inner-sidebar div.subnav li.rss a span{background:url(../images/main/rss-icon.png) no-repeat 0px 50%; padding-left:50px; display:block;} div#sidebar div.inner-sidebar div.sub{ width:171px; margin:-12px 0px 0px 6px; position:relative; z-index:10; } div#sidebar div.inner-sidebar div.sub div.sub-top{background:url(../images/main/sub-menu-top.jpg) no-repeat 0px 0px; height:9px; line-height:9px;} div#sidebar div.inner-sidebar div.sub div.middle{background:url(../images/main/sub-menu-middle.jpg) repeat-y 0px 0px; padding-top:4px; margin:0 1px 0px 0; position:relative;} div#sidebar div.inner-sidebar div.sub div.sub-bottom{background:url(../images/main/sub-menu-bottom.png) no-repeat 0px 100%; height:11px; position:static; margin-right:1px; line-height:21px; } /*---- Inner-main ----*/ div.inner-main{width:490px; padding:27px 0px 30px 30px; float:left;} /*---- Box1 ----*/ div.box1{ margin-bottom:23px;} div.box1 div.top{background:url(../images/main/box1-top-left.gif) no-repeat 0px 0px; padding-left:9px; } div.box1 div.top div.top-right{background:url(../images/main/box1-top-right.gif) no-repeat 100% 0px; height:7px; line-height:7px;} div.box1 div.middle{background:#051b38 url(../images/main/box1-middle.jpg) repeat-y 100% 0px; padding:0px 7px 0 4px;} div.box1 div.bottom {background:url(../images/main/box1-bottom-left.gif) no-repeat 0px 0px; height:7px; line-height:7px; padding-left:7px;} div.box1 div.bottom div.bottom-right{background:url(../images/main/box1-bottom-right.gif) no-repeat 100% 0px; height:7px; line-height:7px;} /*---- Box2 ----*/ div.box2{background:url(../images/main/box2-right-bottom.gif) no-repeat 100% 100%; margin-bottom:-4px; position:relative;} div.box2 div.box2-bottom-left{background:url(../images/main/box2-left-bottom.gif) no-repeat 0px 100%;} div.box2 div.box2-top-right{background:url(../images/main/box2-right-top.gif) no-repeat 100% 0px;} div.box2 div.box2-top-left{background:url(../images/main/box2-left-top.gif) no-repeat 0px 0px; padding:9px 9px 10px 12px; } div.box2 div.slideshow{margin-bottom:10px;} div.box2 div.controls{background:url(../images/main/divider1.gif) repeat-x 0px 0px; padding:2px 14px 2px 7px; margin:0px -8px 0 -9px; width:454px; } div.box2 div.controls div.screen-shots{float:left; padding-top:5px;} div.box2 div.controls div.screen-shots p{margin-bottom:0px;} div.box2 div.controls div.screen-shots span{float:left; padding-right:6px; font-size:110%; color:#5c5c5c;} div.box2 div.controls div.screen-shots a{float:left; background:url(../images/main/button.gif) no-repeat 0px 0px; width:12px; height:11px; margin:3px 2px 0 0;} div.box2 div.controls div.screen-shots a.activeSlide, div.box2 div.controls div.screen-shots a:hover{background-position:100% 0px;} div.box2 div.controls a.zoom{float:right; margin-top:3px; } div.box2 div.box2-footer{ background:url(../images/main/divider1.gif) repeat-x 0px 0px; padding:9px 10px 10px; margin:0px -8px 0 -9px; width:454px; } /*---- Box3 ----*/ div.box3 {float:left; background:url(../images/main/box2-left.gif) no-repeat 0px 0px; padding-left:10px;} div.box3 span{background:url(../images/main/box2-right.gif) no-repeat 100% 0px; height:26px; line-height:26px; padding-right:10px; float:left; font-size:130%; color:#356ba8; font-weight:bold;} /*---- Box4 ----*/ div.box4{border:solid 1px #3676c3; background:#051b38 url(../images/main/shadow.gif) repeat-x 0px 0px; padding:4px 15px; margin:-8px 0 15px 0;} div.post div.box4 p{font-family:"Courier New", Courier, monospace; margin:5px 0px;} /*---- Box5 ----*/ div.box5 div.top{background:url(../images/main/box5-top-left.gif) no-repeat 0px 0px; padding-left:11px;} div.box5 div.top div.top-right{background:url(../images/main/box5-top-right.gif) no-repeat 100% 0px; height:11px; line-height:11px;} div.box5 div.middle{background:#204065 url(../images/main/box5-middle.gif) repeat-y 100% 0px; padding:2px 12px; border-left:1px solid #3676c3;} div.box5 div.bottom {background:url(../images/main/box5-bottom-left.gif) no-repeat 0px 0px; height:11px; line-height:11px; padding-left:11px;} div.box5 div.bottom div.bottom-right{background:url(../images/main/box5-bottom-right.gif) no-repeat 100% 0px; height:11px; line-height:11px;} /*---- Box6 ---- */ div.box5 div.box6{ margin-bottom:25px; font-size:180%; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} div.box5 div.box6 div.top{background:url(../images/main/box6-top-left.gif) no-repeat 0px 0px; padding-left:9px; height:9px; line-height:9px } div.box5 div.box6 div.top div.top-right{background:url(../images/main/box6-top-right.gif) no-repeat 100% 0px; height:9px; line-height:9px;} div.box5 div.box6 div.middle{background:#123154 url(../images/main/box6-middle.gif) repeat-y 100% 0px; padding:0px 0px 1px 10px; border-left:1px solid #0f1b29; position:relative; margin:-4px 0 -5px; } div.box5 div.box6 div.bottom {background:url(../images/main/box6-bottom-left.gif) no-repeat 0px 0px; height:9px; line-height:9px; padding-left:9px;} div.box5 div.box6 div.bottom div.bottom-right{background:url(../images/main/box6-bottom-right.gif) no-repeat 100% 0px; height:9px; line-height:9px;} div.box5 div.box6 input.radio{margin:0px; vertical-align:middle; } div.box5 div.box6 p{margin-right:6px; line-height:29px; margin-bottom:0px;} /*----box7 ----*/ div.box7{ width:482px; overflow:hidden;} div.box7 div.top{ background:url(../images/main/box-top-middle.gif) 0 0 repeat-x;} div.box7 div.top div.left{ background:url(../images/main/box-top-left.gif) 0 0 no-repeat;} div.box7 div.top div.right{ background:url(../images/main/box-top-right.gif) 100% 0 no-repeat; height:5px; line-height:5px;} div.box7 div.middle{ background:#051b38 url(../images/main/box-middle-right.gif) 100% 0 repeat-y;} div.box7 div.bottom{ background:url(../images/main/box-bottom-middle.gif) 0 0 repeat-x;} div.box7 div.bottom div.left{ background:url(../images/main/box-bottom-left.gif) 0 0 no-repeat;} div.box7 div.bottom div.right{ background:url(../images/main/box-bottom-right.gif) 100% 0 no-repeat; height:5px; line-height:5px;} /*---- Buy-btn ----*/ a.buy-btn, div.post a.buy-btn{float:right; background:url(../images/main/btn-left.gif) no-repeat 0px 0px; padding-left:15px; font-size:130%; color:#2b4729; text-decoration:none;} a.buy-btn span{float:left; background:url(../images/main/btn-right.gif) no-repeat 100% 0px; height:28px; line-height:28px; padding:0px 30px 0px 0px; font-weight:bold;} a.buy-btn:hover{text-decoration:none;} /*---- top ----*/ a.top-btn{background:url(../images/main/top-arrow.png) no-repeat 100% 0px; font-weight:bold; padding-right:22px; float:right; color:#afdc6e; font-size:120%; line-height:14px; margin-top:14px;} a.top-btn:hover{text-decoration:none;} /*---- hr ----*/ p.hr {background:url(../images/main/hr-left.png) no-repeat 0px 0px; padding-left:6px; margin-bottom:8px; position:relative;} p.hr span{display:block; background:url(../images/main/hr-right.png) no-repeat 100% 0px; height:10px; line-height:10px;} p.hr1{background:url(../images/main/hr1-left.png) no-repeat 0px 0px; padding-left:2px !important; clear:both; margin:0px 0px 4px 0px;} p.hr1 span{display:block; background:url(../images/main/hr1-right.png) no-repeat 100% 0px; height:5px; line-height:5px;} /*---- License -----*/ div#license{padding:30px 0px 0px 6px;} /*---- slideshow -----*/ div#slideshow { height:294px; } /*---- Download Form -----*/ #download-form { margin-bottom:22px; } #download-form input.textbox { background: url('../images/main/textbox-bg.png') no-repeat scroll top left; width: 247px; height: 14px; border:0px; vertical-align:middle; padding:10px 0px 10px 13px; color:#454545; font-size:140%; font-weight:bold; } #download-form input.download-btn { background: url('../images/main/download-btn.png') no-repeat scroll top left; width: 122px; height: 34px; border:0px; vertical-align:middle; padding:0px; margin-left:-3px; position:relative; cursor:pointer; font-family:Helvetica,Arial,sans-serif; } /*---- features -----*/ div#features{ padding-left:7px;} div#features h4{ letter-spacing:0;} /*------------------------------------------ // 5 BLOG PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Pagination -----*/ div#pagination p{text-align:center; font-size:140%;} div#pagination p a{color:#75aa4a; margin:0px 3px; } div#pagination p span{color:#356ba8;} /*------------------------------------------ // 6 BLOG PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Box5 ----*/ div.box5{ margin-bottom:20px;} div.box5 div.top{background:url(../images/main/box5-top-left.gif) no-repeat 0px 0px; padding-left:11px; line-height:11px; height:11px;} div.box5 div.top div.top-right{background:url(../images/main/box5-top-right.gif) no-repeat 100% 0px; height:11px; line-height:11px;} div.box5 div.middle{background:#204065 url(../images/main/box5-middle.gif) repeat-y 100% 0px; padding:2px 10px;} div.box5 div.bottom {background:url(../images/main/box5-bottom-left.gif) no-repeat 0px 0px; height:11px; line-height:11px; padding-left:11px;} div.box5 div.bottom div.bottom-right{background:url(../images/main/box5-bottom-right.gif) no-repeat 100% 0px; height:11px; line-height:11px;} /*---- blog----*/ div#blog div.post h3{ margin-bottom:5px; letter-spacing:-1px;} div#blog div.post div.metadata p{ margin-bottom:10px;} div#blog div.post p.hr { margin-bottom:12px;} div#blog div.box2{ margin-bottom:-4px; position:relative;} div#blog div.box2 div.box2-top-left {padding:9px 9px 10px 12px;} div#blog div.inner-main{padding:39px 0 30px 28px; width:485px;} div#blog div.box1 { margin-bottom:14px;} div#blog div.post p{ margin-bottom:18px;} div#blog div.post{ margin-bottom:44px;} div#blog div#pagination{ margin-top:-14px; padding:3px 0px;} /*------------------------------------------ // 6 CONTACT PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Contact-Us----*/ div#contact-us h4{ font-size:340%; padding-top:3px; letter-spacing:-.9px; margin-bottom:21px;} div#contact-us div.post p.hr{ margin-bottom:24px;} /*---- Form ----*/ div.form{clear:both; padding:0 18px 0 14px;} div.form p{clear:both; margin-bottom:18px; overflow:hidden; width:100%;} div.form label{ font-size:120%; float:left; margin-top:5px;} div.form label span{ color:#f00407;} div.form input#options4_combo{ margin-right:0;} /*---- Form - Textbox ----*/ div.form span.textbox {float:left; background:url(../images/main/textbox-left.png) no-repeat 0px 0px; padding-left:13px; display:block;} div.form span.textbox span.right{background:url(../images/main/textbox-right.png) no-repeat 100% 0px; height:32px; line-height:32px; padding-right:13px; float:left; display:block;} div.form span.textbox span.right input.large{width:450px; border:none; background:none; vertical-align:middle;} div.form span.textbox span.right input.small{width:320px; border:none; background:none; vertical-align:middle;} div.form p.namefield label , div.form p.emailfield label , div.form p.phonefield label , div.form p.companyfield label{width:100px; padding-left:5px;} div.form p.descriptionfield label{width:165px; padding-left:5px; margin-bottom:6px;} div.form div.budgetfield label , div.form p.infofield label{width:230px; padding-left:5px;} div.form div.budgetfield{font-size:120%; color:#fff; font-weight:bold; line-height:18px; margin-bottom:8px;} div.form p.infofield{ margin-bottom:36px;} /*---- Form - Textarea ----*/ div.form span.textarea { display:block; clear:both;} div.form span.textarea span.top{background:url(../images/main/textarea-top-left.png) no-repeat 0px 0px; padding-left:8px; display:block;} div.form span.textarea span.top span.top-right{background:url(../images/main/textarea-top-right.png) no-repeat 100% 0px; height:8px; line-height:8px; display:block; } div.form span.textarea span.middle{background:url(../images/main/textarea-middle-left.gif) repeat-y 0px 0px; display:block; padding-left:9px;} div.form span.textarea span.middle-right{background:#fff url(../images/main/textarea-middle-right.gif) repeat-y 100% 0px; padding:2px 9px 2px 3px; display:block; } div.form span.middle-right{width:562px;} div.form span.textarea span.bottom {background:url(../images/main/textarea-bottom-left.png) no-repeat 0px 0px; height:9px; line-height:8px; padding-left:9px; display:block;} div.form span.textarea span.bottom span.bottom-right{background:url(../images/main/textarea-bottom-right.png) no-repeat 100% 0px; height:8px; line-height:8px; display:block; } div.form textarea{ background:none; border:none; width:566px;} div#forms div.form span.textarea { width:583px; } /*---- Form - Select ----*/ div.form select{width:386px;} div.form p.submit{margin-bottom:0px;} div.form p.required {color:#f00407; text-align:right; margin-bottom:0px; line-height:10px; font-family:Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; right:-10px; position:relative;} div.box5 div.box6 div.middle ul { margin:0; } div.box5 div.box6 div.middle ul li { font-size:100%; background:none; margin:0; padding:0;} div.box5 div.box6 div.middle div.active {float:left; background:url(../images/main/box8-left.gif) no-repeat 0px 0px; } div.box5 div.box6 div.middle div.active span{background:#194474 url(../images/main/box8-right.gif) no-repeat 100% 0px; height:31px; line-height:31px; padding-right:13px; float:left; font-size:95%; } div.box5 div.box6 div.middle div {float:left; background:url(../images/main/box7-left.gif) no-repeat 0px 0px; padding-left:13px; margin-right:8px;} div.box5 div.box6 div.middle div span{background:#194474 url(../images/main/box7-right.gif) no-repeat 100% 0px; height:31px; line-height:31px; padding-right:13px; float:left; font-size:95%;} div.box5 div.box6 div.middle div.last{ margin-left:5px;} div.box5 div.box6 div.middle div span label{ cursor:pointer; } div#visitor-form, div#client-form { display:none; } div#visitor-form.active, div#client-form.active { display:block; } /*------------------------------------------ // 7 ABOUT PAGE SPECIFIC STYLES //------------------------------------------*/ div#about h3{ margin-bottom:22px;} div#about div.post p.hr{ margin-bottom:24px;} div#about div.post p{ padding-left:6px; margin-bottom:19px; font-weight:normal; } div#about div.post ul{ margin:-4px 0 21px 29px;} /*------------------------------------------ // 8 BLOG_COMMENT PAGE SPECIFIC STYLES //------------------------------------------*/ /*----Comments ----*/ div#comments { margin:-20px 0 25px 0;} div#comments h3{ font-size:280%; color:#FFF; line-height:20px; margin-bottom:15px;} div#comments p{ font-size:120%; color:#FFF; line-height:1.2em; margin-bottom:8px;} div#comments ul li{ margin-bottom:19px;} div#comments p.hr{ margin-top:15px;} div#comments p.hr1{ margin-top:17px;} div#comments div.commentmetadata p{ color:#9a9481; margin-bottom:20px;} div#comments div.commentmetadata p cite{color:#479bff;} /*----Comments - form----*/ div#comment-form h3{ font-size:280%; color:#FFF; line-height:20px; margin-bottom:5px;} div#comment-form p{ font-size:120%; color:#FFF; line-height:1.2em; margin-bottom:15px;} div#comment-form div.form{ padding:10px 8px 10px 12px;} div#comment-form div.form p{ margin-bottom:18px;} div#comment-form div.form p.descriptionfield { margin-bottom:23px; } div#comment-form div.form label{ font-weight:bold; width:103px; padding-left:9px;} div#comment-form div.form input.large{ width:320px;} div#comment-form div.form span.textarea { width:456px; } div#comment-form div.form span.textarea textarea{ width:98%;} div#comment-form div.form span.middle-right{ width:435px;} div#comment-form div.form p.captcha{ padding-left:108px; margin-bottom:20px;} div#comment-form div.form p.captcha label{ display:block; float:none; margin-bottom:7px; font-size:100%; width:200px;} div#comment-form div.form p.captcha img{ float:left; margin-right:13px;} div#comment-form div.form p.captcha input.small{ width:130px;} div#comment-form div.form p.checkbox{ font-weight:bold; padding-left:110px; margin-bottom:30px;} div#comment-form div.form p.checkbox input.checkbox{ vertical-align:middle; margin-top:1px;} div#comment-form div.form p input.submit{ background:url(../images/main/submit.png) 0 0 no-repeat; width:130px; height:40px; border:0; cursor:pointer;} /*----Overlay1---*/ div.overlay1{ width:609px; display:none;} div.overlay1 div.top{ background:url(../images/main/overlay-top-left.png) 0 0 no-repeat; padding-left:12px; width:597px;; overflow:hidden;} div.overlay1 div.top div.right{ background:url(../images/main/overlay-top-right.png) 100% 0 no-repeat; padding-right:12px; } div.overlay1 div.top div.center{ background:url(../images/main/overlay-top-middle.gif) 0 0 repeat-x; height:50px; line-height:50px;} div.overlay1 div.top div.center h2{ font-size:180%; color:#555555;} div.overlay1 div.top div.center h2 a.close{ float:right; background:url(../images/main/close.gif) 0 0 no-repeat; width:71px; height:29px; margin-top:10px; color:#3d3d3d; font-size:80%; text-decoration:none; line-height:29px; padding-left:10px;} div.overlay1 div.middle{ background:#FFF; padding:17px 17px 0px 17px; padding-bottom:25px;} div.overlay1 div.middle p{ font-size:120%; color:#555555; line-height:18px; } div.overlay1 div.middle form label{ font-size:140%; color:#555555; line-height:1.2em; margin-bottom:5px; display:block; font-weight:bold;} div.overlay1 div.middle form p.textarea{ background:url(../images/main/url.jpg) 0 0 no-repeat; width:565px; height:27px; margin-bottom:20px; padding:5px 0 0 10px;} div.overlay1 div.middle form p.textarea input.textbox{ width:560px; background:#f6f6f6; border:0;color:#a5a5a5; font-weight:bold; font-size:140%;} div.overlay1 div.middle form p a.button{ background:url(../images/main/proceed.jpg) 0 0 no-repeat; width:139px; height:40px; display:block; margin:0 auto;} div.overlay1 div.bottom{ background:url(../images/main/overlay-bottom-left.png) 0 0 no-repeat; padding-left:12px;} div.overlay1 div.bottom div.right{ background:url(../images/main/overlay-bottom-right.png) 100% 0 no-repeat; padding-right:12px;} div.overlay1 div.bottom div.center{ background:url(../images/main/overlay-bottom-middle.gif) 0 0 repeat-x; height:10px; line-height:10px;}