/*
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 {
font-size:100%;
font-family:times new roman, times, serif;
height:100%;
position:relative;
background-color: white;
text-align:left;
width:930px;
margin:0 auto;
}

li.klaar a{
position:relative;
right:29px;

}

li.klaar2{
position:relative;
right:0px;
}

#bannerss{
float:right;
padding-right:19px;
}

#protein{
float:right;
padding-right:19px;
}

#tophead{
float:left;
width:650px;
font-size:12pt;
margin-left:56px;



}

a.tekstlink{
text-decoration:underline;
color:blue;
background-color:white;
font-size:12px;
}

#page {
Width:1000px;
line-height:22px;
height:100%;
background:#FFF;
margin:20px;
margin-left:auto;
margin-right:auto;
padding:30px;
}

.page_title {
width:600px;
font-family: monaco, courier new, monospace, sans-serif, arial;
}

#wrap {
height:100%;
}

.link{
text-decoration:none;
border:0px;
}

/* header + navigation
--------------------------------------------------*/
#header {
height:165px;
padding:0 0 0px;
font-family:courier new, courier, serif;
}

#headerimg h1 {
margin: 0px 0 0px; 0;
font-family:courier new, courier, serif;
float:left;
height:100px;
}

#headerimg h1 a {
font-family:courier new, courier, serif;
font-size:20pt;
color:black;
padding:0px 0px;

}



.page_title {
font-family:courier new, courier, serif;
width:600px;
color:black;
}

h2.posttitle{
text-transform:uppercase;
font-family: monaco, courier new, monospace, sans-serif, arial;
margin-top:8px;
font-size:14px;
}

h2.related{
color: black;
    font-family: monaco,courier,monospace,sans-serif,arial;
    font-size: 10pt;
    font-weight: normal;
    text-transform: uppercase;
border-top:1px solid black;
border-bottom:1px solid black;
width:600px;
}

h2.related2{
color: black;
    font-family: monaco,courier,monospace,sans-serif,arial;
    font-size: 10pt;
    font-weight: normal;
    text-transform: uppercase;
border-top:1px solid black;
border-bottom:1px solid black;
width:550px;
}

.box-left li relatedlinks{
color: black;
    font-family: monaco,courier,monospace,sans-serif,arial;
    font-size: 10pt;
    font-weight: normal;
    text-transform: uppercase;
}

#ads{
float: right;
font-family: monaco, courier, monospace, sans-serif, arial;
text-transform:uppercase;
margin-right:19px;
}

#ads2{
float: left:
font-family: monaco, courier new, monospace, sans-serif, arial;
text-transform:uppercase;


}

a.linkhoofd{
color:black;
text-transform:uppercase;
font-family: monaco, courier new, monospace, sans-serif, arial;
font-size:10pt;
float:right;
background-color:white;
}
a.linkhoofd:hover{
color:black;
text-transform:uppercase;
font-family: monaco, courier new, monospace, sans-serif, arial;
font-size:10pt;
float:right;
background-color:white;
}
#frontpage {
color:black;
text-transform:uppercase;
font-family:times new roman, times;
font-size:12pt;
width:800px;
}

#nav	{
width:980px;
text-align: left;
padding: 0;
margin: 14px 0px 10px 0px;
float: left;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-size: 14px;
}


#nav ul	{
list-style: none;
margin: 0;
padding: 0;
display: inline;
font-size: 14px;
float: left;
width: 980px;
}
#nav li a {
text-decoration:none;
font-size: 11px;
color:black;
width:120px;
background-color:white;
font-family: monaco, courier, monospace, sans-serif, arial;
text-transform:uppercase;
display:block;
}

#nav li a:hover {
text-decoration:none;
font-size: 11px;
background-color:white;
color:#99ccff;
width:120px;
font-family: monaco, courier, monospace, sans-serif, arial;
text-transform:uppercase;
display:block;
}



.description {
font-size:18pt;
margin:0;
padding:0;
width:160px;
color:white;
font-family: courier new, courier, serif;
background-color:red;
text-align:left;
}

#nav {
padding:0;
}

#nav li {
float:left;
list-style:none;
margin:0 20px 0 0;
padding:0;
font-family:courier new, courier, serif;
}

.clear {
clear:both;
}

/* colors (#FFFD87 = yellow || #000 = black)
--------------------------------------------------*/
a {
text-decoration:none;
}

