/* Theme Name: COS Blog Template Theme URI: http://blog.chicoutletshopping.com/ Description: Bespoke blog template for COS Version: 1.0 Author: Andrew Pepperrell Author URI: http://www.pepsmedia.com/ */ /* YUI Reset version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* Core */ body { font-family: "Arial", sans-serif; font-size: 84%; color: #222; } a { text-decoration: none; color: #555; } em { font-style: italic; } strong { font-weight: bold; } del { text-decoration: line-through; } /* Header */ #header { position: relative; height: 198px; border-bottom: solid 1px #999; } #headerimg h1 a { position: absolute; display: block; left: 0; top: 0; width: 225px; height: 198px; background: #000; text-indent: -10000px; background: url(images/logo.gif) top left no-repeat; } #thechicbuzz { position: absolute; display: block; left: 240px; top: 25px; } #page { width: 980px; margin: 0 auto; border: solid #999; border-width: 0 1px 1px 1px; } #subscribe { position: absolute; display: block; top: 10px; right: 20px; padding: 0 20px 0 0; background: url(images/feed.png) 100% 50% no-repeat; } /* Main */ #main { display: relative; width: 100%; overflow: hidden; padding: 0 0 20px 0; border-bottom: solid 1px #999; } #leftsb { display: block; float: left; width: 205px; padding: 10px; } #content { display: block; float: left; width: 490px; padding: 20px; } #rightsb { display: block; float: right; width: 205px; padding: 15px 10px; } body.page #content { padding: 10px 20px 20px 20px } /* Homepage */ #thumbpage { position: relative; } #thumbpage .post { overflow: hidden; width: 100%; margin-bottom: 20px; } #thumbpage .thumbnail { float: left; width: 140px; } #thumbpage .nexttothumb { float: right; width: 330px; } #thumbpage #fparchive { text-align: right; } /* Content */ #content h2 { font-size: 1.4em; margin-bottom: 0.5em; } #content h3 { font-size: 1.3em; } #content h4 { font-size: 1.2em; } .bydate { font-style: italic; font-size: 0.9em; color: #aaa; } /* Post and Entry */ .pagetitle { margin-bottom: 10px; } .post { margin-bottom: 20px; } .entry { margin-top: 1em; } .entry p { margin: 1em 0; line-height: 1.3em; } .entry blockquote { font-style: italic; background: #ecedec; margin: 1em 0 1em 2em; padding: 1px 1em 1em 1em; } .entry blockquote p { margin: 1em 0 0 0; padding: 0; } .entry ul, .entry ol { padding-left: 20px; margin: 1em 0 1em 2em; line-height: 1.5em; } .entry ul li { list-style: disc; line-height: 1.5em; } .entry ol li { list-style: decimal; } .post .alignright { float: right; display: inline; margin: 0 0 10px 10px; } .post .alignleft { float: left; display: inline; margin: 0 10px 10px 0; } .post .aligncenter { display: block; margin-right: auto; margin: 10px auto; } .postmetadata { clear: both; } .posttags { margin-bottom: 10px; } .wp-caption { border: 1px solid #e2dfdc; text-align: center; background-color: #ecedec; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.8em; padding: 0; margin: 5px; } /* links */ /* .entry #leftimages { background: red; } .entry #leftimages { padding: 0; margin: 0; width: 100%; } .entry #leftimages li { list-style: none; padding: 0; margin: 0 0 1em 0; } .entry #leftimages img { float: left; margin: 0 1em 1em 0; } .entry #leftimages a { color: #111; } .entry #leftimages span { float: left; } */ /* comments */ #comments { margin-bottom: 0.8em; } .commentlist { padding-left: 20px; } .commentlist cite { font-weight: bold; } .commentlist li { list-style: decimal; margin-bottom: 1em; } .commentlist p { margin-top: 1em; } .commentlist .avatar { float: right; border: solid 5px #ecedec; border-top: none; margin: 0; padding: 0; } .comment-author { background: #ecedec; padding: 5px 0 5px 2px; margin: 0 0 5px 0; } #respond { margin-top: 20px; } #commentform input { margin-bottom: 10px; } #commentform #comment { margin-bottom: 10px; width: 500px; } /* Sidebar */ .sidebar h2 { font-size: 1.1em; margin-bottom: 0.6em; font-weight: bold; color: #333; } .widget { border-bottom: solid 1px #ddd; padding: 0 0 15px 0; margin: 0 0 15px 0; } .widget_tag_cloud { text-align: center; } .widget_tag_cloud h2 { display: none; } .widget_pages { border: none; padding: 5px 0 0 0; margin: 0; } .widget_pages h2 { display: none; } .widget_pages li { border-bottom: solid 1px #ddd; padding: 0 0 15px 0; margin: 0 0 15px 0; } .widget_pages li a { display: block; padding: 0 0 0 20px; background: url(images/dib.gif) 5px 50% no-repeat; font-weight: bold; color: #333; } /* Stalker stuff */ #widget_stalker_flickr img { width: 65px; margin: 0 3px 3px 0; } #widget_stalker_flickr a { color: #0063DC; } #widget_stalker_flickr a .flickrsuffix { color: #FF0084; } #widget_stalker_twitter { position: relative; } #widget_stalker_twitter a { color: #33CCFF } #stalker_twitter_list { font-size: 0.8em; } #stalker_twitter_list li { margin-top: 10px; } .widget_rss h2 img { display: none; } .widget_rss h2 { text-indent: -99999px; width: 205px; height: 77px; margin: 10px 0 20px 0; background: url(images/toptips.gif) top left no-repeat; } .widget_rss li { margin-top: 10px; } /* Footer */ #footer { background: #a3a3a3; padding: 20px; color: #fff; } #footer a { color: #ddd; } #pepsmedia { float: right; }