/*
Theme Name: Tri-Color
Theme URI: http://deltatech-v2.de
Description: Dieses Wordpress-Template wurde von <strong>Robert Heine</strong> erstellt und übersetzt. Hier geht's zur Entwicklerhomepage: <a href="http://deltatech-v2.de/">http://deltatech-v2.de/</a>.
Version: 1.0
Author: Robert Heine
Author URI: http://deltatech-v2.de/
Tags: fixed-width, three-columns, left-sidebar, right-sidebar, dark, tri-color, silver, brown
*/

* { margin:0; padding:0; }

/* generic
------------------------------------------------------------------------*/
body {
	color:#535353;
	text-align:center;
	background:#000 url(-images/bg-02.jpg) no-repeat top center;
	font:14px/18px Arial, Helvetica, sans-serif;
}
html, #topStrip {
	min-width:1240px;
}

.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
a:link {
	outline:none;
	text-decoration:none;
}
a:visited {
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
hr.hidden {
	clear:both;
	visibility:hidden;
}
abbr {
	border-bottom:1px dotted #535353;
}
ol {
	margin:5px 0px 20px 25px;
}
form iput, form textarea {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* headings and typography
------------------------------------------------------------------------*/
#container #header h1 {	
	top:55px;
	color:#fff;
	position:absolute;
}
#container #header h1 a {
	width:auto;
	color:#fff;
	float:left;
	font-size:30px;
	text-decoration:none;
	font-weight:normal;
}
#container #header h1 span {
	width:auto;
	padding-left:20px;
	margin-left:20px;
	font-size:12px;
	font-style:italic;
	line-height:30px;
	display:block;
	float:right;
	border-left:1px solid #8d8e8e;
}
h1, #contentWrap #leftColumn .post h1 a {
	color:#111;
	margin-bottom:5px;
	font:normal 25px/30px Georgia, "Times New Roman", Times, serif;
}
h2 {
	padding-bottom:3px;
	border-bottom:1px solid #e1e1e1;
	font:normal 16px Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	display: block;
	text-align: center;
	margin-bottom: 30px;
	background-color: #eef5f9;
	background-color: #f7f7f7;
	background-color: transparent;
	color: #8e5d00;
	border-bottom: 3px solid #8e5d00;
	border-top: 3px solid #8e5d00;
	font: normal 25px/40px Georgia, "Times New Roman", Times, serif;
}

/* container
------------------------------------------------------------------------*/
#container {
	width:1220px;
	margin:0 auto;
	text-align:left;
}

/* header
------------------------------------------------------------------------*/
#container #header {
	width:1220px;
	height:252px;	/* stranded height 200px */
	position:relative;
	background: url(-images/content-bg-top.png) no-repeat bottom center;
	border: 0px solid red;
}

#nav {
	left:5px;
	bottom:7px;
	width:780px;
	position:absolute;
	list-style:none;
}


#nav li {
	width:auto;
	float:left;
	margin-right:1px;
}

#nav a {
	color: #fff;
	display: block;
	padding: 6px 20px;
	text-decoration: none;
	background: url(-images/top-nav-bg.png) top center repeat-x;
	font-size: 13px;
}
#nav a:hover {
	/*
	color: #8e5d00;
	color: #000000;
	*/
	text-decoration: underline;
}
#nav li.current_page_item a {
	background: url(-images/top-nav-hover-bg.png) center top repeat-x;
	color: white;
}

#nav li ul {
	width:150px;
	left:-999em;
	list-style:none;
	position:absolute;
}
#nav li:hover ul {
	left:auto;
	display:block;
	border:1px solid #525252;
	border-bottom:none;
}
#nav li ul li {
	width:150px;
	background: #3b3b3b;
	border-bottom:1px solid #525252;
}
#nav li ul li:hover, #nav li ul li.current_page_item {
	background:#000;
}



#container #header p {
	padding: 0;
	right: 60px;
	color: #ccc;
	width: 270px;
	bottom: -5px;
	text-align: center;
	position: absolute;
	padding-top: 4px;
	padding-bottom: 6px;
}
#rFeeds {
	height: 31px;
	background: url(-images/top-nav-bg.png) top center repeat-x;
	
}



