/*
Theme Name: Sirup
Theme URI: http://1000ff.de/wordpress-theme-sirup/
Description: A simple magazine and blog layout, easy to customize through an options page. Fast loading CSS-only theme with support for Gravatars and Sidebar Widgets. Working demo / FAQ.
Version: 1.0.3
Tags: options page, magazine, two columns, right sidebar, fixed width, widget ready, simple, white, yellow, clean, valid XHTML
Author: 1000ff
Author URI: http://1000ff.de/
*/
* html {
height:1%;
}
body { font-size: 12px; font-family: Times; line-height: 17px; background-color: #fff; background-repeat: repeat; text-align: left; margin: 0 auto; width: 1200px; position: relative; height: 100%; margin-top: 20px }
#page { font-size: 12px; font-family: Times; font-weight: lighter; line-height: 17px; background-color: #fff; background-position: 0 0; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 20px; padding-right: 30px; padding-left: 30px; height: 100%; border: solid 12px #eef0ea }
.page_title { font-family: arial; width: 600px }
/* header + navigation
--------------------------------------------------*/
a img { outline: none; border-style: none; border: none }
img { outline: none; border-style: none; border: none }
#navi2 .current-cat { font-style: italic }
h7 a { font-size: 14px; padding-right: 10px; padding-left: 20px }
.cat-block { display: inline; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; float: right; padding-bottom: 20px; width: 200px; border-bottom: 1px solid #6f6866; padding-left: 0px }
h2 { color: #000; font-size: 11px; font-weight: lighter; text-transform: uppercase; letter-spacing: 2px; margin-right: 0; margin-left: 0 }
#header { padding: 0px 0 0px }
#headerimg h1 { margin-top: 14px; margin-bottom: 30px }
#headerimg h1 a { outline: none; border-style: none; border: none }
.page_title { font-family: Times; width: 600px }
#navi2 { margin-left: -40px }
#navi2 { color: #fff; display: inline; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; float: right; padding-bottom: 10px; width: 200px; padding-left: 0px; border-bottom: 1px solid #6f6866 }
#navi2 a { color: #000; font-size: 11px; font-family: Times; font-style: normal; font-weight: lighter; line-height: 17px; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding: 4px 20px 4px 20px }
#navi2 a:hover { color: #000; font-size: 11px; font-style: italic; line-height: 17px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; padding: 4px 20px 4px 20px }
#navi3 { list-style: none; display: inline; margin-top: 0px; margin-right: 0px; margin-left: 0px; float: right; padding-bottom: 0px; width: 190px; padding-left: 0px }
#navi3 a { color: #000; font-size: 11px; font-family: Times; font-style: italic; font-weight: lighter; line-height: 17px; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding: 5px 20px 5px 20px }
#navi3 a:hover { color: #000; font-size: 11px; font-style: italic; line-height: 17px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; padding: 5px 20px 5px 20px }
.description { font-size: 14px; font-weight: lighter; margin: 0; padding: 0 }
#nav { margin-top: 0px; 0px; padding: 0 0 }
#nav li { text-align: left; list-style: none; margin-top: 0px; margin-bottom: 10px }
.clear {
clear:both;
}
/* colors (#FFFD87 = yellow || #000 = black)
--------------------------------------------------*/
h5 { color: #8a8a81; font-size: 11px; font-family: Times; font-style: italic; font-weight: lighter; text-transform: lowercase; letter-spacing: 0 }
h6 { color: #000; font-size: 13px; font-family: Times; font-weight: lighter; line-height: 17px; background-color: #fff; letter-spacing: 0.5px; margin-top: 20px; padding-right: 15px; width: 135px; float: left; vertical-align: middle }
#content h4 { margin-top: -40px; padding-bottom: -40px }
#content h4 { color: #000; font-size: 40px; font-family: Times; font-style: italic; font-weight: lighter; line-height: 17px; background-position: 0 0; text-align: right; text-transform: lowercase; letter-spacing: 1px; padding-top: 30px }
h4 { color: #000; font-size: 18px; font-family: Times; font-style: normal; font-weight: lighter; line-height: 17px; background-position: 0 0; text-align: left; text-transform: uppercase; letter-spacing: 4px; padding-top: 0px; padding-left: 20px; margin-bottom: 15px }
a { color: #000; font-size: 12px; font-family: Times; font-style: italic; font-weight: normal; line-height: 17px; text-decoration: none }
#content h1,h2,h3 { color: #000; font-size: 11px; font-family: Times; font-weight: lighter; line-height: 17px; text-transform: uppercase; letter-spacing: 1px }
#content h1 a { color: #000; font-size: 14px; font-family: Times; font-weight: lighter; line-height: 17px; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: lowercase; letter-spacing: 1px }
#content h2 a,h3 a,h4 a { color: #000; font-size: 11px; font-style: normal; font-weight: lighter; line-height: 17px; text-transform: uppercase; letter-spacing: 2px }
body a,h3 a:hover,.navigation a:hover { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
body a:hover,#content h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h3 a { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.postmetadata { text-transform: lowercase }
/* h3 colors, somehow needed
--------------------------------------------------*/
h3 a { color: #000; font-size: 11px; font-style: italic; line-height: 8px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; letter-spacing: 1px }
h3 a:hover { color: #000; background: #eef0ea }
/* sidebar
--------------------------------------------------*/
#sidebar { width: 200px; height: 450px; float: left; padding-right: 20px; padding-top: 0px; margin-top: 40px; border-right: 1px solid #6f6866; margin-right: 20px; vertical-align: middle }
#sidebar-sub { width: 190px; height: 450px; float: right; padding-left: 10px; padding-top: 0px; margin-top: 40px; border-left: 1px solid #6f6866; margin-left: 20px; vertical-align: middle }
#sidebar ul,li { color: #fff; font-size: 11px; font-family: Times; font-weight: lighter; line-height: 17px }
#sidebar h3 { color: #000; font-size: 15px; font-family: Times; font-style: italic; font-weight: lighter; line-height: 17px; text-transform: lowercase }
#sidebar h2 { color: #000; font-size: 10px; font-family: Times; font-style: normal; font-weight: lighter; line-height: 20px; text-transform: none; font-weight: lighter; text-align: center; letter-spacing: 1px; border-top: 1px solid #6f6866; padding-top: 10px }
#sidebar h2 a { color: #000; font-size: 10px; font-family: Times; font-style: normal; font-weight: lighter; line-height: 20px; text-transform: none; font-weight: lighter; text-align: center; letter-spacing: 1px; padding-top: 10px }
#sidebar h1 { border-bottom: 1px solid #6f6866; padding-bottom: 20px }
#sidebar h5 { padding-top: 30px }
#page-link { color: #000; font-size: 16px; font-family: Times; font-style: normal; font-weight: lighter; line-height: 17px; text-transform: lowercase; border-top: 1px solid #6f6866; margin-top: 20px; padding-top: 8px; text-align: center }
/* frontpage
--------------------------------------------------*/
.feature { background-color: #fff; margin-bottom: 30px; padding-right: 10px; width: 507px; float: left; border-right: 1px solid #eef0ea }
.feature h1 { color: #000; font-size: 11px; font-family: Times; line-height: 17px; text-transform: uppercase; word-spacing: 2px }
.feature p {
text-align:justify;
}
.feature img { }
#leadpic { margin-bottom: 12px; padding-bottom: 12px; float: left; border-bottom: 1px solid #eef0ea }
#frontpage { margin-top: 50px; padding: 0 20px 0 0; width: 400px; float: right }
.frontcol img { background: #fff; display: block; margin-bottom: 10px; float: left }
.frontcol1 img { background: #fff; display: block; margin-bottom: 10px; float: left }
.frontcol img:hover { display: block; float: left }
.frontcol { width: 220px; float: right }
.frontcol1 { width: 220px; float: right }
.clearfloat { display: block }
Float Properties
.clearfloat:after { display: block; height: 0; float: right; content: "." }
.box-left { background-image: url(images/background.png); background-repeat: repeat; margin: 0 10px 20px 0; padding: 10px 20px; width: 270px; float: left }
.box-left h2 { }
.box-right { margin-top: 0; margin-bottom: 60px; margin-left: 0; width: 200px; float: right }
.box-right h2 { }
/* search
--------------------------------------------------*/
#s { font-family: Georgia; background-repeat: repeat; margin-top: 3px; padding: 4px; width: 150px; border: solid 1px #afafaf }
/* comments
--------------------------------------------------*/
#comments,#respond { }
.commentlist { line-height: 150%; margin: 0; padding: 10px 0 0; width: 350px; float: right }
.commentlist li { background-repeat: repeat; list-style: none; margin-top: 0; margin-right: 0; margin-left: 0; padding-top: 10px; padding-bottom: 0; width: 350px; border-top: 1px solid #eef0ea }
.comment-btm { }
.commentlist cite,.commentlist cite a,.commentlist cite a:visited { font-size: 12px; font-style: italic; font-weight: lighter; line-height: 17px }
.commentlist small { display: block; margin-bottom: 5px }
#commentform { font-family: Times; font-weight: lighter; margin-bottom: 30px; padding-top: 10px; width: 350px; float: left }
#commentform p { font-size: 12px; font-family: Times; font-weight: lighter; line-height: 17px; margin: 0; padding: 6px 0 }
#commentform input { font-family: Times; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: 3px; padding: 4px; width: 150px; border: solid 1px #eef0ea }
#commentform textarea { font-size: 12px; font-family: Times; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-top: 3px; padding: 4px; width: 350px; height: 150px; border: solid 1px #eef0ea }
#commentform textarea:focus,#commentform input[type="text"]:focus {
background:#fff;
}
#commentform #submit { color: #000; font-size: 12px; font-family: Times; font-weight: lighter; line-height: 17px; background: #fff; text-transform: lowercase; letter-spacing: 0.5px; cursor: pointer; width: 160px; height: 28px; float: left; border: solid 2px #eef0ea }
/* previous + next links
--------------------------------------------------*/
.navigation { margin-top: 30px; padding-bottom: 15px; width: 750px; height: 20px }
.navigation a { color: #878179; font-size: 12px; font-family: Times; font-style: italic; font-weight: lighter; line-height: 17px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: lowercase; padding: 5px 10px; border: solid 2px #eef0ea }
/* wp-stuff
--------------------------------------------------*/
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
optionalroundedcornersforbrowsersthatsupportit-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
/* footer
--------------------------------------------------*/
#footer { color: #000; font-size: 12px; font-family: Times; font-weight: lighter; font-style: italic; text-align: center; letter-spacing: .8px; clear: both; padding-top: 30px; padding-bottom: 40px }
/* posts
--------------------------------------------------*/
.RPBC { text-align: left; display: inline; margin-right: -20px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 20px; float: left }
.RPBC img { display: inline; padding-top: 10px; padding-right: 10px; padding-left: 0; width: 142px; height: 142px }
.postfront { padding: 10px 20px; border-style: solid; border-width: 1px; border-color: #eef0ea #fff #fff }
.post,.entry { color: #000; font-size: 12px; font-family: Times; font-weight: lighter; line-height: 17px; background-attachment: scroll }
.post { padding-top: 25px; background-color: #FFF; padding-left: 5px }
.post-img { padding-right: 10px }
.post h2 { color: #000; font-size: 11px; font-family: Times; font-weight: lighter; line-height: 17px; text-transform: uppercase; letter-spacing: 2px }
.category-image { padding-top: 40px }
.left,.alignleft { float: left }
.right,.alignright {
float:right;
}
.excerpt { width: 170px; background-color: #FFF; float: left; display: block; padding-right: 20px; margin-top: 10px; margin-right: 10px }
.excerpt-float { position: absolute; left: 340px; top: 80px width: 170px; height: 375px; background-color: #FFF; opacity: .8; float: left; display: block; padding-right: 20px; padding-left: 20px; margin-top: 10px; padding-top: 40px; padding-bottom: 40px; margin-right: 10px }
p { color: #000; font-size: 12px; font-family: Times; font-weight: lighter; line-height: 18px; letter-spacing: 0.5px }
h6:first-child:first-letter { color: #000; font-size: 60px; font-family: Times; font-style: italic; font-weight: lighter; letter-spacing: -1px; padding-top: 35px; padding-right: 2px; padding-bottom: 5px }
.post p:first-child:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.posts-of-current-category { display: inline; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; float: right; padding-bottom: 10px; width: 200px; padding-left: 0px; border-bottom: 1px solid #6f6866 }
.posts-of-current-category a { color: #000; font-size: 11px; font-family: Times; font-style: italic; font-weight: lighter; line-height: 24px; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding: 5px 20px 5px 20px }
.posts-of-current-category a:hover { color: #000; font-size: 11px; font-style: italic; line-height: 24px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; padding: 5px 20px 5px 20px }
.scroll-pane{padding:0;}