/* Theme Name: Get Diabetic Supply Theme URI: http://getdiabeticsupply.com Description: Blog theme that integrates with getdiabeticsupply.com Author: Tomos Jones Author URI: http://viavee.com Tags: */ /* /* Handling the imports /* ---------------------------------------*/ @import "style/css/reset.css"; @import "style/css/layout.css"; /* /* Body & Common Styles /* ---------------------------------------*/ body { background-color:#FFF; color:#8e8e8e; font:12px/20px "Helvetica Neue",Arial,Helvetica,sans-serif; text-align:center; } .clear { clear:both; } b, strong { font-weight:bold; } i, em {font-style:italic; } a { color:#fe9923; } a:hover { text-decoration:none; } /* /* Wrapper (following 960px grid) /*--------------------------------------- */ #wrapper { margin:0 auto; text-align:left; width:960px; } /* Header /*--------------------------------------- */ #header {height:70px;width:940px;margin:0 10px;} #branding { height:70px; position:relative; width:340px; } #branding span { background:transparent url("style/images/logo.jpg") no-repeat; height:100%; position:absolute; width:100%;} /* /* Navigation /*--------------------------------------- */ #navigation { background:#FFF url(style/images/navbg.jpg); float:left; margin:0 10px; min-height:47px; position:relative; width:940px; } #nav { background:url("style/images/navigation.jpg") no-repeat; width:665px; height:47px; margin:0; padding:0; } #nav li, #nav li a { height:47px; display:block; } #nav li a { color:#FFF; text-align:center; padding:13px 0 0 0 } #nav li a:visited { color:#fff; text-decoration:none; } #nav li { float:left; list-style:none; display:inline; } #home { width: 77px; } #store { width: 134px; } #articles { width: 129px; } #info { width: 142px; } #news { width: 111px; } #blog { width: 72px; } #home a:hover, #home-active { background:url("style/images/navigation.jpg") 0px -47px no-repeat; } #home-active { width:77px; } #store a:hover, #store-active { background:url("style/images/navigation.jpg") -77px -47px no-repeat; } #store-active { width:134px; } #articles a:hover, #articles-active {background:url("style/images/navigation.jpg") -211px -47px no-repeat; } #articles-active { width:129px; } #info a:hover, #info-active { background:url("style/images/navigation.jpg") -340px -47px no-repeat; } #info-active { width:142px; } #news a:hover, #news-active { background:url("style/images/navigation.jpg") -482px -47px no-repeat; } #news-active { width:111px; } #blog a:hover, #blog-active { background:url("style/images/navigation.jpg") -593px -47px no-repeat; } #blog-active { width:72px; } .searchbox { position:absolute; right:0; top:10px; width:180px; } .searchbox input { border:0; border:1px solid #fe881e; color:gray; font-style:italic; padding:7px 5px; position:absolute; right:78px; top:12; width:180px; } .searchbox .btn { border:0; height:31px; position:absolute; right:5px; top:-8px; width:63px; } /* /* Styling the Blog Page /*--------------------------------------- */ #blog_wrapper { margin-left:10px; margin-top:40px; width:943px; } /* Left Col -> Blog Posts */ #lefCol { color:#8e8e8e; float:left; margin-right:13px; width:447px; } .latest-articles { background:green url(style/images/blog_big-title.gif); height:45px; width:447px; } .latest-articles p { color:#FFF;font-size:15px; padding:11px 0 0 20px; } a.more-link { width:300px; float:right; text-align:right; clear:both; margin-bottom:22px; } .entry { border-bottom:1px solid #ccc; padding:22px 0 0 4px; } .entry a { color:#8e8e8e; text-decoration:none; } .entry h3 { font-size:15px; } .entry h3, .entry h3 a { color:#fe9b23; font-weight:bold; text-decoration:none; } .entry h3 a:hover { text-decoration:underline; } .entry p { margin-bottom:22px; clear:both; } .entry ul { list-style: square; padding: 0 0 0 35px; } .entry ul li { list-style: square; margin: 0 0 8px 0; line-height:180%; } .entry ol { list-style: decimal; padding: 0 0 0 35px; } .entry ol li { list-style: decimal; margin: 0 0 5px; } .left { float:left; margin:15px 0 0 0; } .right { float:right; margin:15px 0 0 0; } /* Mid Col -> Categories, posts (recent */ #midCol { float:left; margin-right:12px; width:168px; } #midCol ul { border:1px solid #f1f1f1; margin:1px 0 20px 0; } #midCol ul li { padding:4px 0 0 10px; } #midCol ul li a { color:#fe9923; font-size:13px; text-decoration:none; } .categories { background:green url(style/images/blog_cat-title.gif); height:31px; width:168px; } .categories p { color:#FFFFFF; font-size:14px; padding:4px 0 0 15px; } /* Right Col -> Ads, newsletter, tags, friends */ #rigCol { float:left; width:300px; } .widget { width:300px; margin:0 0 20px 0; } .widgetitle { display:none;} #email-box { background:orange; color:#fff; margin:19px 0 20px; } #email-box p.txt {font-size:15px; font-weight:bold; padding:10px 10px 0 0; text-align:right; } #email-box label { clear:both; float:left; font-weight:bold; padding:13px 0 0 13px; } .txtbox { border:1px solid #fe7f1c; float:right; margin:10px 10px 0 0; padding:4px; width:155px; } .button { border:0; float:right; height:31px; margin:10px 10px 10px 0; width:145px; } #social {float:left;margin-left:1px;width:295px; } #links { float:left; width:150px; } #links ul { margin:0; } #links ul li { padding:4px 0 0 10px;} #links ul li a { color:#fe9923; font-size:13px; font-weight:bold; text-decoration:none; } .widgettitle { background:green url(style/images/blog_links.gif); height:31px; width:300px; } .widgettitle p { color:#FFFFFF;font-size:14px;padding:4px 0 0 15px; } #tags { float:left; width:144px; } #tags ul { border-left:1px solid #fe9021; margin:8px 0 0 0; } #tags ul li { padding:0 0 4px 10px;} #tags ul li a { color:#fe9923; font-size:11px;text-decoration:none; } .tags-title { background:green url(style/images/blog_tags.gif); height:31px; width:144px; } .tags-title p { color:#FFFFFF; font-size:14px; padding:4px 0 0 0; } /* /* Comments /*--------------------------------------- */ #commentArea { } h3#comments { font-size:17px; margin:20px 0; } ol.commentlist { width:447px; } ol.commentlist li { border:1px solid #ddd; margin:0 0 10px 0; padding:10px; position:relative; } .avatar { position:absolute; top:10; left:10px; } .meta { position:absolute; top:10px; left:55px; } .meta h4 { font-size:14px; font-weight:bold; } .meta h4 a, small a { color:#fe9923; } .theComment { padding-top:50px; } #respond { width:447px; margin:20px 0; } #respond h3 { font-size:17px; margin:20px 0; } #respond label { width:200px; font-size:14px; font-weight: bold; } #respond input { width:247px;} #respond .input { background:#FFFFFF; border:1px solid #CED0D0; color:#5F6565; display:block; margin-bottom:15px; padding:10px 5px; width:447px; } textarea#comment { font:12px "Helvetica Neue", Arial, Helvetica, sans-serif; } input#submit-form { width:150px; background:#FFFFFF; border:1px solid #CED0D0; padding:15px 5px; } /* /* Footer /*--------------------------------------- */ #footer { background:orange url(style/images/footer.gif) repeat-y; margin:20px 10px 0;width:940px; } #footer p { color:#fff; padding:0 10px; } ul#footnav { clear:both; padding:10px 10px 5px; } ul#footnav li { display:inline; color:#fff; } ul#footnav li a {color:#fff;text-decoration:none; } ul#footnav li a:hover { text-decoration:underline; }