/*
THEME NAME: Two Sided
THEME URI: http://www.fakeblog.de/wordpress-theme-twosided
DESCRIPTION: Minimal newspaper theme with a two sided frontpage. Menue funtionality integrated. And of course a lot of widgets. 4 widgets on the homepage, 4 widgets in the footer and 4 widgets in the sidebar. Imagine what you can do with a two sided layout. You can post two sides of a story. Or you can post your special category on the left side and the other categories on the right side. Your mind is the limit. I hope you enjoy this theme by fakeblog.de
VERSION: 1.0
AUTHOR: Floyd Celluloyd
AUTHOR URI: http://www.fakeblog.de/
License: Creative Commons: CC BY-NC 3.0 (please keep the link to www.fakeblog.de in the footer)
License URI: http://creativecommons.org/licenses/by-nc/3.0/
*/


	

	
*{margin:0;
padding:0;
}


/************* GLOBAL STUFF *************/

body{
    background:#fff;
	color:#444;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	margin:auto;
	width:100%;
	background-image:url(images/bg_navigation.png);
	background-position:center top;
	background-repeat:repeat-x;
}

hr{
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #CCC;
	margin:15px 0 30px 0;
}

a:link,a:visited{
    color:#808080;
	text-decoration:none;
}

a:hover{
    color: #666666;
}


#surrounding{
	width:960px;
	overflow:hidden;
	text-align:left;
	margin: 0 auto;
	padding: 0;
}

#footer{
	width:100%;
	height:280px;
	overflow:hidden;
	text-align:center;
	background:transparent url(images/footerbg_kachel.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
}

#footercontent{
	width:960px;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	height:300px;
}

#footerimage, #footerimage a{
	background:transparent url(images/footer_image_top.png) no-repeat 0 0;
	height:271px;
	width:210px;
	float:left;
}

#footerimage a:hover{
	background-position:0 -271px;
	cursor: pointer;
}

#footerimage img{
	border:0;
	margin:0;
}

#footercolumn{
	margin:80px 0 0 19px;
	width:960px;
	border-left:0px dashed #999;
	float:left;
	padding-left:20px;
	height:135px;
}

#footercolumnleft{
	margin:80px 0 0 0;
	width:960px;
	float:left;
	height:135px;
}

#footercolumn h2, #footercolumnleft h2{
	font-size: 16px;
	color:#333333;
	padding: 0 0 10px 0;
	text-transform:uppercase;
}

#footercolumn p, #footercolumnleft p{
	font-size:13px;
	line-height:18px;
	color:#666;
}

#footercolumn ul, #footercolumnleft ul{
	margin:0 15px;
	list-style-image: url(images/listarrowsidebar.png);
}

#footercolumn li, #footercolumnleft li {
    list-style-type:none;
    font-size:13px;
    line-height:18px;
}

#footercolumn li a:link, #footercolumn li a:visited, #footercolumnleft li a:link, #footercolumnleft li a:visited{
    color:#666;
	}
	
#footercolumn li a:hover, #footercolumnleft li a:hover{
    color: #ca1fac;
	}

#footerline{
	font-size:11px;
	clear:left;
	color:#666;
}

/*********** HEADER STUFF ****************/

a:active, a:focus {outline: none}

#header{
	width:960px;
	background:transparent url(images/bgimage_header.jpg) no-repeat;
	height:416px;
}

#titlesearch{
	margin-top:5px;  /*LEE*/
	/*margin-top:20px;*/ 
	width:950px;
}

#titlesearch .searchelement{
	display: none;	/*LEE*/
	float:right;
	width:200px;
}

#titlesearch .blogtitle{
	display: none;	/*LEE*/
	font-size:20px;
	width:600px;
	float:left;
	padding-top:2px;
}

/*********** HEADER STUFF END ****************/
	
code,pre{
    overflow:auto;
	padding:4px;
}

h1#blog-title a{
    display:inline;
	font-size:36px;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
    font-weight:400;
	padding:6px 0 12px;
}

h2{
    font-size:18px;
}
	
h2.latest{
    border-top:1px solid silver;
	font-weight:700;
	background-color:#000000;
	padding-left:14px;
	text-transform:uppercase;
	font-size:30px;
	/*height:28px;*/
}

/*h2.start {
    border-bottom:1px dashed silver;
	border-top:1px dashed silver;
	color:#333333;
	font-size:16px;
	height:14px;
	text-transform:uppercase;
}*/