#container #header p a, #container #header p a:hover {
	color:#f44646;
	color: white;
}
#container #header p a.rss {
	top:-3px;
	width:38px;
	right:-50px;
	height:38px;
	position:absolute;
}

/* content wrap
------------------------------------------------------------------------*/
#contentWrap {
	width:1220px;
	padding:20px 0px 0px 0px;
	overflow:hidden;
	background:url(-images/content-bg-middle.png) repeat-y;
	
	min-height:150px; /* don't play with this */
}

/* left column
------------------------------------------------------------------------*/
#contentWrap #leftColumn {
	float:left;
	width:670px;
	width:630px;
	margin:0px 0px 10px 39px;
}
#contentWrap #leftColumn h2 {
	border-bottom:none;
	margin-top:20px;
}
#contentWrap #leftColumn a {
	color:#cc0000;
	color:#8e5d00;
}
#contentWrap #leftColumn .post {
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}
#contentWrap #leftColumn .post h2 {
	margin-bottom:-15px;
}
#contentWrap #leftColumn .post p.comments {
	padding:0;
	width:35px;
	height:47px;
	float:right;
	margin-left:10px;
	text-align:center;
	background:url(-images/comment-icon.png) no-repeat;
	font:italic bold 12px/28px Georgia, "Times New Roman", Times, serif;
	padding-top: 13px;
	
}
#contentWrap #leftColumn .post p.comments a {
	color:#5b6165;
	color:#ffffff;
	
}
#contentWrap #leftColumn .post ul { overflow:hidden; margin-top:15px; margin-left:-15px; padding-left:15px; }
#contentWrap #leftColumn .post ol { overflow:hidden; margin-top:15px; margin-left:-10px; padding-left:15px; }
#contentWrap #leftColumn .post ul li, #contentWrap #leftColumn .post ol li {
    float:left;
    width:100%;
	margin-left:15px;
}
#contentWrap #leftColumn .post blockquote { margin:15px 0px 15px 25px; padding-left:15px; border-left:3px solid #ccc; }
#contentWrap #leftColumn .post blockquote p { padding-top:0px; padding-bottom:3px; }
#contentWrap #leftColumn .post p {
    width:100%;
	padding-top:15px;
}
#contentWrap #leftColumn .post em.postInfo {
	color:#fff;
	padding:4px;
	font-style:normal;
	background-color:#aa0000;
	background-color:#8e5d00;
	font-size: 13px;
	max-width: 468px;
}
#contentWrap #leftColumn .post em.postInfo a {
	color:#fff;
}
#contentWrap #leftColumn .post a.more-link {
	width:95px;
	width: 100%;
	text-align: left;
text-indent: -900em;
	height:19px;
	display:block;
	margin:20px 0px;
	background:url(-images/more-link.png) no-repeat left top;
	clear: both;
}
 a.more-link span {
	display: none;
}
#contentWrap #leftColumn .post a.more-link:hover {
	background:url(-images/more-link.png) no-repeat left bottom;
}
p.txt {
	color:#797979;
	margin-bottom:20px;
	text-transform:uppercase;
	font:bold 14px Arial, Helvetica, sans-serif;
}

/* post navigation
------------------------------------------------------------------------*/
#contentWrap #leftColumn .postnav a { color:#424242; text-transform:uppercase; font-weight:bold; margin-bottom:40px; }
#contentWrap #leftColumn .postnav .previous a { width:auto; float:left; padding-left:18px; background:url(-images/link-previous.png) no-repeat left; }
#contentWrap #leftColumn .postnav .next a { width:auto; float:right; padding-right:18px; background:url(-images/link-next.png) no-repeat right; }

