/*
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:"Georgia";
height:100%;
background-image:url(images/background2.png);
background-repeat:repeat;
position:relative;
text-align:left;


}

#page {
width:900px;
line-height:22px;
height:100%;
background:#fff;
border:1px solid #CCC;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:20px;
}

.page_title {
font-family:arial;
width:600px;
}

#wrap {
height:100%;
}

/* header + navigation
--------------------------------------------------*/
#headerchan{

width:100px;
}

#headerchan a {
	border:none;
	background:none;
}
#headerchan a:hover {
	border:none;
	background:none;
}

#header {
height:100px;
padding:0px;
}


#nav {
float:right;
margin: 10px 0 0 -10px;
}

#nav li {
float:left;
list-style:none;
margin:0;
padding:0;
}

.clear {
clear:both;
}

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

#content h1,h2,h3,h4 {
font-family:arial;
}

#content h1 a{
color:#288ab7;
background:#FFF;

padding:1px 3px;
}

#content h2 a,h3 a,h4 a {

padding:1px 3px;
}

body a,h3 a:hover,.navigation a:hover {
color:#288ab7;
background:#FFF;
}

body a:hover,#content h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h3 a {
color:#288ab7F;
background:#000;
}

.postmetadata {
margin-bottom:50px;
}


/* h3 colors, somehow needed
--------------------------------------------------*/
h3 a {
color:#0cbff3;
background: #fff;
}

h3 a:hover {
color: #288ab7;
background: #000;
}



/* sidebar
--------------------------------------------------*/
#sidebar {
float:right;
width:180px;
height:100%;
}

#sidebar ul,li {
list-style:none;
margin-left:-20px;
}

#sidebar h3 {
margin-top:20px;
}




/* search
--------------------------------------------------*/
#s {
font-family:georgia;
width:160px;
background-image:url(images/background-search.png);
background-repeat:repeat;
margin-top:3px;
padding:4px;
}



/* 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:30px;
}

/* posts
--------------------------------------------------*/

.the_gun_line{
width:100%;
border-bottom:1px dotted #0cbff3;
margin:0px 0 10px 0;
float:left;
}
.post,.entry {
width:600px;
}

.left,.alignleft {
float:left;
}

.right,.alignright {
float:right;
}


	.img_padder{
		margin:5px; 
		padding:10px;
		background-image:url(images/background2.png);
background-repeat:repeat;
		float:left;
		border:1px solid #CCC;
	}
	.boxgrid{ 
				width: 266px; 
				height: 180px; 
				
				float:left; 
				background:#161613; 
				
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background-image:url(images/background2.png);
background-repeat:repeat;
				height: 150px; 
				width: 100%; 
				top: 180px;
				
 			}
 				.cover .boxcaption {
 					top: 180px;
 					left: 0;
 				}
				.boxcaption .a{
					color:#FFF;
					background:none;
				}
 		

.boxgrid2{ 
				width: 415px; 
				height: 250px; 
				
				float:left; 
			
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid2 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					
				}
				
			.boxcaption2{ 
				float: left; 
				position: absolute;
				padding:10px;
				height: 300px; 
				width: 400px; 
				top: 320px;
				
				background-image:url(images/background2.png);
background-repeat:repeat;
 			}
 				.cover2 .boxcaption2 {
 					top: 130px;
 					left: 0;
 				}
				
				.boxcaption3{ 
				float:left; 
				position: absolute;
				padding:5px;
				background: #000; 
			
				width: 140px; 
				top: 30px;
				left:460px;
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.cover3 .boxcaption3 {
 					top: 0px;
 					left: 0;
 				}