h2.start {
/*LEE*/
/*	font-family:"Verdana";*/
	color:#FFFFFF;
	font-size:28px;
	/*font-style:italic;*/
	/*font-weight:bold;*/
	height:21px;
	text-transform:uppercase;
	border-top:1px solid #e9e9e9;
	border-bottom:5px solid #FFFFFF;
	padding-bottom:15px;
	background-color:#de3947;
	padding-left:10px;
}

acronym,abbr{
    border-bottom:1px dotted;
	cursor:help;
}

blockquote{
    font:14px/21px Didot, Georgia, serif;
	padding:12px;
}
	
/*img{
    border:1px solid silver;
	padding:2px;
	margin:10px 0 10px 0;
}*/

img{
    border:1px solid silver;
	padding:1px;
    background-color:#000000;
	margin: 0px 0px 1px 1px;
}
	
p {
    padding:0 0 14px;
    line-height:20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
}

.clear{
    clear:both;
	/*margin-top:20px;*/
	margin-top:10px;
	padding-top:0px;
	/*padding-top:50px;*/
}

.cleartop{
    clear:both;
}

.cleararchive{
	clear:both;
	padding:20px 0 20px 0;
	border-top:1px dashed silver;
}


/************* GLOBAL STUFF END *************/
	

/************* TOP-NAVI ***********************/
/*---------TOP NAVIGATION for PAGES---------  */

.fl{
}

.top_menu {
	height:30px;
	width:960px;
	text-align:left;
	font-size:11px;
	padding:9px 0 0 0;
	margin-left:-9px;
}

.top_menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

.page-menu li a {
	color:#666666;
	display:block;
	padding:0 9px;
}

.page-menu li ul li a {
	border:none;
	color:#FCFCFC;
}

.page-menu li a:hover,.top_menu li.active a{
	/*background:#1E1E1E;
	border-top:1px solid #333;*/
	/*border-bottom:3px solid #333;*/
}
.page-menu li.current_page_item a{
color:#000;
font-weight:700;
}

.page-menu li.current_page_item a:hover{
color:#000;
}

a.admin-link, a.admin-link:hover{
color:#999;
padding:0 6px 0 0;
font-weight:normal;
}

span.subscribe{
color:#666;
line-height:28px;
}

.page-menu li a:hover{
color:#FCFCFC;
text-decoration:underline;
}

.page-menu li.current_page_item a:hover,#pagenav li:hover a{
border-bottom:1px solid #000;
color:#666;
background:#fff;
}

/*---------DROPDOWN NAVIGATION ---------  */
#pagenav a {
	display:block;
	}
#pagenav li	{
	float:left;
	line-height:30px;
}

#pagenav li a:hover {
	text-decoration:none;
}

#pagenav li ul {
	position:absolute;
	width:15em;
	left:-999em;
}

#pagenav li:hover ul,#pagenav li.sfhover1 ul{
	left:auto;
	z-index:1000;
	text-decoration:none;
}

#pagenav li ul li{
background:#fff;
line-height:27px;
width:15em;
border-width:0 2px 2px;
}
#pagenav li:hover,#pagenav li.hover{
position:static;
}

#pagenav li ul ul{
margin:-30px 0 0 15em;
}

#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul{
left:-999em;
padding:2px 0 0;
}

#pagenav li:hover,#pagenav li.sfhover1{
background:none;
}

#pagenav li a:hover,#pagenav li a.sfhover1{
color:#000;
}

#pagenav li ul li ul li,#pagenav li ul li ul li ul li,#pagenav li ul li ul li ul li ul li{
border:1px solid #595959;
}

#pagenav li:hover ul ul,#pagenav li.sfhover1 ul ul,#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li:hover ul ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul,#pagenav li.sfhover1 ul ul ul ul{
left:-999em;
}

#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li li li li.sfhover1 ul{
left:auto;
}

select,#pagenav{
padding:0;
}

#pagenav li a span{
font-size:12px;
color:#9D9D9D;
font-weight:400;
}

/*---------HAPPY DAY ---------  */
.subscribe{
color:#000000;
float:right;
height:16px;
margin:9px 0 0 0;
}

.subscribe a,.subscribe a:hover{
color:#000;
font-weight:700;
}

a.admin-link, a.admin-link:hover{
color:#aaa;
}

.rss-button{
font-weight:700;
font-size:10px;
color:#FFF;
background:#D54100;
border:1px solid #E48348;
padding:1px 4px;
}

/*---------HAPPY DAY END -----  */

/*---------STATEMENT HOMEPAGE AT TOP BIG ---------  */
#statement {
font-family:Myriad,Arial,Helvetica,sans-serif;
height:auto;
/*padding-top:25px;*/
padding-top:0px;
width:960px;
border-top:1px solid #e9e9e9;
}

