/*
Theme Name: Letstalkabout
Theme URI: http://www.cogneus.com/
Description: WordPress-Theme for Let’s talk about interfaces Weblog.
Version: 0.1
Author: Oliver Noelting	
Author URI: http://phinitharus.de
Tags: interface, design, cogneus, let’s, talk, about

*/


/*********************** LAYOUT und SCHRIFT *********************************/

html  {
height:100%;
width:100%;
}

body {
height:100%;
width:100%;
margin:0;
padding:0;
background-color:#FFFFFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-y;
background-position:top center;
text-align:center;
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:13px;
color:#202020;
}

#bg_container {
margin:0% auto 0%;
width:100%;
background-image:url(images/background.png);
background-position:top center;
background-repeat:no-repeat;
overflow:hidden;
}

#main {
margin:0% auto 0%;
width:832px;
min-height:100%;
background-color:#FFFFFF;
border-left:1px solid #999999;
border-right:1px solid #999999;
text-align:left;
}

#mainsub {
clear:both;
height:90px;
width:832px;}

#head {
height:326px;
width:832px;
clear:both;
}



/************************* NAVIGATION HEAD ***********************/


#nav1 a {
height:244px;
width:117px;
background-image:url(images/nav.png);
background-position:0px 0px;
float:left;
position:relative;
left:34px;
}

#nav2 a {
height:233px;
width:118px;
background-image:url(images/nav.png);
background-position:-117px 0px;
float:left;
position:relative;
left:34px;
}

#nav3 a {
height:223px;
width:117px;
background-image:url(images/nav.png);
background-position:-236px 0px;
float:left;
position:relative;
left:34px;
}

#nav4 a {
height:213px;
width:116px;
background-image:url(images/nav.png);
background-position:-353px 0px;
float:left;
position:relative;
left:34px;
}

#nav1 a:hover {
height:244px;
width:117px;
background-image:url(images/nav.png);
background-position:0px 245px;
float:left;
}

#nav2 a:hover {
height:233px;
width:118px;
background-image:url(images/nav.png);
background-position:-117px 245px;
float:left;
}

#nav3 a:hover {
height:223px;
width:117px;
background-image:url(images/nav.png);
background-position:-236px 245px;
float:left;
}

#nav4 a:hover {
height:213px;
width:116px;
background-image:url(images/nav.png);
background-position:-353px 245px;
float:left;
}

#link_nav1 {
text-align:center;
display:block;
height:244px;
width:117px;
}


#link_nav2 {
text-align:center;
display:block;
height:233px;
width:117px;
}


#link_nav3 {
text-align:center;
display:block;
height:223px;
width:117px;
}


#link_nav4 {
text-align:center;
display:block;
height:213px;
width:117px;
}

.link_nav {
font-size:12px;
color:#FFFFFF;
text-decoration:none;
letter-spacing:+1px;
font-weight:bold;
} 

.link_text {
display:block;
margin-top:10px;
}


/*************************** SIDEBAR **********************************/


.sidebar {
width:234px;
float:left;
position:relative;
top:50px;
left:34px;
background-color:#5c5c5c;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
	-khtml-border-radius-topright:4px;
	-khtml-border-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	overflow:hidden;
}

.searchcontainer {
width:234px;
height:35px;
background-image:url(images/bg_leiste.jpg);
background-repeat:repeat;
margin-bottom:0px;
border-top-right-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-khtml-border-radius-topright:4px;
-khtml-border-radius-topleft:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
}

.search {
width:70px;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
letter-spacing:+1px;
position:relative;
top:11px;
left:15px;
float:left;
}

.searchform {
width:164px;
float:right;

}

#searchinput {
float:left;
position:relative;
top:7px;
width:100px;
border-bottom:1px solid #d0d0d0;
border-left:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
border-top:1px solid #9b9b9b;
}

#searchsubmit {
position:relative;
top:5px;
right:25px;
float:right;
height:25px;
width:25px;
background-image:url(images/lupe.png);
}