#content h1,h2,h3,h4 {
font-family: monaco, courier, monospace, sans-serif, arial;
}

a.social{
text-decoration:none;
background-color: #99ccff;
color:black;
font-family:courier new, courier, serif;
font-size:14px;
}

a.social:hover{
text-decoration:none;
background-color: white;
color:black;
font-family:courier new, courier, serif;
font-size:14px;
}


#content h1 a{
color:black;
background-color:white;
font-size: 1.5em;
	/*letter-spacing: -1.5px;*/
	/*line-height: 99%;*/
	font-weight: normal;
	font-family: monaco, courier new, monospace, sans-serif, arial;
	margin: 0;
	text-transform: uppercase;
}

#content h1 a:hover{
color:white;
background-color:black;
font-size: 1.5em;
	/*letter-spacing: -1.5px;*/
	/*line-height: 99%;*/
	font-weight: normal;
	font-family: monaco, courier new, monospace, sans-serif, arial;
	margin: 0;
	text-transform: uppercase;
}

#content h2 a,h3 a,h4 a {
padding:1px 0px;
font-size: 0.8em;
	/*letter-spacing: -1.5px;*/
	/*line-height: 99%;*/
	font-weight: normal;
	font-family: monaco, courier new, monospace, sans-serif, arial;
	margin: 0;
	text-transform: uppercase;
background-color:white;
color:black;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size:10pt;
font-family: monaco, courier, monospace, sans-serif, arial;
}

body a,h3 a:hover,.navigation a:hover {
color:white;
background:black;
font-family:times new roman, times, serif;
}

body a:hover, h2 a:hover, h3 a:hover,h4 a:hover,h3 a {
color:white;
background:#000;
font-family:times new roman, times, serif;
}

.postmetadata {
margin-bottom:50px;
font-family:courier new, courier, serif;
}


/* h3 colors, somehow needed
--------------------------------------------------*/
h3 a {
color: #4a3447;
background: white;
font-family:courier new, courier, serif;
}

h3 a:hover {
color: #000;
background: white;
font-family:courier new, courier, serif;
}



/* sidebar
--------------------------------------------------*/
#sidebar {
width:160px;
margin-right:20px;
height:100%;
font-family:courier new, courier, serif;
float:right;



}

#sidebar ul,li {
list-style:square;
font-family:courier new, courier, serif;
color:white;
font-size:10pt;



}

#sidebar h3 {

font-size:10pt;
font-family:courier new, courier, serif;

}

.sponsor{
margin-left:10px;
background-color:white;
color:black;
font-size:8pt;
height:21px;
border-top:1px solid black;
border-bottom:1px solid black;
width:150px;
font-family: monaco, courier new, monospace, sans-serif, arial;
text-transform:uppercase;
}


/* frontpage
--------------------------------------------------*/
.feature {

float:left;
width:802px;
height:425px;
margin-top:5px;
font-family:times new roman, times, serif;
font-size:5pt;

}

.feature h1 {
margin-top:5px;
font-size:10pt;
font-family: monaco, courier, monospace, sans-serif, arial;
text-transform: uppercase;


}

.feature p {
text-align:left;
font-size:10pt;
font-style:italic;
height:auto;
width:auto;
width:800px;
float:left;

font-family:times new roman, times, serif;

}

 {
border:5px solid #fffd87;
padding:0;
}

#leadpic {
float:left;
font-family:courier new, courier, serif;
font-size:11pt;
width:800px;
height:350px;
border-style: none;
background-color:white;
border:0px;
}



.frontcol img {
float:left;
border:2px solid #e9e9e9;
display:block;
background:transparent;
margin:0px 10px 0 0;

padding:0;
font-family:courier new, courier, serif;
font-size:11pt;

}

.frontcol img:hover {
float:left;
border:2px solid black;
display:block;

margin:0px 10px 0 0;
font-family:courier new, courier, serif;
font-size:11pt;

}

.frontcol {
margin-top:10px;
padding-right:10px;
font-family:courier new, courier, serif;
font-size:8pt;
float:left;
background-color:white;


}

.frontcoll img {
float:left;
border:2px solid #e9e9e9;
display:block;
background:transparent;
margin:0px 10px 0 0;
width:200px;
padding:0;
font-family:courier new, courier, serif;
font-size:11pt;

}