#statement .textwidget {
color:#777777;
font-family:Myriad,Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:400;
line-height:32px;
text-align:justify;
}

#statement .textwidget a {
	color:#FFFFFF;
	background-color:#000;
	text-decoration:none;
	/*padding: 4px 10px 4px 10px;*/
	padding: 0px 0px 0px 0px;
}

/*---------STATEMENT HOMEPAGE AT TOP BIG END---------  */


/*********** ARCHIVE START **********/	

.archive #content,.page #content,.four04 #content,.search #content, #index #content{
	display:inline;
	float:left;
	margin-right:15px;
	width:465px;
}

.archive .entry-content,.search .entry-content{
    border:none;
	clear:both;
	float:left;
	font:14px/21px Arial, Helvetica, sans-serif;
	margin:0 15px 0 0;
	padding:0;
	width:465px;
}

.archive .entry-meta,.search .entry-meta{
    border:none;
	margin:0;padding:0 0 14px;
}

.archive h3.entry-title,.archives h2,.search h3.entry-title, #index h3.entry-title{
    font-size:22px;
	line-height:1em;
	margin:16px 0 0;
	padding:0 0 .2em;
	width: 465px;
}

.archive-meta{
    font-style:italic;
	}

/*********** ARCHIVE END **********/	

.archive3column {
	margin-bottom: 40px;
	float:left;
	border-left: 1px dashed silver;
	padding:0 15px 0 25px;
	width:160px;	
}

.archive2column {
	margin-bottom: 40px;
	float:left;
	border-left: 1px dashed silver;
	padding: 0 20px 0 25px;
    width: 250px;	
}

.archive3column ul,.archive2column ul {
	/*border:1px solid green;*/
}

.archive3column li,.archive2column li {
	display:block;
	padding-left:11px;
	background:transparent url(images/arrowmorelink.png) no-repeat 0 3px;
	margin-top:10px;
}

/*********** SEARCH START **********/

#searchwrap {
	background:transparent url(images/searchbg.gif) no-repeat scroll left top;
	border-bottom:1px dashed #ccc;
}

* + html #searchwrap {
	padding: 1px 5px 5px 5px;
}

#searchwrap input {
	vertical-align: middle;
	background: none;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#searchwrap #s {
	border:1px solid #FFFFFF;
	height:20px;
	margin:0;
	padding:2px 0 0 3px;
}

* + html #searchwrap #s {
	margin: -3px 3px 0 0;
	width: 210px;
}

/*********** SEARCH END **********/

/*********** SIDEBAR START **********/

.sidebar{
	float:left;
	width:250px;
 	padding-left:40px;
}

h2.sidebarheadline {
    border-bottom:1px dashed #CCC;
	color:#666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	margin-bottom:5px;
	padding:0 0 7px;
	width:250px;
}

.sidebar ul, .sidebar ol{
	/*border: 1px solid red;*/
	margin:10px 0 30px 15px;
	list-style-image: url(images/listarrowsidebar.png);
}

.sidebar p{
	font-size:13px;
	line-height:16px;
	padding:5px 0;
}

.sidebar li {
    list-style-type:none;
    font-size:13px;
    padding-bottom:10px;
    line-height:17px;
}

.sidebar li a:link,.sidebar li a:visited{
    color:#666;
	}
	
.sidebar li a:hover{
    color: #ca1fac;
	}

/*********** SIDEBAR END **********/
	
/*********** SINGLE POST START **********/

/*.single{
	width:600px;
	border:1px solid red;
	overflow:hidden;
}*/

#artikel{
	border-right:1px solid #e5e5e5;
	float:left;
	padding-right:40px;
	width:620px;
}

.single .author{
    font-size:18px;
	padding:12px 0 36px;
	width:280px;
	margin-left:0px;
	text-align:right;
}

.single .entry-content {
	display:inline;
	text-align:left;
	width:620px;
}

.single .entry-content blockquote p:first-child:first-letter{
    color:inherit;
	float:none;
	font-size:1em;
	text-transform:uppercase;
	line-height:18px;
	margin-right:0;
}

.single .entry-content blockquote p:first-child:first-line{
    font-variant:normal;
	line-height:18px;
}

.single .entry-content h3 {
    color: #444;
	margin-bottom: -.5em;
	font: 14px/21px Arial, Helvetica, sans-serif;
}

.single .entry-content ol,.single .entry-content ul {
    list-style-image:url(images/pfeil_listen.gif);
    margin:0 0 20px 18px;
}

