/* Theme Name: Bright Lemon Theme URI: http://www.webdezign.co.uk/bright-lemon/ Author: Webdezign Author URI: http://www.webdezign.co.uk Description: Designed by Pewee - Light Lemony theme with 2 column layout, dropdown categories menu, multiple widget-ready placement and easy to customize. Enjoy! Version: 1.0 Tags: Light, Yellow, Orange, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar, sticky-post . Released under the GPL. . */ * {margin:0;padding:0;} /***** BASICS *****/ body {background:#fff url(images/bg_body.jpg) repeat top center;font-family: arial, sans-serif;font-size:75%;color:#968765;margin:0px auto;text-align:center;} #header h1, #header em {font-size:2.5em;margin:0px;text-shaddow:1px 1px 1px #e7e2d7;font-weight:bold;} h2 {font-size:1.5em;text-shaddow:1px 1px 1px #e7e2d7;} h3, h4, h5, h6 {font-size:1.167em;text-shaddow:1px 1px 1px #e7e2d7;} hr {color:#e7e2d7;border:1px solid #e7e2d7;} pre {height:auto;overflow-x:scroll;font-size:1.167em;padding-bottom:10px;} fieldset {margin:0;padding:0;border:0;} dd {padding-left:15px;} p {line-height:1.7em;} a {color:#fcb815;text-decoration:none;} a:visited {text-decoration:line-through} a:hover {color:#e77611;} a img {border:none;} h2 a {color:#ffca4a;} h2 a:visited, h1 a:visited {color:#ffca4a;text-decoration:none;} h2 a:hover, h1 a:hover {color:#e77611;} blockquote {background:#fefdfd;border:1px solid #f0ede6;padding:10px 15px 0px;margin:10px 10px 5px 15px;font-family:georgia, serif;font-style:italic;font-size:1.3em;clear:both;} code {color:#009;font-family:courier, "Courier New";} input, textarea, select {font-family: arial, sans-serif;font-size:1em;color:#968765;} /***** HEADER *****/ .wrapper {text-align: left;margin: 0 auto;width: 960px;} #header {position:relative;width:960px;margin:0px auto;} #search {border:1px solid #e7e2d7;border-top:none;background:#fefdfd url(images/bg_gradient.jpg) repeat-x bottom left;padding:15px 20px;width:238px;position:absolute;top:0px;right:20px;} #searchform {position:relative;width:238px;} button.submit {font-size:1.167em;font-weight:bold;color:#fff;background:transparent url(images/sprites.png) no-repeat -42px 0px;border:none;width:77px;padding:3px 0px 4px;z-index:2;position:absolute;top:-2px;right:-1px;cursor:pointer;} button.submit:hover {background-position: -42px -26px !important;cursor:pointer;} #searchbox {border:1px solid #d2cab7;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#ece9e1;padding:2px ;height:18px;width:160px;} #header #logo {float:left;margin:10px 0px;padding:10px 0px 10px 87px;background:transparent url(images/sprites.png) no-repeat -139px 0px;} #header h1 a, #header em a {color:#968765;text-decoration:none;text-transform:uppercase;font-style:normal;} #header strong {font-size:1.167em;text-transform:uppercase;letter-spacing:1px;} #header h1 a:hover, #header em a:hover {color:#ffca4a;text-decoration:none;} #rss, #rss:visited {width:28px;height:27px;margin:4px 20px 0px;font-size:1.167em;font-weight:bold;background:transparent url(images/sprites.png) no-repeat -188px -157px;text-decoration:none;} #rss:hover {background-position:-188px -184px;text-decoration:none;} /*** MENU ***/ #catnav {width:100%;background:transparent url(images/sprites.png) repeat-x 0px -84px;float:left;clear:both;} #catnav .wrapper {padding-left:10px;width:950px;} #nav {margin:0px;padding:0px;list-style-type: none;display:inline;} #nav ul {margin:0;padding:0;} #nav li {float:left;margin:0;padding:0;} #nav a {display:block;line-height:35px;margin:0;padding:11px 10px 6px;color:#ffca4a;text-decoration:none;font-weight:bold;font-size:1.5em;} #nav li a:hover {color:#968765;text-decoration:none;display:block;} #nav li ul {list-style:none;position:absolute;width:150px;left:-999em;z-index:2;margin-top:-1px;font-size:0.667em;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {float:left;margin:0;padding:0;width:150px;} #nav li li a {width: 150px;height:18px;line-height:20px;color:#968765;border-top: 1px solid #e7e2d7;background:#f0ede6;margin:0px;padding:10px 20px 0px 15px;} #nav li li a:hover {background:#e7e2d7;} #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */position: static;} #nav .current_page_item a {background:#e7e2d7 url(images/sprites.png) repeat-x 0px -119px;color:#968765;} /*** CONTENT AREA ***/ #main {width:940px;} #contentwrapper {float:left;width:600px;padding:20px 0px 20px 10px;} /*** MYPOSTS ***/ .MyPost {float:left;position:relative;margin:0px 0px 20px 0px;width:100%;} .MyPost h2 {border-bottom:1px solid #e7e2d7;width:100%;} .MyPost h1, .Post h1 {border-bottom:1px solid #e7e2d7;width:100%;font-size:2em;} .MyPost .content h1, .MyPost .content h2, .MyPost .content h3, .MyPost .content h4, .MyPost .content h5, .MyPost .content h6 {border:none;margin:10px 0px;} .MyPost .kill, .Post .kill {border-top:1px solid #e7e2d7;float:left;width:100%;} .meta {float:left;width:90px;padding:5px 10px 10px 10px;} .date {font-family:georgia, serif;font-size:1.167em;} .comments {border-top:1px solid #e7e2d7;width:110px;float:left;} .content {border-left:1px solid #e7e2d7;margin-left:120px;padding:5px 10px 0px 10px;} .content p {margin-bottom:16px;} .content ol, .content ul {margin-bottom:10px;padding:0px 0px 0px 20px;line-height:1.7em;} .content img {margin:10px;border:1px solid #e7e2d7;} .tags {border-top:1px solid #e7e2d7;border-left:1px solid #e7e2d7;margin-left:120px;padding:5px 10px 5px 10px;width:459px;float:left;} .MyPost table {border-top:1px solid #E7E2D7;border-right:1px solid #E7E2D7;margin-bottom:10px;} .MyPost td {border-bottom:1px solid #E7E2D7;border-left:1px solid #E7E2D7;padding:2px;} .MyPost th {border-bottom:1px solid #E7E2D7;border-left:1px solid #E7E2D7;padding:2px;background:#f0ede6;} #nextprevious .left a, #nextprevious .right a {font-size:1.167em;font-weight:bold;color:#fff;background:transparent url(images/sprites.png) no-repeat 0px -160px;float:left;width:129px;text-align:center;padding:5px;z-index:2;cursor:pointer;} #nextprevious .left a:hover, #nextprevious .right :hover {background-position: 0px -186px !important;cursor:pointer;} #nextprevious .left a:visited, #nextprevious .right a:visited {text-decoration:none;} img.size-full {width:445px;height:auto;} /*** Retweet ***/ a.retweet {color: #000;text-decoration: none;clear:left;border-top:1px solid #e7e2d7;padding:10px 17px 0px 16px;width:84px;padding-right:10px;} .Post a.retweet {color: #000;text-decoration: none;clear:left;border-top:none;padding:10px 17px 0px 16px;width:77px;padding-right:10px;} a.retweet span {font-weight:bold;color:#fff;background:transparent url(images/sprites.png) no-repeat -42px 0px;width:77px;padding:3px 0px;cursor:pointer;display: block; margin-left: 0px;} a.retweet:hover span {font-weight:bold;color:#fff;background:transparent url(images/sprites.png) no-repeat -42px -26px;width:77px;padding:3px 0px;cursor:pointer;display: block; margin-left: 0px;} a.retweet:visited {text-decoration:none;} a.vert {display: block; text-align: center;float: left; } a.retweet strong.vert {display:block;margin-bottom:4px; background: #fefdfd; border: 1px solid #e7e2d7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px;font-size:1.2em;width:68px; } /*** Comments ***/ .commentlist {list-style:none;} .comment {border-top:1px solid #e7e2d7;clear:left;float:left;width:100%;position:relative;background:#f4f1ec;} .children {list-style:none;} .children .comment {width:580px;margin-left:20px;} .children .comment .children .comment {width:560px;margin-left:20px;} .gravatar {float:left;padding:10px;} .comment .commentbody {float:left;border-left:1px solid #e7e2d7;padding:10px;width:499px;} .children .comment .commentbody {width:479px;} .children .comment .children .comment .commentbody {width:459px;} .odd {background:#fefdfd;} .xhtml {background:#fff8e3;border:1px solid #fff4cf;padding:5px;width:550px;margin-bottom:5px;line-height:1.2em;} #respond {position:relative;float:left;clear:left;margin-top:10px;border:1px solid #e7e2d7;background:#fefdfd url(images/bg_gradient.jpg) repeat-x bottom left;padding:20px;width:558px;} #respond p {padding-bottom:5px;} #respond input {border:1px solid #d2cab7;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#ece9e1;padding:2px ;height:18px;width:160px;} #respond textarea {border:1px solid #d2cab7;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#ece9e1;padding:2px;width:100%;} #respond button {font-size:1.167em;font-weight:bold;color:#fff;background:transparent url(images/sprites.png) no-repeat 0px -160px;float:left;width:138px;border:none;text-align:center;padding:3px 5px 4px;z-index:2;cursor:pointer;} #respond button:hover {background-position: 0px -186px !important;cursor:pointer;} #extrastuff {float:left;clear:left;margin-top:10px;} .reply {position:absolute;top:10px;right:10px;} /***** RIGHT SIDE (sidebars) *****/ #sidebars {margin:20px 10px;float:right;width:278px;border:1px solid #e7e2d7;color:#968765;} #sidebars .sidebarbox {border-bottom:1px solid #f0ede6;border-top:none;background:#fefdfd url(images/bg_gradient.jpg) repeat-x bottom left;padding:20px;} #sidebars h2 {padding:0px;margin:0px;font-size:1.5em;color:#ffca4a;} #sidebars a{display:inline;text-decoration:none;color:#968765;} #sidebars a:hover {color:#ffca4a;} #sidebars table {width:100%;} #sidebars ul {padding:0px;margin:0px;list-style:none;} #sidebars li ul {padding:0;margin:0px;} #side li li {border:1px solid #e7e2d7;border-top:none;background:#fefdfd url(images/bg_sprites.jpg) repeat-x bottom left;padding:15px 20px;} #sidebars ul ul li {margin:0;padding:2px 5px 2px 10px;border-top:1px solid #f0ede6;line-height:18px;} #sidebars ul ul a {font-weight:bold;} #sidebars ul ul ul a {font-weight:normal;} #tag_cloud a {display: inline;} #wp-calendar {border-collapse:collapse;} #wp-calendar a {font-weight:bold;font-size:1.167em;} #wp-calendar th, #wp-calendar td {padding:3px 0px;text-align:center;} #wp-calendar th {background:#ece9e1;} /***** FOOTER *****/ #morefoot {float:left;clear:both;background:#fefdfd url(images/bg_gradient.jpg) repeat-x bottom left;width:100%;border-top:1px solid #e7e2d7;border-bottom:1px solid #e7e2d7;} .column {width:238px;float:left;margin:20px;padding:20px;border-left:1px solid #f0ede6;border-right:1px solid #f0ede6;} .column ul {list-style:none;} .column li {border-top:1px solid #f0ede6;padding:2px 5px;} #footer {float:left;clear:both;width:100%;} #footer .wrapper {text-align:center;padding:10px 20px;width:920px;} /***** CLASSES *****/ .left {float:left;} .right {float:right;} .kill {clear: both; background-color: transparent;} .lilkill {clear:both;height:1px !important;overflow:hidden;} .pageTitle {margin-bottom:20px;font-size:2em;} /***** Internet Explorer does not always play nice, but I guess if you are in the CSS, you knew that. *****/ * html a.download, * html .submit, * html #nav .current_page_item a, * html #header #logo, * html a.retweet span, * html #respond button, * html #nextprevious .left a, * html #nextprevious .right a {background-image:url(images/sprites.gif) !important;} * html #nav a {padding:0 10px;} * html #nav li li a {padding: 5px 20px 5px 15px;} * html #sidebars {margin-right:5px;} * html .column#IE {margin-left:10px;} * html #respond button {padding:1px 3px 1px;} * html .children .comment {margin-left:10px;} /***** DOWNLOAD PAGE *****/ #getit {border-bottom:1px solid #f0ede6;border-top:none;background:#fefdfd url(images/bg_gradient.jpg) repeat-x bottom left;padding:20px;} a.download {width:42px;height:42px;float:left;display:block;background:transparent url(images/sprites.png) no-repeat 0px 0px;margin-right:10px;text-decoration:none;} a.download:hover {background-position:0px -42px;text-decoration:none;} .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;} .alignright {float: right;} .wp-caption {border:1px solid #E7E2D7;width:445px !important;background:#FEFDFD;margin-bottom:10px;} .wp-caption img {margin: 0;padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {padding:5px 4px;margin:0px;}