/* Theme Name: Bubblegum Theme URI: http://www.mbwebdesign.co.uk/templates/wordpress Description: This is a theme by Mathew Browne of MB Web Design. Theme is widget- and Gravatar- ready, compatible with Wordpress 2.3 to 2.6. Version: 1.0.5 Tags: pink, bubblegum, girly, female, yellow, SEO, gravatar, gravatars, right sidebar, fixed width, simple, valid CSS, valid XHTML, w3c, widget ready, widgets, white, 2 columns, two columns, clean, fresh, colorful, colourful, hot pink Author: Mathew Browne, MB Web Design Author URI: http://www.mbwebdesign.co.uk Latest updated: September 13, 2008 */ /* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* END CSS RESET */ html{ background-color: #C8105F; background-image:url('bg.gif'); font-family:Arial, Helvetica, sans-serif; } body{padding:0px; margin:0px;} #wrapper{ margin:0px auto; font-size:0.7em; line-height:1.4em; background: none; } #wrapper2{width:950px; margin:0px auto;} #header{ background-color:#FFFFFF; background-repeat:no-repeat; color: #C8105F; margin:0px; padding:0px;padding:20px 0px;} #header h1{ color: #C8105F; width:950px; margin:0px auto; font-size:3.5em; } #header h1 a{color:#C8105F;} #header2{ background-color:#C8105F; color:white; margin:0px; padding:0px; padding:10px 0px; margin-bottom:20px; } #header2 h4{ width:950px; margin:0px auto; color: white; font-size: 1.4em; } #header2 h4 a{color: white;} .sidebar{ float:right; width:300px; margin-bottom:19px; color:#FFFFFF; } #container{ float:left; width:580px; color:#FFFFFF; font-size:1.1em; margin-bottom:19px; } #container blockquote{ margin:0; padding:5px; background-color:#C8105F; } #container blockquote blockquote{ margin:0px 10px; padding:5px; background-color:#C8105F; border-top:1px dotted #C8105F; border-bottom:1px dotted #C8105F; } .post {padding-bottom:30px;} .clearboth{clear:both;} .page-link{clear:both;width:100%;} /* -----| Typography |--------------------------------------------------- */ a{color:white; text-decoration:none;} a:hover{text-decoration:underline;} h1,h2,h3,h4,h5,h6{ font-family:Helvetica, Arial, sans-serif} #container h1, #container h2, h3, #container h4, h5, h6, #container blockquote, .entry-date,#wp-calendar caption { margin-bottom:0.8em; font-family:Helvetica, Arial, sans-serif; font-weight: normal; margin-top:0px; padding-top:0px; line-height:1.3em; } h1{font-size:1.7em;line-height:normal} h2{font-size:1.4em;line-height:normal} h3, #wp-calendar caption{font-size:1.2em;} p, #container li{margin-bottom:0.9em;margin-top:0.5em;line-height:1.7em;} blockquote p{margin-bottom:0.5em;} #container ul{ list-style-type:disc;padding-left:2em;} #container ol{ list-style-type: decimal;padding-left:2em;} .day{font-size:2em; color:white;} #container h1{ color:#FDC44D; margin-bottom:20px; display:block;padding-top:5px; } #container h1 a,#container h2 a{ color:#FDC44D; padding-bottom:8px;border-bottom:2px solid #C8105F; display:block; text-decoration:none; } #container h1 a:hover,#container h2 a:hover{ color: #FFFFFF; border-bottom-color: #C8105F; } h2,h3,h4,h5,h6{ color:#FDC44D; } .author{padding-bottom:5px;} #container h2 a{border-bottom:2px solid #C8105F} #container .entry-meta{border-top:none;clear:both;line-height:1.4em;padding-bottom:10px;} .entry-content{clear:both;} #container a{ color:#FEE9A9; } /*DATE*/ .entry-date{ float:right; border:3px solid #C8105F; background-color:#C8105F; padding:2px 5px 2px 5px; margin:0px 0px 10px 10px; } .entry-date *{text-align:center;} .sidebar ul, .sidebar ul li{list-style-type:none; padding:0;margin:0} .sidebar ul{margin:0px 20px 0px 20px;} .sidebar ul ul{margin:0px;} .sidebar ul li{margin-bottom:15px;margin-top:15px; padding:12px;background-color:#C8105F} .sidebar ul li ul li{margin-bottom:5px;margin-top:5px;padding:0px;} .sidebar h3{ padding:0px; margin:0px;line-height: normal} #wp-calendar, .calendar_wrap{width:100%; text-align:center;} #wp-calendar caption{ color:#FDC44D; } #wp-calendar td,#wp-calendar th{text-align:center;} #wp-calendar th{font-weight:bold;} #wp-calendar a{ color:#FDC44D; background-color:#C8105F; border:none; display:block; text-align:center } #wp-calendar a:hover{ color:#FDC44D; background-color:#C8105F; display:block; text-decoration:none; } #footer{ margin:10px auto; font-size:0.9em; padding:5px 0px 5px 0px; width:920px; color:#FFFFFF; text-align:right } #footer a{ color:#FFFFFF; } .meta-sep{color: #C8105F;} .nav-previous{float:left; width:45%;} .nav-next{float:right; width:45%; text-align:right;} .nav-previous a, .nav-next a{ display:block; padding:3px; color:#FFFFFF; background:none; } .nav-previous a:hover, .nav-next a:hover{ background-color:#C8105F; color:white; text-decoration:none; } .navigation{margin-bottom:20px;margin-top:20px;} .entry-meta{border-top:1px solid #262927;margin-top:20px;padding-top:10px;} abbr{border:none;} #s{ border: none; background-color:#B30F54; width:150px; color: #FFFFFF; padding:3px; } #searchsubmit{ border: none; width:50px; background:none; color:#FFFFFF; padding:3px; } #searchsubmit:hover{ color:#FFCC00 } #noresults-s,#comment{ border: none; background-color:#B30F54; width:180px; color: #FFFFFF; padding:3px; } #comment{width:450px;} #noresults-searchsubmit{ border: none; width:50px; background-color:#B30F54; color:#FFFFFF; padding:3px; } #submit{ border: none; background:none; color:#FFFFFF; padding:3px; margin-top:5px; } #noresults-searchsubmit:hover{ background-color:#B30F54} #submit:hover{ color: #FFCC33 } .alignright{float:right; margin:10px 0px 5px 10px;} .alignleft{float:left; margin:10px 10px 5px 0px;} .aligncenter{margin:10px auto;} .avatar{float:right; padding:5px; border:1px solid #B30F54; background-color:#FFFFFF;}