/* Theme Name: Soursound Theme URI: http://www.soursound.comd Description: Theme for Soursound.com. Version: 1.0 Author: James Hall (thegoodharvest.net) Author URI: http://thegoodharvest.net/ Tags: custom Soursound v1.0 http://soursound.com This theme was designed and built by James Hall, whose site you will find at http://thegoodharvest.net/ Listing Order: ============== 1 - GLOBAL 2 - HEADER 3 - SIDEBAR 4 - HOME 5 - SUB 6 - CUSTOM 7 - FOOTER ************************************************************************ 1 - GLOBAL STYLES ************************************************************************/ html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td {margin: 0;padding: 0;} body{background-color:black; font: 11px/120% Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; line-height:125%;} li{} a{text-decoration:none;color:#4d6e92;border:none;} a:hover{text-decoration:underline;} a:focus {outline: 0;} img{border: none; outline:none;} p{line-height:140%;} .clear {clear:both;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:block;} /* End hide from IE Mac *//* end clearing */ /* Wordpress Image Captions */ .wp-caption-text { font-size:x-small; color:##4d6e92; vertical-align:top; } /* replace */ .replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;} .replace * {text-indent:-10000px;display:block; background-repeat:no-repeat; background-position:left top;background-color:transparent;} /*.replace a {text-indent:0;}*/ .replace a span {} /* end replace */ /* custom link types */ a.moreBtn{background: url(images/moreBtn.png) top left no-repeat; width:65px; height:25px; display:block; clear:left; float:left; margin:5px 0 0 0; text-decoration: none;} /* global layout styles */ div#container{ background: url(images/leftColBG.png) 0 20px repeat-y; margin-left: auto; margin-right: auto; width:961px; position: relative; } div#content{ background-color: black; float:left; margin-left:-4px; width:730px; border-right:1px solid black; padding-bottom:40px; posistion: relative; } /* main callouts (contact bryan and portland custom shop) */ div#mainCallouts{float:left;width:230px; padding:20px 0 0 20px; background: black;} div#mainCallouts div{margin-bottom:20px;} /* latest post styles */ div#latestPost{float:left; width:440px; padding:12px 10px 6px 30px; margin-top: -13px; margin-left: 15px;} h1.blueHeader{background: transparent; width:451px; margin-left:35px; margin-right:auto; padding:10px 0 0 0px; center;} h4.date{ margin-top:3px; font-weight:normal;} div#latestPost h2{padding:0 0 2px 0; margin-left:0px; font-weight:lighter; font-size:16px; color:#FFFFFF;} div#latestPost p{margin-top:4px; margin-left:8px; padding: 0 0 2px 0;} div#latestPost a{color:#FFFFFF;} div#latestPost img{center;} /************************************************************************ 2 - HEADER ************************************************************************/ div#header{ position: relative; left:0px; top:0px; top left repeat-x; width:100%; height:180px; } div#headerimg{ background: url(images/headerBG.png); repeat-x; position: relative; left: 1px; width: 650px; height:180px;} div#headerimg a{ display:block; height:100%; width:100%;} /************************************************************************ 3 - SIDEBAR ************************************************************************/ div#sidebar{position: relative; float:left; width:234px; height:800px; z-index:100; margin-top:8px; margin-left:-30px;} div#sidebar ul li ul{padding:0 0 0 10px; list-style:none;} li.sidebarLinks{padding:0px 0 4px 0; list-style:none;} div#sidebar h2{text-transform:uppercase; color:#4d6e92; padding-top:4px; font-weight:normal;} div#sidebar li a{color:#adadad;} li.sidebarLinks ul li{padding:0 0 2px 0;} \ /* NAV */ ul#mainNav{display:block; position:relative; left:0px; width:241px; height:210px; margin-top: 0px; margin-left:-28px; z-index: 300; list-style:none;} li#aboutBtn{width:110px;height:31px;} li#aboutBtn a{background: url("images/menuAboutBtn.png") top left no-repeat;} li#customWorkBtn{width:210px;height:35px;} li#customWorkBtn a{background: url("images/menuCustomWorkBtn.png") top left no-repeat;} li#shopBtn{width:138px;height:37px;} li#shopBtn a{background: url("images/menuShopBtn.png") top left no-repeat;} li#contactBtn{width:148px;height:38px;} li#contactBtn a{background: url("images/menuContactBtn.png") top left no-repeat;} li#friendsBtn{width:125px;height:38px;} li#friendsBtn a{background: url("images/menuFriendsBtn.png") top left no-repeat;} li#aboutBtn a, li#customWorkBtn a, li#shopBtn a, li#contactBtn a, li#friendsBtn a{width:100%; height:100%; display:block;} /************************************************************************ 4 - HOME STYLES ************************************************************************/ /* div#currentFeaturedProjects{float:left; background: url(images/featuredHomeBG.png) top left no-repeat; width:701px; height:272px; padding:55px 0 0 30px;} div#currentFeaturedProjects h1{color:#3c3c3c; font-size:280%; width:100%; display:block; float:left; font-weight:normal;} div#currentFeaturedProjects ul{padding-top:30px; width:233px; display:block; float:left;} div#currentFeaturedProjects ul li{height:60px; width:233px; background:url('images/featuredSelectBtnsBG.gif') 0 -60px no-repeat; display:block; color:#353535; font-weight:bold; font-size:90%; cursor:pointer;} div#currentFeaturedProjects ul li.on{background-position: 0 0;} div#currentFeaturedProjects ul li img{padding:1px; border:1px solid #3c3c3c; margin:5px; display:block; float:left;} div#currentFeaturedProjects ul li span{width:150px; display:block; float:left; padding-top:10px;} div#currentFeaturedInfo1, div#currentFeaturedInfo2, div#currentFeaturedInfo3 {float:left; width:420px; padding:36px 0 0 20px;} div.currentFeaturedInfo h2{color:#868686; font-size:180%; width:100%; display:block; float:left; line-height:120%;} div.currentFeaturedInfo p{float:left; width:100%; padding:10px 10px 0 0;} div.currentFeaturedInfo img{margin-top:10px; padding:1px; border:1px solid #3c3c3c;} */ /************************************************************************ 5 - SUB STYLES ************************************************************************/ div#subPageHead{float: left; background: black; width:701px; padding:15px 10px 1px 30px; margin-top: 27px; margin-left: -73px;} div#subPageHead h1{width:451px; margin-left:35px; margin-right:auto; padding:10px 0px 6px 35px; font-weight:normal; font-size:150%; color:#336699; line-height:115%; center;} /* link pages */ ul.friendsLinks{display:block; float:left; list-style:none; padding:10px 0 2px 0;} ul.friendsLinks li {display:block; padding:0 0 0 0; margin-left:15px;} ul.friendsLinks li a{display:block; padding:0 0 0 0; float:left;} /* site map page */ ul.sitemapLinks{display:block; float:left; list-style:none;} ul.sitemapLinks li{padding:2px 0; font-weight:bold; list-style:none;} ul.sitemapLinks li ul{padding:2px 0 2px 5px; font-weight:bold;} /************************************************************************ 6 - CUSTOM PAGE STYLES ************************************************************************/ /* custom column */ div.customColumn{background:#000000; /*width:580px; width:440px; */ float:left; overflow:hidden; padding:none;} div.customColumn ul{background:#00000; padding: 10px 0;} div.cusList ul li{padding:0px 0px 2px 0px; font-weight:normal; display:block; text-align:bottom; margin-left:15px;} div.cusList ul li a{font-weight:normal; padding: 4px 4px 2px 5px; float:right; margin-top:-6px; text-align:top;} div.customColBottomCap{background: black; width:440px; height:10px; float:left;} /* specs and photos box */ div.specs, div.photos{background:black; width:100px; float:left; overflow:hidden; padding:none; margin:20px 0 0 20px;} div.specs h3, div.photos h3{text-transform:uppercase; color:#4d6e92; margin-top:0; padding:12px 0 6px 5px; font-weight:normal;} div.specs ul, div.photos ul{padding: 0 0;} div.specs ul li{ padding:5px 10px 0px 5px; font-size:90%; line-height:100%; margin-top:0; border:none; padding-left:30px; list-style-type:square; } div.customColSmallBottomCap{background: url(images/customColSmallBottomCap.png) top left no-repeat; width:210px; height:10px; float:left;} div.photos ul{padding-left:8px;} div.photos ul li{padding:5px; display:block; float:left;} div.photos ul li a{width:75px;} div.photos ul li img{padding:3px; border: none; margin-right:5px; background:black;} /************************************************************************ 7 - FOOTER ************************************************************************/ div#footer{float:left; background: url(images/footerBG.png) top left repeat-x; height:37px; width:100%; border:none;} div#footerContent{margin-left: auto; margin-right: auto; width:951px; padding-left:10px; position: relative; height:37px;} div#footerContent p{font-size:80%; padding-top:5px; float:left;} div#footerContent p a{ color:#d2d2d2;} div#footerContent ul{float:right;} div#footerContent ul li{display:inline; float:left; margin:5px;} div#footerContent ul li a{color:#d2d2d2;}