#searchsubmit:hover {
background-image:url(images/lupe.png);
background-position:0px 25px;
}


.sidebarcontainer {
width:234px;
height:25px;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
font-size:11px;
letter-spacing:+1px;
color:#FFFFFF;
font-weight:bold;
overflow:hidden;
}

.sidebarcontainer a:hover {
background-color:#0092dd;
}

.sidebartitle, .sidebartitle a:link, .sidebartitle a:visited {
color:#FFFFFF;
text-decoration:none;
padding-left:20px;
padding-top:6px;
display:block;
height:25px;
width:234px;
}

.sidebarmenue {
overflow:hidden;
}

.archive_list, .page_item {
float:left;
height:17px;
width:234px;
padding-top:7px;
padding-left:30px;
}

.archive_list a:link, .archive_list a:visited, .archive_list_active a:link, .archive_list_active a:visited, .page_item a:link, .page_item a:visited, .current_page_item a:link, .current_page_item a:visited {
font-size:11px;
color:#FFFFFF;
text-decoration:none;
display:block;
height:25px;
width:200px;
}

.archive_list:hover, .page_item:hover {
background-color:#0092dd;
background-repeat:repeat;
background-position:-50px 0px;
}

.archive_list_active, .current_page_item {
float:left;
display:block;
list-style-type: none;
height:17px;
width:234px;
padding-top:7px;
padding-left:30px;
background-color:#0092dd;
}

.cat-item {
width:234px;
height:25px;
border-top:1px solid #d0d0d0;
font-size:11px;
letter-spacing:+1px;
font-weight:bold;
overflow:hidden;
}

.cat-item a:hover, .current-cat, .active_category {
background-color:#0092dd;
}

.category_link {
color:#FFFFFF;
text-decoration:none;
padding-left:20px;
padding-top:6px;
display:block;
height:25px;
width:234px;
}


/*********************** BEITRAG/CONTENT ***************************/


#content {
overflow:hidden;
position:relative;  
top:50px;
width:525px;
float:right;
background-color:#efefef;
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;

}

.kalender {
position:relative;
text-align:center;
width:37px;
height:41px;
background-image:url(images/kalender.gif);
background-repeat:no-repeat;
float:left;
}

.kalender_oben, .kalender_oben a:link, .kalender_oben a:visited, .kalender a:active {
position:relative;
top:1px;
line-height:11px;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
outline:none;
width:37px;
height:13px;
}

.kalender_unten, .kalender_unten a:link, .kalender_unten a:visited, .kalender a:active {
line-height:16px;
position:relative;
top:3px;
font-size:16px;
color:#606060;
text-decoration:none;
outline:none;
width:37px;
height:28px;
}

.beitrag {
width:443px;
float:right;
margin-bottom:30px;
margin-right:25px;
overflow:hidden;
}

.beitrag_table {
background-color:#efefef;
border-bottom:18px solid #ffffff; 
width:525px; 
}

#pagetitle {
text-align:right;
}

.pagetitle {
position:relative;
top:0px;
margin:0px 20px 16px 0px;
font-weight:bold;
font-size:28px;
color:#9f9f9f;
}

.headlink a:link, .headlink a:visited {
font-size:20px;
color:#0b4d69;
text-decoration:none;
font-weight:normal;
position:relative;
top:7px;
margin-bottom:15px;
}

.headtitle  {
font-size:20px;
color:#0b4d69;
text-decoration:none;
font-weight:normal;
position:relative;
top:7px;
margin-bottom:-20px;
}

.small, .small a:link, .small a:visited {
font-size:13px;
}

.headlink a:hover {
color:#0092dd;
text-decoration:none;
}

.trennlinie {
height:1px;
width:443px;
float:right;
}

.entry {
clear:both;
margin-top:50px;
line-height:1.5;
}

.entry a:link, .entry a:visited {
text-decoration:none;
color:#0092dd;
}

.entry a:hover {
text-decoration:none;
color:#0b4d69;
}