.single .entry-content ol li,.single .entry-content ul li{
    list-style-position:outside;
	margin: 0 0 10px 15px;
}

.single .tags{
	padding:10px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	font-size:12px;
	line-height:19px;
}

.single .socialrow{
	border-top:1px dashed #ccc;
	padding:15px 0;
	overflow:hidden;
	margin-top:20px;
}

.single .twittersingle{
	margin:0 20px 0 0;
	float:left;
}

.single .facebooksingle{
	margin:0 20px 0 0;
	float:left;
}

h1.entry-title {
    color:#333333;
	font-size:30px;
	line-height:33px;
}

.single .excerpt{
    color:silver;
	font-size:18px;
	line-height: 24px;
	text-align: right;
	width:280px;
	margin-left:0px;
}

.single blockquote{
	border-left:1px dashed #CCCCCC;
	border-right:1px dashed #CCCCCC;
	color:#999999;
	margin:10px 40px 20px 15px;
	padding:10px 20px 10px 10px;
}

.single blockquote p{
    font-size:17px;
	font-style:italic;
	line-height:25px;
	padding:0;
	margin-bottom:20px;
}

/*********** SINGLE POST END **********/


/***** CATEGORY PAGE ********/

.categorypage {
	margin-top:15px;
	border-bottom:1px dashed #CCC;
}

h1.category-title {
    color:#333333;
	font-size:22px;
	line-height:25px;
}

h1.category-title a, h1.category-title a:visited {
    color:#333333;
}

h1.category-title a:hover {
    color:#ca1fac;
}

.categorypage p{
	padding-bottom:25px;
}

.categorynextprevious {
	margin-top:20px;
}

/***** CATEGORY PAGE END ********/


	
/********* CONTENT STYLES ********/

#content{
    display:inline;
	float:left;
	width:960px;
	/*margin-top:30px;*/
	margin-top:0px;
}

#content .time{
    font-size:11px;
	font-variant:small-caps;
	text-transform:uppercase;
}


#content .title{
    font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:19px;
	padding:0 0 10px 0;
	text-transform:uppercase;
}

#content .title a {
    color:#444;
}

#content .title a:hover {
    color:#ca1fac;
}

.more-link {
	display:block;
	padding-left:11px;
	background:transparent url(images/arrowmorelink.png) no-repeat 0 6px;
	margin-top:10px;
}

/********* CONTENT STYLES END ********/

/********* Homepage START ***********/

#columnleft {
	float:left;
	width:460px;
	margin-right:20px;
}

#columnright {
	float:left;
	width:460px;
	margin-left:20px;
}

#columntwothree {
    float:left;
	margin-left:40px;
	width:210px;
}

img.post-image{
    border:1px solid silver;
	margin:5px 0;
	padding:2px;
	width:206px;
}

img.title-image{
    border:1px solid silver;
	margin:5px 0 5px 0;
	padding:2px;
	width:456px;
}

.textexcerpt{
    font:12px Helvetica, Arial, sans-serif;
	list-style-type:none;
	margin-top:-8px;
	width:100%;
}

.home #content ul li.post-categories{
	border:1px solid red;
	list-style-type:none;
}

.toprow {
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	height:1%;
	line-height:20px;
	list-style-type:none;
	margin:0 0 10px 0;
	overflow:hidden;
	padding:5px 0;
	width:100%;
}

.toprow a{
	color:#666;
	text-transform:uppercase;
}

.toprow a:hover{
	color:#ca1fac;
}

.commentlinktoprow {
	background:transparent url(images/commentbubble.gif) no-repeat scroll 0 2px;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
}

#commenttoprow{
	float:right;
}

.flattrhomepage{
	float:left;
	height:1%;
	line-height:20px;
	list-style-type:none;
	margin:0 0 40px;
	width:100%;
}

.textexcerpt{
    font:12px Helvetica, Arial, sans-serif;
	list-style-type:none;
	margin-top:-8px;
	margin-bottom: 25px;
	width:100%;
}

.teaserfourinarow{
  	display:inline;
	float:left;
	margin-right:40px;
	width:210px;
}

.teaserfourinarowright {
    display:inline;
	float:left;
	width:210px;
}

.teaserfourinarow ul, .teaserfourinarowright ul{
	margin-top:15px;
	list-style-type: none;
}

.teaserfourinarow ul li, .teaserfourinarowright ul li{
	margin-top:5px;
	font:14px Helvetica, Arial, sans-serif;
	list-style-type: none;
}

