/* Theme Name: A Setting Sun Theme URI: http://asettingsun.bramblingdesign.com Author: Tim Sainburg Author URI: http://www.bramblingdesign.com Description: A Setting Sun is a simple, easy to use theme designed for aesthetic appeal. It features a beautiful background, and attractive fonts. It is a full featured theme. Version: 1.0 License: GNU General Public License License URI: license.txt Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, red, yellow, blue This theme, like WordPress, is licensed under the GPL. */ /* =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, b, u, i, center, 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-size : 100%; vertical-align : baseline; background : transparent; } body { line-height : 1; overflow-x: hidden; background: url(img/background.jpg) top center fixed no-repeat #e8d07e; } .sticky { } blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ''; } :focus { outline : 0; } .readmorelink { float:left; font-weight: bold; clear:both; width:100%; } ins { text-decoration : none; } del { text-decoration : line-through; } table { border-collapse : collapse; border-spacing : 0; } /* =Structure -------------------------------------------------------------- */ #page { display: block; margin: 0 auto; width:960px; font-family: ÒHelvetica NeueÓ, Arial, Helvetica, sans-serif; font-size:13px; } #primary { float: left; width: 660px; line-height:30px; } .post, article.page { background: url(img/paper.jpg); width: 570px; padding:30px; margin-bottom:30px; } .pingback { background: none; width: inherit; padding:inherit; margin-bottom:inherit; } #content { } .entry-content { padding:15px 30px; } #main #secondary { float: right; overflow: hidden; width: 240px; padding:15px 30px 30px 30px; background: url(img/sidebar.jpg) } #colophon { clear: both; display: block; width: 100%; } /* Increase the size of the content area for templates without sidebars */ .full-width #content, .image-attachment #content, .error404 #content { margin: 0; } /* Text meant only for screen readers */ .screen-reader-text, .section-heading { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Alignment */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* =Header -------------------------------------------------------------- */ #site-title { font-size: 45px; font-weight: bold; padding:30px 0 15px 0; color:#F3E6B6; } #site-title a:hover { color:#262069; text-shadow: 1px 1px 0 #F3E6B6, 0 4px 0 rgba(0, 0, 0, .15); } #site-title a { font-family: 'Rokkitt', arial, serif; text-shadow: 1px 1px 0 #262069, 0 4px 0 rgba(0, 0, 0, .15); color:#F3E6B6; } #site-description { font-weight:bold; font-size:16px; text-transform:uppercase; letter-spacing: 3px; text-shadow:0 1px 0 rgba(255, 255, 255, .3); } /* =Menu -------------------------------------------------------------- */ #access { display: block; float: left; margin: 0 auto 15px; width: 840px; padding:0 60px; font-weight:bold; font-size:12px; text-transform:uppercase; letter-spacing: 3px; background: url(img/navbg.png); text-shadow:0 1px 0 rgba(255, 255, 255, .5); } #access ul { list-style: none; margin: 0; padding-left: 0; } #access li { float: left; position: relative; height:45px; } #access a { display: block; line-height: 45px; padding: 0 15px 0 0; text-decoration: none; } #access a:hover { color:#F3E6B6; text-shadow:0 1px 0 rgba(0, 0, 0, .5); } #access ul ul { box-shadow: 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 45px; left: 0; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } #access ul ul li { margin-left:0; } #access ul ul a { line-height: 15px; padding: 15px 15px 15px 15px; width: 10em; background: #F3E6B6; height: auto; } #access ul ul a:hover { background: #9e993b; } .entry-meta { line-height:30px; font-style: italic; padding:0 30px; } .entry-meta a { font-style: normal; text-transform: uppercase; } #access ul ul a:hover { color:#6762A1; } #access li:hover > a, #access ul ul :hover > a { } #access ul ul a:hover { } #access ul li:hover > ul { display: block; } /* =Content -------------------------------------------------------------- */ .entry-meta { clear: both; font-size:11px; display: block; } #content nav { display: block; overflow: hidden; } #content nav .nav-previous { float: left; width: 50%; font-family: 'Rokkitt', arial, serif; text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; } #content nav .nav-next { float: right; text-align: right; width: 50%; font-family: 'Rokkitt', arial, serif; text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; } #content #nav-above { display: none; font-family: 'Rokkitt', arial, serif; padding:0 30px 0 0; text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; } .paged #content #nav-above, .single #content #nav-above { display: block; } #nav-below { margin: 15px 0 0; font-family: 'Rokkitt', arial, serif; text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; } .page-link { margin: 15px 0 ; } /* 404 page */ .error404 .widget { float: left; width: 33%; } .error404 .widget .widgettitle, .error404 .widget ul { margin-right: 15px; } .error404 .widget_tag_cloud { clear: both; float: none; width: 100%; } /* Notices */ .post .notice, .error404 #searchform { background: #eee; display: block; padding: 15px; } /* Image Attachments */ .image-attachment div.entry-meta { float: left; } .image-attachment nav { float: right; margin: 0 0 15px 0; } .image-attachment .entry-content { clear: both; } .image-attachment .entry-content .entry-attachment { background: #eee; margin: 0 0 15px; padding: 15px; text-align: center; } .image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; } /* Aside Posts */ .format-aside .entry-header { display: none; } .single .format-aside .entry-header { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 15px; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* Aside Posts */ .format-gallery .gallery-thumb { float: left; margin-right: 15px; } /* =Images -------------------------------------------------------------- */ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft { margin-right: 15px; } img.alignright { margin-left: 15px; } .wp-caption { padding: .5em; text-align: center; } .wp-caption img { margin: .25em; } .wp-caption .wp-caption-text { margin: .5em; } .gallery-caption { } .wp-smiley { margin: 0; } /* =Forms -------------------------------------------------------------- */ #searchform label { display: none; } #searchform input#s { width: 60%; } input[type=text], input#s { margin: 0 15px 0 0; width: 60%; } textarea { width: 80%; } /* Class for labelling required form items */ .required { color: #cc0033; } /* =Comments -------------------------------------------------------------- */ article.comment { display: block; } #respond input[type=text] { display: block; width: 60%; } #respond textarea { display: block; margin: 0 0 15px; width: 80%; } #respond .form-allowed-tags { clear: both; width: 80%; } #respond .form-allowed-tags code { display: block; } /* =Widgets -------------------------------------------------------------- */ .widget { display: block; } .widget-area .widget_search { overflow: hidden; } .widget-area .widget_search input { float: left; } /* =Footer -------------------------------------------------------------- */ #colophon { padding: 15px 0 0; } /* =Text -------------------------------------------------------------- */ p, li, td { line-height : 1.5em; vertical-align:baseline; text-align:justify; } p {padding-bottom:15px;} input, textarea, select { font-family : "Lucida Grande", Calibri, Helvetica, Arial, sans-serif; font-size : 13px; padding : 4px; } .pageheader {padding-bottom:15px} a { color:#1D3E62; text-decoration:none; } a:hover { color:#411D66; } article img { padding:5px; background: #e8d07e; } h1,h2,h3,h4,h5,h6 { line-height:30px; padding-bottom:30px; text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; font-family: 'Rokkitt', arial, serif; } #secondary h1,#secondary h2,#secondary h3,#secondary h4,#secondary h5,#secondary h6 { line-height:30px; padding-bottom:30px; text-shadow: 1px 1px 0 #262069, 2px 2px 0 rgba(0, 0, 0, .15); color:#F3E6B6; font-family: 'Rokkitt', arial, serif; padding-bottom:0; padding-top: 15px; } h1 { font-size:22px; } h2 { font-size : 20px; } h3 { font-size : 18px; font-size : 18px; } h4 { font-size : 16px; } h5 { font-size : 14px; } h6 { font-size : 12px; } h1,h2,h3 { font-weight:normal; } li {margin-left:30px;} .entry-title { background: url(img/titlebg.png) top center no-repeat; padding-bottom:0 text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; font-family: 'Rokkitt', arial, serif; padding:0 30px 0 30px; font-size:30px; text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); } .entry-title a { font-family: 'Rokkitt', arial, serif; color:#262069; } #nav-above, #nav-below { font-size:20px; margin-bottom:30px; } #nav-above a, .page-title { text-shadow: 1px 1px 0 #262069, 2px 2px 0 rgba(0, 0, 0, .15); color:#F3E6B6; font-family: 'Rokkitt', arial, serif; } #comments .fn { text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; font-size:20px; font-family: 'Rokkitt', arial, serif; } .avatar {padding:0;margin-right:15px;} #comments-title, #reply-title { background: url(img/titlebg.png) top center no-repeat; padding-bottom:0 text-shadow: 1px 1px 0 #F3E6B6, 2px 2px 0 rgba(0, 0, 0, .15); color:#262069; font-family: 'Rokkitt', arial, serif; padding:0 30px 0 30px; margin-bottom:30px; } .aside p, blockquote { padding-left:15px; font-style: italic; background: url(img/quotes-trans.png) top left no-repeat; }