/* right column
------------------------------------------------------------------------*/
#rightColumn {
	float:right;
	width:425px;
	width:465px;
	margin:18px 25px 10px 0px;
}
#rightColumn h2 {
	margin-top: 20px;
}
#rightColumn a {
	color: #cc0000;
	color: #8e5d00;
}
#rightColumn a:hover {
	color:#555;
	text-decoration:none;
}
#rightColumn  ul, #rightColumn  ul li {
	list-style:none;
}
#rightColumn > ul {
	list-style:none;
	margin-bottom:30px;
}
#rightColumn ul > li > a {
	display:block;
	padding:5px 0px 5px 8px;
	background:url(-images/bullet-02.png) no-repeat left top;
	border-bottom:1px solid #e1e1e1;
}
#rightColumn ul > li > a.noArrow {
	padding:0px;
	background: none;
	border-bottom: 1px solid #e1e1e1;
}
#rightColumn ul li a:hover {
	background:#efefef url(-images/bullet-02.png) no-repeat left top;
}
#rightColumn ul li ul {
	margin-left:10px;
	margin-bottom:0px;
}
#rightColumn #tags {
	margin:10px 0px 30px 0px;
}
#rightColumn #tags .tag-link-7 {
	font-size: 10px;
	font-weight: normal;
}
#rightColumn #tags .tag-link-8 {
	font-size: 11px;
	font-weight: normal;
}
#rightColumn #tags .tag-link-9 {
	font-size: 12px;
	font-weight: normal;
}
#rightColumn #searchform {
	margin:5px 0px 30px 0px;
}
#rightColumn #searchform input#s {
	width:135px;
	padding:2px;
}
#rightColumn #tabsWrap p#tabs a {
	padding:10px;
	font-size:12px;
	position:relative;
	border:1px solid #e1e1e1;
	border-bottom:none;
}
#rightColumn #tabsWrap p#tabs a.selected {
	background-color:#fbfbfb;
}
#rightColumn #tabsWrap ul {
	background-color:#fbfbfc;
	margin-top:6px;
	padding:15px;
	border:1px solid #e1e1e1;
}
#rightColumn #tabsWrap ul li { 
	border-bottom:1px solid #e1e1e1;
	font-size: 12px;
}
#rightColumn #tabsWrap ul li a { background:none; padding-left:0px; border:none; }
#rightColumn ul#tab1 li {
	padding:3px 0px 3px 15px;
	background:url(-images/bullet-01.png) no-repeat left top;
}
#rightColumn ul#tab2 li {
	background:none;
	padding:0;
	padding:8px 0px;
}
#rightColumn ul#tab2 li a {
	display:inline;
}
#rightColumn ul#tab2 li p {
	font-style:italic;
}

/* sidebar 1 (left sidebar)
------------------------------------------------------------------------*/
#sidebar-1 {
	width:220px;
	float:left;
}

/* sidebar 2 (right sidebar)
------------------------------------------------------------------------*/
#sidebar-2 {
	width:220px;
	float:left;
	margin-left:20px;
}

/* comments
------------------------------------------------------------------------*/
#comments {
	float:left;
	width:670px;
	width:630px;
	margin:0px 0px 40px 0px;
	border: 0px solid red;
	border-bottom:1px solid #e1e1e2;
}
#comments ul {
	list-style:none;
}
#comments ul li.author cite {
	padding-right:43px;
	background:url(-images/mini-author.png) no-repeat right;
}
#comments ul li {
	width:670px;
	width:630px;
	margin-bottom:40px;
}
#comments ul li .authorDetails {
	position:relative;
	height:40px;
}
#comments ul li .authorDetails img.photo {
	position:absolute;
	left:0px;
	top:0px;
}
#comments ul li cite {
	top:3px;
	left:50px;
	font-style:normal;
	position:absolute;
}
#comments ul li cite a {
	font-weight:bold;
	text-decoration:underline;
}
#comments ul li cite a:hover, #comments ul li span.commentNumber a:hover {
	text-decoration:none;
}
#comments ul li .date {
	top:20px;
	left:50px;
	color:#666;
	position:absolute;
	font-size:10px;
}
#comments ul li span.commentNumber {
	top:0px;
	right:0px;
	position:absolute;
	font:italic 35px Georgia, "Times New Roman", Times, serif;
}
#comments ul li span.commentNumber a {
	color:#dadada !important;
}
#comments ul li .txt p {
	padding:5px 0px;
	
}
#comments ul li .txt {
	margin-top:5px;
	padding:25px 10px 10px 10px;
	background:#e4e4e4 url(-images/comment-top-01.gif) no-repeat left top;
}
#comments ul li.alt .txt {
	background:#ffe3e3 url(-images/comment-top-02.gif) no-repeat left top;
	background:#8e5d00 url(-images/comment-top-03.gif) no-repeat left top;
	background:#e4e4e4 url(-images/comment-top-01.gif) no-repeat left top;
}
#comments ul li.author .txt {
	background:#ffebc6 url(-images/comment-top-03.gif) no-repeat left top;
	background:#8e5d00 url(-images/comment-top-03.gif) no-repeat left top;
	background:#e4e4e4 url(-images/comment-top-01.gif) no-repeat left top;
}