.teasertwoinarowleft{
  	display:inline;
	float:left;
	margin-right:40px;
	width:460px;
}

.teasertwoinarowright {
    display:inline;
	float:left;
	width:460px;
}

.teaserfourinarow p, .one-col p, .teaserfourinarowright p, .teasertwoinarowleft p, .teasertwoinarowright p{
    padding:15px 0;
	line-height:18px;
	padding:2px 0;   /*LEE*/
	line-height:13px;  /*LEE*/
	font-family: Helvetica, Arial, sans-serif;
}


/********* Homepage END ***********/

/*********** PAGE START **********/

#pages li{
    float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:700;
	list-style-type:none;
	padding-left:14px;
	text-transform:uppercase;
}

#pages li a:link,#pages li a:visited{
    color:#666;
	}
	
#pages li a:hover{
    color: #e66c00;
	}
	
#pages,#nav-above .nav-previous{
    float:right;
	}

.page #content li{
    font-size:14px;
	line-height:21px;
}

.page #content ul{
    padding-bottom:25px;
	}
	
.page #content.links {
    width: 960px;
	border:0;
}

.page #content.links ul li.linkcat {
    float:left;
	display:inline;
	width:305px;
	margin-right:15px;
}

.page #content.links ul li.linkcat h2{
	background:#000;
	padding-left:15px;
	color:#FFF;
	font: 24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:4px;
}

.page #content.links li.linkcat ul li {
    font: 11px/14px Arial, Helvetica, sans-serif;
	padding-top:12px;
	line-height: 14px;
	padding-left:15px;
}

.page #content.links li.linkcat li a{
    font: 12px/14px Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.page #content.links li.linkcat h2 {
    font: 18px Arial, Helvetica, sans-serif;
	font-weight:400;
	margin-bottom:-12px;
}

.page .entry-content {
    display:inline;
	float:left;
	font:14px/18px Arial, Helvetica, sans-serif;
	margin:0 15px 24px 0;
	padding-top:12px;
	text-align:left;
	width:465px;
}

.page .left-col,.archive .left-col, #index .left-col{
    color:gray;
	text-align:right;
}


/*********** PAGE END **********/

/* COMMENTS
------------------------------------------*/

h2#comments {
	display:block;
	font-size:26px;
	line-height:32px;
	margin:30px 0 10px 0;
	padding:0;
}

h2#pings {
	display:block;
	font-size:26px;
	line-height:32px;
	margin:20px 0 10px 0;
	padding:0;
}

h2#commentsForm {
	display:block;
	font-size:26px;
	line-height:32px;
	margin-top:20px;
	padding:0;
}

#artikel ul.commentlist {
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:20px 0 0;
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:15px;
}

#artikel ul.commentlist ul, #artikel ul.pinglist ul {
	list-style-type:none;
	list-style-position:outside;
}

#artikel ul.pinglist {
	list-style-image: url(images/listarrowsidebar.png);
	display:block;
	margin:10px 0 30px 15px;
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:15px;
}

#artikel ul.pinglist li {
	padding:0;
	position:relative;
	margin-bottom:15px;
}

#artikel ul.commentlist li {
	padding:12px 20px;
	position:relative;
	border:1px dashed #ccc;
	margin-left:15px;
	margin-bottom:20px;
}

#artikel ul.commentlist li .comment-meta, #artikel ul.commentlist li .text  {
	margin-left:20px;	
}

#artikel ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
}


#artikel ul.commentlist li .avatar {
	background:#fff;
	padding:3px;
	border:1px solid #ccc;
	position:absolute;
	left:-15px;
	top:-7px;
}

#artikel ul.commentlist .reply {;
	margin-left:20px;
	margin-top:-5px;
}

#artikel ul.commentlist .reply a {
	font-size:13px;
	color:#ca1fac;
	
}

#artikel ul.commentlist li .children li {
	background:#fff;
	margin-left:20px;
	margin-top:15px;
	
}

/******** BLOGROLL **********************/

.blogroll {
	margin:0 0 20px 0;
}

ul.blogroll li{
	margin-bottom:10px;
}

/******** BLOGROLL END *****************/


/************ Post comment *************/

#commentform p {
	margin:0;
}

#commentform label {
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px dashed #ccc;
	padding:8px;
	width:300px;
	margin-bottom:10px;
	background:url(images/bk_input.jpg) 0 0 repeat-x;
}


#commentform textarea {
	width:590px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#commentform input#submit{
	border:none;
	width:130px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/but_post_comment.png) 0 50% no-repeat;
}

#leeH2{
	padding-top:2px;
}