/* Theme Name: Starkers Theme URI: http://elliotjaystocks.com Description: The totally nude Wordpress theme. Phwoar! Version: 1.0 Author: Elliot Jay Stocks Author URI: http://elliotjaystocks.com */ /* ************************************************************************************************************************************************************ Basic elements ************************************************************************************************************************************************************ */ body { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6a6a6a; /* background-image: url(images/background.jpg); background-repeat: repeat-x; */ } h1 {font-size:22px; color:#2b6fb9; margin:0 0 20px 0} h2 {font-size:18px; color:#3366cc; margin-bottom:5px;} h3 {font-size:18px; color:#3366cc; margin-bottom:5px;} h4 {font-size:14px; color:#666;} h5 {font-size:22px; color:red;} p {line-height:16px; margin-bottom:15px;} .clr {clear:both; float:left; height:200px;} strong {font-weight:bold;} /* ************************************************************************************************************************************************************ Advanced elements ************************************************************************************************************************************************************ */ #page_wrapper {width:100%; margin:0 auto 40px auto; float:left; clear:both;} #content_wrapper {width:960px; margin:0 auto; } /* homepage */ #flash_promo {width:960px; height:302px; margin-bottom:30px;} #product_quickfind {float:left; width:247px; color:#2b6fb9; } #product_quickfind select {width:180px; margin:0; padding:0; float:left;} #product_quickfind span {width:227px; height:63px; background:url(images/product_quick_find_bg.gif) top left no-repeat ; display:block; padding:25px 0 0 16px;} #product_quickfind p {margin:0; padding:0; } #latest_news {float:left; width:710px; color:#2b6fb9;} #latest_news span {width:690px; height:63px; background:url(images/latest_news_bg.gif) top left no-repeat; display:block; padding:25px 0 0 20px; float:left;} #latest_news span a {text-decoration:none;} #latest_news p {margin:0; padding:0;} /* ************************************************************************************************************************************************************ RHS elements ************************************************************************************************************************************************************ */ #rhs_col{width:721px; float:left;} #rhs_col .product {float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCCCCC;} #rhs_col .product-container .product {float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCCCCC; width:720px;} #rhs_col .product-container h3, #rhs_col .product-container h4 { margin-bottom:5px;} #rhs_col .product-container ul { margin-bottom:20px;} #rhs_col .product-container ul li {background:url(images/small_blue_arrow.gif) left center no-repeat; padding-left:15px;} #rhs_col .product-container table { width:495px; border:1px solid #CCCCCC;} #rhs_col .product-container td {border:1px solid #CCCCCC; border-collapse:collapse; padding:4px; } #rhs_col .product-container th {border:1px solid #CCCCCC; border-collapse:collapse; background:#d8edef; padding:4px; color:#666666;} #rhs_col { line-height:18px;} #rhs_col img { border:solid 4px #d0eaec; float:left; margin-right:20px; margin-bottom:10px; clear:none;} #rhs_col h2 {font-weight:normal; margin-bottom:20px; width:721px; display:block; float:left; clear:both;} #rhs_col .block_link{display:block; color:#2b6fb9; float:left; padding:5px 5px 5px 25px; width:200px; background:url(images/small_blue_arrow.gif) 12px center no-repeat #e1f2f3; text-decoration:none; } #rhs_col .normal_link{ padding:0; margin:0 4px 0 0; width: auto; color:#2b6fb9; float:none; clear:none; display:inline; text-decoration:underline; background:none;} #rhs_col .fix_ps p{width:100%; display:block; margin:0; padding:0; } #rhs_col .fix_ps img{float:left; clear:both; margin:0; padding:0; border:20px; } /* members login */ #members_login {float:right; width:440px; height:50px; margin-top:50px;} #members_login #user_login, #members_login #user_pass{height:20px; background:url(images/input_bg.gif) top left repeat-x; border:0; padding:5px 5px 0 5px;} #members_login #wp-submit {width:41px; height:19px; background:none; border:none; margin-left:5px;} #members_login .login_text {float:left;} #members_login span {margin:0 0 0 5px; vertical-align:top; padding:0; } #members_login div {float:left; width:400px; height:30px; clear:both; padding:0; vertical-align:top; margin-top:-20px; } #members_login a {} #members_login form { margin:0; padding:0;} /* downloads box */ #rhs_col.product_details #downloads { float:right; width:215px; background:url(images/details_box_top.gif) top center no-repeat; margin-bottom:0; } #rhs_col.product_details #downloads div{ background:url(images/details_box_bottom.gif) bottom center no-repeat; float:right; width:215px; } #rhs_col.product_details #downloads div ul {margin:0 10px 20px 5px; float:left; width:170px; } #rhs_col.product_details #downloads div ul li { margin-left:-10px; float:left; background:none; width:100%; } #rhs_col.product_details #downloads div ul li a {background:url(images/small_blue_arrow.gif) left center no-repeat; text-decoration:none; padding-left:14px; line-height:18px; width:160px; margin-left:20px; color:#496fbe; } #rhs_col.product_details #downloads div ul li a:hover {color:#80a9d5;} #rhs_col.product_details #downloads div h4, #rhs_col.product_details #downloads div h3 {margin:15px 10px 10px 15px;} #rhs_col.product_details #downloads p{width:170px; display:block; float:left; margin:0 0 20px 15px;} /* start product thumbs */ #rhs_col #product_thumbs {float:left;} #rhs_col #product_thumbs li{float:left; display:block; width:123px; text-align:center; height:130px; margin:0 20px 0 0; padding:0} #rhs_col #product_thumbs li a:hover {text-decoration:none;} #rhs_col #product_thumbs li a{background:none; margin:5px 0 0 0; padding:0; width:123px; display:block; text-decoration:underline;} #rhs_col #product_thumbs li img {clear:both; margin:0; padding:0; } #rhs_col #product_thumbs h3 {margin-bottom:30px; margin-top:10px;} #rhs_col #product_details div h3 {margin-bottom:15px; margin-top:10px;} #rhs_col #product_details ul{ margin-bottom:30px; width:300px; display:block;} #rhs_col #product_details ul li{ background:url(images/bullet.gif) left center no-repeat; padding-left:15px; margin-left:3px; line-height:18px;} #rhs_col #product_details ul li a{} #rhs_col #product_details .approved_by_logos {border:none; float:left;} #rhs_col #product_details #downloads div h4, #rhs_col #product_details #downloads div h3 {margin:15px 10px 10px 15px;} /* start specials section */ #rhs_col.special h3 {clear:both; margin:20px 0 10px 0;} #rhs_col.special ul {margin:10px 0 20px 0;} #rhs_col.special ul li { background:url(images/bullet.gif) left center no-repeat; padding-left:15px; margin-left:3px; line-height:18px;} #rhs_col.special strong {font-weight:bold; font-size:14px;} #rhs_col.special img {margin-bottom:30px;} .pagenav { } #menu {width:219px; float:left; padding:0 0 0 0;} #menu h2 {font-size:18px; color:#06516c; font-weight:normal;} #menu ul {margin:0 0 0 0;} #menu ul li a {color:#2b6fb9; text-decoration:none; line-height:10px; padding-left:20px; background:url(images/small_blue_arrow.gif) left center no-repeat;} #menu ul li a:hover {color:#80a9d5} #menu ul li ul {margin:10px 0 0 10px; } #menu ul li ul li {line-height:22px; } #menu ul li ul li ul li a{color:#000066;} #menu ul li ul li ul li ul li a{color:#2b6fb9;} #sidebar {width:219px; float:left; padding:0 0 0 20px;} #sidebar h3 {font-size:18px; color:#06516c; font-weight:normal;} #sidebar ul {margin:20px 0 0 0;} #sidebar ul li a {color:#2b6fb9; text-decoration:none; line-height:18px; padding-left:20px; background:url(images/small_blue_arrow.gif) left center no-repeat;} #sidebar ul li a:hover {color:#80a9d5} #lhs_col {width:219px; float:left; padding:0 0 0 20px; min-height:30px; } #lhs_col_search {} /* stainless steel table */ .sstable{float:left; clear:both; margin-bottom:20px; margin-top:30px;} .sstable td, .sstable tr, .sstable th {border:1px solid #CCCCCC; border-collapse:collapse; padding:4px} .sstable th {font-size:12px; font-weight:bold;} /* ************************************************************************************************************************************************************ Form elements ************************************************************************************************************************************************************ */ fieldset {border:1px solid #CCCCCC; padding:20px; width:70%; float:left; clear:both; margin-bottom:20px;} legend {padding:10px; font-size:14px; color:#2b6fb9; } label { font-weight:bold;} .form-label {margin-bottom:4px;} .form-input { margin:3px 0 10px 0} .form-input input {background:url(images/input_bg.gif) top left repeat-x; padding:5px; border-top:0; border-left:0; height:15px;} .form-textarea textarea {background:url(images/input_bg.gif) top left repeat-x; padding:5px; border-top:0; border-left:0;} /* ************************************************************************************************************************************************************ Header elements ************************************************************************************************************************************************************ */ #header_wrapper {height:160px; margin:0 0 20px 0;} #header_wrapper #nav{width:971px; height:55px; background:url(images/top_nav_bg.gif) top center no-repeat; padding:0;} #header_wrapper #nav li{float:left; height:55px; display:block; background:url(images/nav_devider.gif) top right no-repeat; padding:0 40px 0 40px; } #header_wrapper #nav li:hover {background:url(images/nav_ov_bg.gif) top right no-repeat;} #header_wrapper #nav li a{text-decoration:none; color:#2b6fb9; padding:18px 0 0 0; float:left; font-size:12px;} #header_wrapper #nav li a:hover{color:#0c3562; } #header_wrapper #nav li ul {width:250px; margin-top:31px; margin-left:-2px; border:1px solid #9ccbcf; border-top:none; position:absolute; z-index:100; } #header_wrapper #nav li ul li{height:20px; background:#f6fbfb; padding:10px 5px 0px 5px; width:240px; } #header_wrapper #nav li ul li:hover{background:#dbf1f3;} #header_wrapper #nav li ul li a{float:none; background:url(images/small_blue_arrow.gif) 6px 23px no-repeat; padding-left:20px; line-height:20px;} #header_wrapper #nav li.search_box {height:22px; margin-top:13px; background:none; margin-left:-25px;} #header_wrapper #nav li.search_box input {height:20px; width:150px; background:url(images/input_bg.gif) top left repeat-x; border:0; padding:2px 5px 0 5px;} #header_wrapper #nav li.search_box #searchsubmit {width:65px; background:url(images/mag_glass_icon.gif) top left no-repeat; padding:0 0 0 28px; color:#2b6fb9; font-size:11px;} /********************************** drop down Menu ***********************************/ #header_wrapper li { /* all list items */ float: left; position: relative; cursor:pointer;} #header_wrapper ul li ul { /* second-level lists */display: none; position: absolute; top: 1em; left: 0; width:280px; } #header_wrapper li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */top: auto; left: auto;} #header_wrapper li:hover ul, li.over ul { /* lists nested under hovered list items */display: block;} #header_wrapper #content {clear: left; } /* ************************************************************************************************************************************************************ Footer elements ************************************************************************************************************************************************************ */ #footer_wrapper {width:100%; background:url(images/footer_bg.gif) top center repeat-x; height:132px; color:#999; font-size:10px; margin:30p auto; float:left; clear:both; } #footer_wrapper span {width:70; display:block; text-align:center; padding:40px;} #footer_wrapper a {color:#62d6e8;} #product_quickfind_top { float:right; width:247px; color:#2b6fb9; } #product_quickfind_top select { width:180px; margin:0; padding:0; float:left; } #product_quickfind_top span { width:227px; height:50px; background:url(images/product_quick_find_bg.gif) top left no-repeat; display:block; padding:20px 0 0 16px; } #product_quickfind_top p { margin:0; padding:0; }