/*
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. <a href="http://themes.1000ff.de">Working demo</a> / <a href="http://1000ff.de/sirup-faq/">FAQ</a>.
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 { margin: 0pt auto;
background: white none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
font-family: arial,helvetica,serif;
font-size: 16px;
height: 100%;
position: relative;
text-align: left;
width: 100%;
}
a { color: rgb(0, 0, 153);
text-decoration: none;
}
a:hover { text-decoration: underline;
}
p { font-family: arial,helvetica,sans-serif;
font-size: 14px;
line-height: 19px;
}
#content h1, h2, h3, h4, .posttitle, .pagetitle { font-family: arial,helvetica,serif;
}
#content h3 { display: block;
font-size: 1.5em;
text-transform: lowercase;
font-weight: normal;
}
#content h3 a { padding: 3px;
color: white;
text-decoration: none;
background-color: red;
}
#content h3 a:hover { text-decoration: underline;
}
#page { padding: 5px;
margin-left: auto;
margin-right: auto;
height: 100%;
position: relative;
width: 100%;
}
#header { padding: 5px;
float: left;
position: relative;
text-align: center;
margin-bottom: 5px;
width: 100%;
color: rgb(255, 0, 0);
background-color: rgb(255, 0, 0);
}
#masthead { margin: auto;
width: 980px;
}
#masthead img { border: 0pt none ;
}
#masthead a { border: 0pt none ;
}
#nav { margin: auto;
background: rgb(255, 255, 255) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
height: 30px;
width: 980px;
clear: left;
text-align: center;
color: rgb(0, 0, 0);
}
#nav ul { margin: 0px auto;
font-family: arial,helvetica,sans-serif;
color: black;
font-size: 1.5em;
padding-left: 4px;
padding-top: 3px;
text-transform: lowercase;
}
#nav li { list-style-type: none;
display: inline;
}
#nav a { padding-right: 15px;
text-decoration: none;
color: rgb(0, 0, 0);
}
#nav a:hover { color: rgb(255, 0, 0);
}
#twitter { border: 1px solid rgb(166, 0, 0);
margin: auto auto 20px;
text-align: left;
width: 330px;
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
padding-bottom: 10px;
clear: both;
}
#twitter h1 { margin: 3px 3px 0pt;
color: white;
display: inline;
font-family: arial,helvetica,sans-serif;
font-size: 0.9em;
font-variant: small-caps;
font-weight: 400;
}
#twitter a:hover { color: rgb(255, 135, 40);
text-decoration: none;
}

#twitter a {color: grey;
text-decoration:none;
display:block;
font-size: .8em;
}

#twitter ul { font-family: arial,helvetica,sans-serif;
list-style-type: none;
font-size: 1em;
line-height: 1.2em;
padding-right: 10px;
}
#twitter img { text-align: center;
}

#twitterfooter {margin:auto;
text-align:center;
font-weight: bold;
}

#twitterfooter a {font-size: 1em;
color:red;
}

#body { width: 980px;
display: inline;
}
#primary { margin: 10px auto auto;
height: 100%;
width: 980px;
}
#content { padding-right: 5px;
padding-left: 5px;
float: left;
width: 635px;
margin-top: 10px;
}
#headerlogo { float: left;
}
#headerad { width: 300px;
height: 98px;
float: right;
}
#content h1, h2, h3, h4 { font-family: arial,helvetica,sans-serif;
}
#feature { border-bottom: 2px solid rgb(94, 94, 94);
padding: 5px;
float: left;
width: 625px;
font-family: arial,helvetica,sans-serif;
margin-bottom: 10px;
}
#feature img { border: 2px solid rgb(255, 135, 40);
padding: 0pt;
}
#frontpage { padding: 0pt;
float: left;
margin-top: 50px;
width: 650px;
}
.frontcol img { border: 5px solid rgb(255, 135, 40);
margin: 3px 10px 0pt 0pt;
padding: 0pt;
background: transparent none repeat scroll 0pt 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
display: block;
float: left;
}
#leadpic { margin: 0pt 15px 6px 0pt;
float: left;
}
.frontcol img:hover { border: 5px solid rgb(255, 253, 135);
margin: 3px 10px 0pt 0pt;
display: block;
float: left;
}
.frontcol { float: left;
font-family: Georgia,sans-serif;
width: 300px;
}
.clearfloat { padding: 0pt 4px 30px;
display: block;
font-family: arial,helvetica,sans-serif;
font-size: 0.9em;
}
#sidebar { border: 1px none rgb(229, 229, 229);
margin: auto;
float: right;
width: 330px;
margin-top: 10px;
}
#sidebar h3 { padding: 3px;
font-family: arial,sans-serif;
font-weight: 400;
margin-top: 10px;
text-transform: lowercase;
font-size: 1.3em;
border-top-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-left-width: 1px;
color: white;
background-color: rgb(166, 0, 0);
}
#sidebar ul, li { list-style-image: none;
list-style-position: outside;
list-style-type: square;
}
#footer { margin: auto;
width: 980px;
text-align: center;
}
post, .entry { width: 635px;
padding-right: 10px;
font-family: arial,helvetica,serif;
}
.post img { margin-left: 1em;
margin-right: 1em;
}
.post a { font-weight: bold;
}
.left, .alignleft { float: left;
}
.right, .alignright { float: right;
}
#date { padding: 0.2em;
font-size: 1.2em;
float: left;
width: 5em;
text-align: center;
font-family: Arial,Helvetica,sans-serif;
margin-right: 0.2em;
background-color: rgb(179, 1, 1);
color: rgb(255, 255, 255);
}
#headlinetxt { padding: 0.2em;
font-size: 1.2em;
font-weight: bold;
margin-left: 4.9em;
font-family: Arial,Helvetica,sans-serif;
}
#headline { position: relative;
width: 625px;
}
#pagetitle { margin-bottom: 10px;
background-color: rgb(255, 0, 0);
line-height: 2.4em;
}
.pagetitle { padding: 0.2em;
font-family: arial narrow,arial,helvetica,sans-serif;
font-weight: bold;
font-size: 2em;
text-transform: lowercase;
display: inline;
color: rgb(255, 255, 255);
width: 100%;
background-color: transparent;
}
.clearfloat:after, float properties .clearfloat:after { display: block;
visibility: hidden;
clear: both;
height: 0pt;
content: ".";
}
#searchform { margin-bottom: 10px;
width: 330px;
}
.wp-caption { border: 1px solid rgb(221, 221, 221);
margin: 10px;
text-align: center;
background-color: rgb(243, 243, 243);
padding-top: 4px;
}
.wp-caption img { border: 0pt none ;
margin: 0pt;
padding: 0pt;
}
.wp-caption p.wp-caption-text { margin: 0pt;
padding: 0pt 4px 5px;
font-size: 11px;
line-height: 17px;
}

