/* Theme Name: SuperGeeks Theme URI: http://supergeeks.com/blog/ Description: SuperGeeks design Author: Kip Hughes */ body, html { margin:0; padding:0; font-size:small; font-family: Arial, Helvetica, sans-serif; } a img { border:0 none; } q:after, q:before { content: "" } code, samp, kbd, pre, tt { font-size: 115%; } pre code, code pre { font-size:100%; } acronym, abbr { border-bottom: 1px dotted #000; cursor: help; } dfn { font-style: italic; } dl dt { font-weight: bold; } dl dd { margin-left: 0; margin-bottom:.8em; } ul li, ol li { margin-bottom: .3em; } th, caption { text-align: center; } legend { font-size: 140%; color:#055db7; text-transform:uppercase } fieldset { border:1px solid #CCC; color:#888; padding:30px 10px; } h1, h2, h3, h4 { font-weight:normal; } blockquote { margin:30px auto; padding:10px 25px; } p { margin-bottom:20px; } h2 { font-family:"Trebuchet MS", Arial, Helvetica } form fieldset { border:0; margin:0; padding:20px 0 } textarea { margin-left:30px } .clear { clear: both; } .right { text-align: right; } .left { text-align: left; } .alignright { float:right; margin-left: .8em; margin-bottom: .8em; } .alignleft { float:left; margin-right: .8em; margin-bottom:.8em; } .center { text-align: center; } .last, .last a { border:0 none!important; } .strong { font-weight:bold; } .italic { font-style: italic; } .navigation { overflow:hidden; font-family:"Trebuchet MS", Arial, Helvetica; letter-spacing:.1em; } .float_left { float:left; } .button input { background:#1467b7; color:#fff; border:0; padding:5px 15px; cursor:pointer } .button input:hover { background:#00418b } /* site specific style */ #inside { background:url('../images/bg_html.jpg') top repeat-x; } #home { background:url('../images/bg_home_html.jpg') top repeat-x; } #page { width:960px; margin:0; } #page, #header, #body, #content, #sidebar, #footer { overflow:hidden; position:relative; } * html #body { height:1%; } #header { height:343px; overflow:hidden; background:url('../images/header.jpg'); color:#FFF; } #header h1 a { display:block; margin-left:49px; margin-top:115px; padding-top:130px; width:640px; height:0; overflow:hidden; } #header ul { position:absolute; top:0; display:block; width:100%; } body#inside #header .contact_info a { display:inline!important; } #header .contact_info { text-align:center; position:absolute; top:120px; right:20px; width:270px; font-size:123.1%; line-height:175%; } #header .contact_info .contact { margin-bottom:15px; } #header .contact_info span { display:block; text-transform:uppercase; } #inside #content { padding-left:315px; } #inside #content h2 { background:#00418b; color:#FFF; text-transform:uppercase; letter-spacing:1px; padding:10px 15px; width:50%; } #inside #content h3 { font-size:100%; font-weight:bold; } #inside .service { background:url('../images/bg_content_service.jpg') bottom left no-repeat; padding-bottom:505px; } #inside .about { background:url('../images/bg_content_about.jpg') bottom left no-repeat; padding-bottom:505px; } #inside .moving { background:url('../images/bg_content_moving.jpg') bottom left no-repeat; padding-bottom:205px; } #inside .request form { margin:0 0 20px -280px; width:890px; text-align:center; position:relative } #inside .request form h2 { margin:0 auto } #inside .request form p { border-bottom:1px solid #075db0; padding-bottom:10px; margin:30px 0 } #inside .request legend { padding-left:100px; } #inside .request fieldset { text-align:left } #inside .request fieldset .float_left { width:160px; } #inside .request fieldset .float_left .form_label { width:120px; } #home #header { height:375px; background:url('../images/header_home.jpg') top no-repeat; } #header span { color:#FFF; text-decoration:none; display:block; } #header a { color:#fff } #header a:hover { text-decoration:none; } #home #header h1 { display:none; } #header ul, #header ul li { margin:0; padding:0; list-style:none; text-transform:uppercase; } #header ul li { float:left; width:33%; margin-left:.5%; text-align:center; font-size:123.1%; } * html #header ul li { width:32.5%; } *:first-child+html #header ul li { width:32.5%; } #header ul li.first { margin:0; } #header ul li span { padding:18px 0; } #header .navigation { letter-spacing:.4em } #home #content { padding-bottom:373px; width:582px; float:right; background:url('../images/bg_content_home.jpg') bottom no-repeat; } #content .navigation, #content .navigation li { list-style:none; margin:0; padding:0; } #content .navigation { border-bottom:1px solid #838339; overflow:hidden; margin-top:20px!important; padding-bottom:17px; text-transform:uppercase; } #content .navigation li { float:left; margin-left:25px; font-size:136%; text-align:center; } #content .navigation li.first { margin-left:15px; } * html #content .navigation li.first { margin-left:8px; } #content .navigation li a { text-decoration:none; color:#4579bf; } #content .navigation li a:hover { color:#000; } #home #content h2 { font-weight:bold; font-size:108%; } #home #content .content { padding:0 15px 20px; } #home #sidebar { padding-left:55px; float:left; width:323px; background:url('../images/bg_sidebar_home.jpg') bottom no-repeat; color:#FFF; font-size:123.1%; } #home #sidebar h2 { border-bottom:1px solid #838339; text-transform:uppercase; font-size:136%; margin-bottom:30px; padding-bottom:15px; } #home #sidebar a { color:#FFF; } #home #sidebar a:hover { color:#FF5; text-decoration:none; } #home #sidebar .address { margin-bottom:30px; line-height:175%; margin-left:28px; } #home #sidebar .adr_name { text-transform:uppercase; } #home #sidebar ul { color:#d4e88a; line-height:175%; margin-bottom:50px; padding-right:15px; } #inside #content .navigation { border-color:#8fb5dd; margin-left:-290px; margin-right:25px; margin-bottom:25px; } #inside #content .navigation li { margin-left:90px; } * html #inside #content .navigation li.first { margin-left:40px; } * html #content .navigation { height:1%; padding:0; margin-top:16px!important; } * html #content .navigation li { padding-bottom:3px!important; } #inside #content .navigation { width:900px; } *:first-child+html #content .navigation { height:1%; padding:0; margin-top:16px!important; } *:first-child+html #content .navigation li { padding-bottom:3px!important; } *:first-child+html #inside #footer { display:none; } .form_item { margin:10px 0 } .form_float { } .form_float .form_label, .form_float .form_input { float:left } .form_float .form_label { margin-right:5px; width:150px; text-align:right }