.postmetadata {
margin-top:20px;
clear:both;
font-size:12px;
}

.postmetadata a:link, .postmetadata a:visited {
text-decoration:none;
color:#0092dd;
}

.postmetadata a:hover {
text-decoration:none;
color:#0b4d69;
}

.postmeta_cat {
float:left;
font-weight:bold;
letter-spacing:+0.1em;
font-size:11px;
}

.postmeta_bottom {
clear:both;
font-size:10px;
font-style:italic;
color:#808080;
}

.navigation_clear {
clear:both;
}

.navigation a:link, .navigation a:visited {
text-decoration:none;
color:#0092dd;

}

.navigation a:hover {
text-decoration:none;
color:#0b4d69;

}


.navigation {
position:relative;
top:5px;
height:35px;
width:525px;
overflow:hidden;
margin:0px 0px 8px 0px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;

}
	
	
.navigation .alignleft {
float:left;
position:relative;
left:-5px;
position:relative;
top:-7px;
}

.navigation .alignright {
float:right;
margin-right:15px;
position:relative;
top:-7px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
	.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align:left;
	background-color:#ffffff;
	border:1px solid #dfdfdf;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption.alignleft {
margin:0px 10px 10px 0px;
}

.wp-caption.alignright {
margin:0px 0px 10px 10px;
}

.wp-caption img {
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-style:italic;
	font-size: 11px;
	line-height:13px;
	padding-bottom:3px;
	margin-left:12px;
	margin-right:12px;	
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
border: 2px solid transparent;
}

a img {
border:none;
}


/*************************** COMMENTS ****************************/


.commentbox, .respond {
width:443px;
float:right;
margin-bottom:30px;
margin-right:25px;
}

.comment_table {
width:443px;
float:right;
background-color:#ffffff;
border:1px solid #dfdfdf;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom:15px;
position:relative;
z-index:300;
}

.vcard, .reply {
margin:10px;
}

.comment-text {
margin:10px;
margin-top:20px;
}

.vcard {
font-weight:normal;
font-size:14px;
}

.vcard a:link, .vcard a:visited {
text-decoration:none;
color:#0092dd;
font-weight:bold;
}

.vcard a:hover {
text-decoration:none;
color:#0b4d69;
font-weight:bold;
}

.comment_meta {
font-weight:bold;
}

.comment_textfeld {
width:443px;
background-color:#ffffff;
border:1px solid #dfdfdf;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.comment_trennlinie {
height:1px;
background-color:#dfdfdf;
width:443px;
float:right;
}

.comment_navigation {
height:25px;
font-size:30px;
line-height:10px;
}

.comment_navigation a:link, .comment_navigation a:visited {
text-decoration:none;
color:#0092dd;

}

.comment_navigation a:hover {
text-decoration:none;
color:#0b4d69;
}

.respond a:link, .respond a:visited {
text-decoration:none;
color:#25ade7;
}

.respond a:hover {
text-decoration:none;
color:#5a7825;
}

/************************* PAGEBAR ****************************/

.pagebar {
padding-top:4px;
margin:5px;
text-decoration: none;
text-align: center;
}

.pagebar a,.pageList .this-page {
text-decoration: none;   
padding: 0.2em 0.5em;
}

.pagebar a:visited {
text-decoration: none;   
padding: 0.2em 0.5em;
}

.pagebar .break {
padding: 2px 6px 2px 6px;
border: none;
text-decoration: none;
color:#808080;
}

.pagebar .this-page {
padding: 0.2em 0.5em;
font-weight: bold;
background-color:#0092dd;
color: #fff;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pagebar a:hover {
color:#0b4d69;
}

.pagebar .inactive {
color: #cccccc;
text-decoration: none;
padding: 0.2em 0.5em;
}

.quotes_l {
position:relative;
top:-44px;
right:20px;
float:left;
font-size:60px;
}

.quotes_r {
position:relative;
top:-44px;
left:20px;
float:right;
font-size:60px;
}