/* comments form
------------------------------------------------------------------------*/
#commentForm form {
	width:100%;
	margin:15px 0;
	font-size:12px;
	overflow:hidden;
	position:relative;
}
#commentForm form p label {
	width:600px;
	float:left;
	display:block;
	line-height:32px;
	margin-bottom:10px;
}
#commentForm form input {
	float:left;
}
#commentForm form p label span {
	width:auto;
	float:left;
	padding:4px;
	margin-right:10px;
	background-color:#ebebeb;
}
#commentForm form p label span input, #commentForm form p label span textarea {
	width:300px;
	padding:4px;
	border:1px solid #cfcfcf;
	background:#fdfdfd url(-images/input-bg.gif) repeat-x top;
}
#commentForm form p label span textarea {
	width:650px;
	height:150px;
	margin-bottom:-9px;
}
#commentForm form p label span input:Focus, #commentForm form p label span textarea:Focus {
	border:1px solid #adadad;
}
#commentForm form input.button {
	padding:3px;
	width:130px;
	cursor:pointer;
	margin-right:200px;
}
#commentForm form p#cNote {
	color:#999;
	right:0px;
	bottom:0px;
	position:absolute;
}

/* others
------------------------------------------------------------------------*/
ul.archiveList {
	list-style:none;
	margin-bottom:40px;
}
ul.archiveList li {
	padding-left:8px;
	background:url(-images/bullet-05.png) no-repeat left top;
}
ul.archiveList li span {
	display:block;
	margin-bottom:10px;
}
ul.archiveList li span a { color:#535354 !important; }
ul.archiveList li ul { list-style:none; }
.page p {
	padding-bottom:15px;
}
.page ul {
	margin:5px 0px 20px 13px;
}
#themeswitcher li.current {
	padding:5px 0px 5px 8px;
	border-bottom:1px solid #e1e1e1;
	background:#efefef url(-images/bullet-02.png) no-repeat left top;
}

/* footer
------------------------------------------------------------------------*/
#footer {
	width:1210px;
	overflow:hidden;
	padding:25px 5px 20px 5px;
	text-transform:uppercase;
	background:url(-images/content-bg-bottom.png) repeat-x top;
}
#footer p.nav {
	width:auto;
	float:left;
}
#footer p a {
	color:#535353;
	margin-right:30px;
	letter-spacing:-1px;
	text-decoration:none;
}
#footer p a:hover {
	color:#979595;
}
#footer p a.top {
	padding-left:15px;
	background:url(-images/bullet-03.png) no-repeat left;
}
#footer p a.valid {
	padding-left:20px;
	background:url(-images/bullet-04.png) no-repeat left;
}
#footer p.footer_logo a img {
	float:right;
	border:none;
}

/* Starting with WordPress 2.5 there are alignment CSS classes that are used by the visual editor. In order for images to be shown correctly themes are required to have these classes
------------------------------------------------------------------------*/
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	width:auto;
	float:left;
	margin-right:15px;
}
.alignright {
	width:auto;
	float:right;
	margin-left:15px;
	position:relative;
}
.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	font-size:10px;
	margin-top:20px;
	margin-bottom:5px;
}
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
	margin-bottom:-15px;
}
.wp-caption-dd {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}

/* HAVE A NICE DAY */


.noBackground {
	background: none;
}



.postmetadata {
	border-left: 3px solid #8e5d00;
	padding: 10px 10px;
	margin-bottom: 10px;
	/* background-color: #e3d6bf; */
}