/* Theme Name: Showcase Theme Version: 1.0 Theme URI: http://www.wordpresspowered.co.uk/demo Author: Karl Barton Author URI: http://www.wordpresspowered.co.uk */ html, body { font-family: Verdana; font-size: 100%; height: 100%; background:#d1bfab; } .clear { clear: both; } .backbutton {background:#333; color:#FFF; padding:10px;} .backbutton a{color:#fff;} .description { font-size:12px; background:#f5f5f3; border:1px solid #ececec; border-right:none; border-left:none; margin-bottom:10px; padding:10px; } /* Page Wrapper */ #wrapper { margin: 0 auto; width: 960px; } /* Top Section */ #navTop { height: 27px; } #navTop p.count { line-height: 27px; font-size: 11px; color: #FFFFFF; float: left; display: inline; } #navTop p.count span { font-weight: bold; color: #657600; } #navTop p.rss { line-height: 27px; font-size: 11px; float: right; display: inline; } #navTop p.rss a { padding: 0 17px 0 0; color: #FFFFFF; text-decoration: none; background: url(images/rss_icon.jpg) no-repeat right; } #navTop p.rss a:hover { text-decoration: underline; } /* Header Section */ #header { width: 960px; height: 93px; } /* Logo */ .logo { width: 254px; height: 93px; float: left; display: inline; } .logo a { width: 254px; height: 93px; background: url(images/chris.jpg) no-repeat; display: block; } /* Search Section */ .search { width: 250px; height: 40px; margin: 24px 0 0 0; float: right; display: inline; background: url(images/search_bg.jpg) no-repeat; } .search #searchform { padding: 10px 0 0 10px; } .search #searchform #s { padding: 2px 0 0 0; color: #FFF; border: 0; background: #2B2D21; } /* Main Menu Section */ #mainMenu { width: 960px; height: 31px; } #subPages, #subPages * { margin:0; padding:0; list-style: none; } #subPages { height: 30px; border-left: 1px solid #DCDCD4} #subPages li { line-height: 30px; float: left; list-style:none; } #subPages li a { color: #323429; display: block; padding: 0 10px; font-size: 12px; line-height: 30px; border-right:1px solid #DCDCD4; text-decoration: none; } #subPages li.current_page_item a { font-weight: bold; } #subPages li.current_category_item a { font-weight: bold; } #subPages li ul { position:absolute; left: -999em; width:15em; margin-top:0px; } #subPages li:hover ul, #subPages li.sfhover ul { margin-top: 1px; margin-left: -1px; left:auto; z-index:10 !important; } #subPages li:hover ul li a:hover { color: #657600; } #subPages li.sfhover ul li a { font-weight: normal; } #subPages li.sfhover ul li a:hover { color: #657600; } #subPages li ul li { color: #FF0000; display:block !important; width:12em; border:1px solid #ddd !important; border-right: none !important; border-top:none !important; background:#fff; } /* Gallery Main Section */ #galleryWrap { margin: 20px 0 0 0; width: 960px; overflow: hidden; } #gallery { width: 640px; overflow: hidden; float: left; display: inline; } #calendar { width: 940px; overflow: hidden; float: left; display: inline; padding:10px; background:#FFF; } #photos { width: 940px; overflow: hidden; float: left; display: inline; padding:10px; background:#FFF; } .title { /*border: 1px solid #DCDCD4;*/ height: 25px; /*background: #FFF;*/ margin-right: 20px; margin-bottom: 15px; } .title p.bread { padding-left: 5px; font-size: 11px; color: #323429; line-height: 25px; float: left; display: inline; } .title p.bread a { color: #323429; text-decoration: underline; } .title p.bread a:hover { text-decoration: none; } .title p.bread span { font-weight: bold; } .title p.rss { padding-right: 5px; font-size: 11px; line-height: 25px; float: right; display: inline; } .title p.rss a { padding-right: 17px; text-decoration: none; color: #323429; background: url(images/rss_icon_cats.jpg) no-repeat right; } .title p.rss a:hover { text-decoration: underline; } .thumbs { margin: 0 20px 20px 0; width: 298px; height: 182px; float: left; display: inline; background: #FFF; border: 1px solid #DCDCD4; position: relative;} .thumbs a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; border: 1px solid #DCDCD4; } .thumbs h2 { margin: 0 0 0 6px; font-size: 11px; font-weight: normal;} .thumbs h2 a { color: #323429; text-decoration: none; display: block;} .thumbs h2 a span { position: absolute; right: 6px; color: #657600;} .thumbs h2 a:hover { text-decoration: underline; } .content { width: 620px; background: #FFFFFF; float: left; display: inline; } .content h1 { padding: 10px 10px 0 10px; font-size: 22px; font-weight: normal; } .content .entry { padding: 10px; padding-top:5px; } .content .entry p { font-size: 12px; text-align: justify; padding: 5px 0 5px 0; line-height: 18px; color: #323429;} .content .entry li { font-size: 12px; text-align: justify; padding: 5px 0 5px 0; line-height: 18px; color: #323429;} .content .details { margin: 0 10px 0 10px; overflow: hidden; } .content .details img.thumbnail { margin: 10px 0 10px 0; width: 598px; height: 147px; border: 1px solid #DCDCD4; display: block; overflow: hidden;} .content .detailMeta { display: block; color: #323429; } .content .detailMeta p { font-size: 12px; line-height: 18px; } .content .detailMeta p.date { margin: 10px 0 10px 0; font-size: 12px;} .content .detailMeta p.date span { color: #657600; } .content .detailMeta p.category { font-size: 12px; margin: 0 0 10px 0; } .content .detailMeta p.category a, .content .detailMeta p.tags a { color: #657600; text-decoration: none; } .content .detailMeta p.tags { padding: 0 0 10px 0; font-size: 12px; } .content .details .single .entry { float:right; line-height:18px;overflow:hidden;padding-bottom:25px; background:#000; } .content .details .entry img.wp-smiley { border:0px none; margin:0; vertical-align:middle; } /*//////// SMILEY ////////*/ .content .details .entry img,.entry a img { border:4px solid #999; } .content .details .entry a:hover img { border-color:#eee; } .galleryhomepage {margin: 0, auto; padding-right:5px;} .content h1.btmspace{ margin-bottom:15px; } .content p{ margin: 0px; line-height: 18px; padding: 0px 0px 10px 0px; } .content p img{ border: none; padding: 0px 5px 15px 0px; } .content ol { list-style-type: decimal; line-height: 18px; margin: 0px; padding: 0px 0px 10px 35px; } .content ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; } .content li { margin: 0px; padding: 0px; } .content ul li { list-style: disc outside; margin: 0px 30px 0px 30px; padding: 5px 0px 0px 0; } #contentblog { color:#000; display:inline; float:left; font-size:14px; line-height:1.5em; text-align:left; width:635px; margin:13px 0 0 20px; padding:0 0 20px 0px; } /* Sidebar Section */ #sidebar { width: 300px; float: right; display: inline; } /*125x125 Adds */ #adds { padding: 15px 0 0 0; margin: 0 0 20px 0; width: 298px; height: auto; background: #FFFFFF; border: 1px solid #DCDCD4; overflow: hidden;} #adds a { width: 125px; height: 125px; position: relative;} #adds a img { height: 125px; width: 125px; margin: 0 0 15px 15px; float: left; display: inline; border: 1px solid #DCDCD4; overflow: hidden; } /* Categories */ #cats { width: 298px; margin: 0 0 20px 0; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; } #cats h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;} #cats ul { list-style: none; } #cats ul li { width: 149px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; } #cats ul li a { padding: 0 15px 0 15px; color: #323429; text-decoration: none; } #cats ul li a:hover { text-decoration: underline; } #cats ul li.current-cat a { font-weight: bold; color: #657600; } /* Archives */ #archives { margin: 0 0 20px 0; width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; } #archives h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;} #archives ul { list-style: none; } #archives ul li { width: 149px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; } #archives ul li a { padding: 0 15px 0 15px; color: #323429; text-decoration: none; } #archives ul li a:hover { text-decoration: underline; } #archives ul li a:active { font-weight: bold; color: #657600; } /* Tags*/ #tags { width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; } #tags h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;} #tags ul { list-style: none; } #tags ul li { padding: 0 0 10px 15px; font-size: 12px; float: left; display: inline; } #tags ul li a { padding: 0 15px 0 0; color: #323429; text-decoration: none; } #tags ul li a:hover { text-decoration: underline; } #tags ul li a:active { font-weight: bold; color: #657600; } /* Footer Section */ #footerWrap { clear: both; margin: 20px 0 0 0; width: 100%; overflow: hidden; color#000;} .footerInner { width: 100%; overflow: hidden;} #footer { width: 960px; margin: 50px auto; overflow: hidden; } /* Footer Modules */ .popular { width: 250px; margin: 0 20px 0 0; float: left; display: inline; } .popular h2 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; } .popular ul { list-style: none;} .popular ul li { padding: 7px 5px 7px 5px; font-size: 12px; background: #2B2D21; margin: 0 0 1px 0; display: block; } .popular ul li a { color: #657600; text-decoration: none; } .popular ul li a:hover { color: #96E93F; text-decoration: underline; } .random { width: 298px; margin: 0 20px 0 0; float: left; display: inline; } .random h2 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; } .random .thumbWrap { width: 298px; height: 161px; background: #2B2D21; overflow: hidden; } .thumbWrap a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; } .links { width: 250px; margin: 0; float: right; display: inline; } .links h2 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; } .links ul { list-style: none;} .links ul li { padding: 7px 5px 7px 5px; font-size: 12px; background: #2B2D21; margin: 0 0 1px 0; display: block; } .links ul li a { color: #657600; text-decoration: none; } .links ul li a:hover { color: #96E93F; text-decoration: underline; } /* Copyright */ #copyrightWrap { height: 35px; width: 100%; border-top: 1px solid #3d3f32;} .copyrightInner { width: 960px; margin: 0 auto; line-height: 35px;} p.copyText { font-size: 11px; color: #000; float: left; display: inline;} p.copyText span { color: #657600; } p.anchorLink { font-size: 11px; float: right; display: inline; } p.anchorLink a { color: #657600; text-decoration: none; } p.anchorLink a:hover { text-decoration: underline;!important} /* The Comments Template Section Styles */ .comments-template { margin: 20px 20px 0 0; width : 620px; overflow: hidden; } .comments-template ol { list-style: none; border-top: 1px solid #DCDCD4; } .comments-template ol li { padding: 0 10px 10px 10px; border-bottom: 1px solid #DCDCD4; position: relative; } .comments-template ol li img.gravatar { float: left; width: 50px; height: 50px; display: block; border: 1px solid #DCDCD4; margin: 10px 10px 10px 0; } .comments-template ol li p { padding : 10px 0 5px 0; font-size : 12px; text-align: justify; line-height: 18px; color: #323429; margin-left: 60px; } .comments-template ol li a { color: #657600;text-decoration : none;} .comments-template ol li a:hover { text-decoration : underline;} .comments-template h3#comments { color: #323429;padding: 5px 0 5px 10px; font-size: 18px; font-weight: normal; } .comments-template h3#reply { color: #323429;padding: 10px; font-size: 18px; font-weight: normal; } .comments-template .meta { font-size : 11px;color : #606060;} .comments-template .meta a { color: #657600;text-decoration : none;} .comments-template .meta a:hover { text-decoration : underline;} .comments-template p.logged { margin-bottom: 10px;margin-top: 10px;font-size: 12px;color: #606060;} .comments-template p.logged a { color: #657600;text-decoration : none;} #commentform #comment { margin-top : 10px;font-size : 12px;border : 1px solid #DCDCD4;background: none;} #commentform { padding: 0 10px 0 10px;display: block;} #commentform label { font-size : 11px;color : #666666;} #commentform input { margin-top : 5px; width : 250px;font-size: 12px;padding : 2px 0 2px 2px;border : 1px solid #DCDCD4;background: none;} #commentform #submit { margin-bottom : 20px;padding : 0;width : 166px;height : 33px;border : none;overflow : hidden;} #commentform p { padding : 5px 0 0 0;font-size : 10px;color : #606060;} #commentform p a { color: #657600;text-decoration : none;} #commentform p a:hover { text-decoration : underline;} .responsibilities ul { list-style:square; } .responsibilities li { margin-left:20px; margin-top:10px; } /* general portfolio sidebar box - using custom fileds */ #portfoliosidebarbox { width: 298px; margin: 0 auto; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; } #portfoliosidebarbox h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;} #portfoliosidebarbox ul { list-style:square;} #portfoliosidebarbox ul li { width: 149px; margin-left:35px; padding: 0 0 10px 0; font-size: 12px; float: left; } #portfoliosidebarbox ul li a { padding: 0 15px 0 15px; color: #323429; text-decoration: none; } #portfoliosidebarbox ul li a:hover { text-decoration: underline; } #portfoliosidebarbox ul li.current-cat a { font-weight: bold; color: #657600; } #portfoliosidebarboxbeforeafter { width: 230px; margin: 0 auto; padding:10px; background: #FFF; border: 1px solid #DCDCD4; border-top:none; overflow: hidden; } #portfoliosidebarboxbeforeafter img{border: solid 2px #DDDDDD;} #portfoliosidebarboxbeforeafter img a{border: solid 2px #DDDDDD;} #portfoliosidebarboxbeforeafter img a:hover{border: solid 2px #DDDDDD;} /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-top: 1px; margin-bottom: 0; margin-right:100px; font: bold 16px Verdana; list-style-type: none; text-align:right;/*set to left, center, or right to align the menu as desired*/ } .shadetabs ul{ margin-left:30px; } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; color: #4a4a4a; } .shadetabs li a:visited{ color: #4a4a4a; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; border: 1px solid #efefef border-bottom:none; } .shadetabs li a.selected{ /*selected main tab style */ background: #fff; border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } .entrybody a:link,.entrybody a:visited { color:#0063dc; font-weight:400; text-decoration:none; border-bottom:1px solid #ccc; } .entrybody a:active,.entrybody a:hover { color:#0063dc; font-weight:400; text-decoration:none; border-bottom:1px solid #999; } .entrybody ul,.entrybody ol { margin-bottom:10px; margin-left:30px; margin-top:10px; } .entrybody li { padding-bottom:2px; padding-top:2px; } .entrybody ul li{ list-style:circle; }.entrymeta { color:#FF0084; font-size:14px; margin-bottom:5px; margin-top:3px; } .entrybody img { border:1px solid #ccc; } .entrybody p { margin-bottom:15px; text-align:left; } .entryblog { margin-bottom:45px; margin-top:13px; } .entrybody { margin:0; } h3.entrytitle,h3 { color:#3B3B3B; display:block; font-size:26px; font-weight:400; line-height:100%; padding-bottom:3px; margin:0; } h3.entrytitle a,h3.entrytitle a:visited,h3 a { color:#3B3B3B; font-weight:400; text-decoration:none; text-transform:uppercase; } h3.entrytitle a:hover,h3 a:hover { text-decoration:none; color:#FF0084; } .christitle { font-size:24px; background:#EBE9E1; padding-left:5px; padding-right:5px; padding-top:40px; padding-bottom:0px; height:40px; } .christitle a { text-decoration:none; color:#333333; font-weight:bold; } .christitle a:hover { text-decoration:underline; color:#FF3399; } .christitle span{border-bottom:1px solid #EEEEEE; font-size:10px;}