.frontcoll img:hover {
float:left;
border:2px solid black;
display:block;
width:200px;
margin:0px 10px 0 0;
font-family:courier new, courier, serif;
font-size:11pt;

}

.frontcoll {
margin-top:10px;
padding-right:10px;
font-family:courier new, courier, serif;
font-size:8pt;
background-color:white;


}

.clearfloat {

background-color:white;
padding:0 0 0px;

}

.clearfloatt {
float:left;
border-bottom: 1px solid black;
width:400px;
height:300px;
margin:5px;
}

Float Properties
.clearfloat:after {
content:".";
}
#left{
background-color:white;
height:450px;
width:800px;
}
#right{
width:820px;
height:1300px;
}

#cate{
height:auto;

background-color:white;
}

#cate p{
height:auto;
width:auto;
}

.box-left {
background-color:white;
width:575px;
font-size: 14pt;
margin-bottom:20px;
font-family:courier new, courier, serif;
}

.box-left h2 {
/*font-family:courier new, courier, serif;*/
color:black;
/*font-size:14pt;*/
}

.box-right {
background-color:white;
border: 1px dashed #99ccff;
float:left;
font-size: 8pt;
font-family:courier new, courier, serif;
}

.box-right h2 {
margin:15px 0;
color:black;
font-family:courier new, courier, serif;
}

/* search
--------------------------------------------------*/
#s {
font-family:times new roman, times;
width:146px;
font-size:9px;
background-color: #f5f5f5;
background-repeat:repeat;
border:1px solid #AFAFAF;
margin-bottom:2px;
height:15px;
float:right;
margin-top:5px;
}

.searchform{
margin-bottom:10px;
padding-top:5px;
margin-left:210px;

}

/* comments
--------------------------------------------------*/
#comments,#respond {
width:590px;

}

.commentlist {
line-height:150%;
width:590px;
margin:0;
padding:0;

}

.commentlist li {
background-color:white;
border: 1px dashed black;
list-style:none;
color:black;
width:590px;
float:left;
margin:0 0 30px;
padding:20px;
}

.comment-btm {
padding:100px 20px;
color:black;
}

.commentlist cite,.commentlist cite a,.commentlist cite a:visited {
font-style:normal;

}

.commentlist small {
margin-bottom:5px;
display:block;
font-size:87%;
}

#commentform {
margin-top:10px;
font:110%;
width:590px;
}

#commentform p {
margin:0;
padding:6px 0;
}

#commentform input {
width:250px;
background:lightgrey;
border:1px solid #AFAFAF;
margin-top:3px;
font-family:courier new, courier, serif;
padding:4px;
}

#commentform textarea {
width:500px;
height:150px;
background:lightgrey;
border:1px solid #AFAFAF;
margin-top:3px;
font-family:courier new, courier, serif;
line-height:1.5;
padding:4px;
}

#commentform textarea:focus,#commentform input[type="text"]:focus {
background:#fff;
}

#commentform #submit {
background:lightgrey;
border:1px solid #AFAFAF;
font:100% courier new, courier, serif;
color:#000;
float:left;
width:160px;
height:28px;
cursor:pointer;
}

#gravatar {
width:400px;
color:black;
}

#gravatar img {
float:left;
margin-right:10px;
}

/* previous + next links
--------------------------------------------------*/
.navigation {
width:600px;
padding-bottom:15px;
height:20px;
}

.navigation a {
color:#FFFD87;
background:#000;
padding:1px 3px;
}

/* 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 {
clear:both;
padding-top:10px;
text-transform:uppercase;
font-size: 0.8em;
	/*letter-spacing: -1.5px;*/
	/*line-height: 99%;*/
	font-weight: normal;
	font-family: monaco, courier, monospace, sans-serif, arial;
	margin: 0;
	text-transform: uppercase;

}

/* posts
--------------------------------------------------*/
.post{
width:600px;
}
.entry {
width:600px;
font-family:times new roman, times, serif;
font-style:italic;
}

.left,.alignleft {
float:left;
}

.right,.alignright {
float:right;
}

/* -sociable- */

div.sociable { margin-bottom:5px; 
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: white;
	border: 1px solid white;
	color: white;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
p.postmetadata alt{
margin:none;
padding:none;
}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}


.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}