@charset 'utf-8';
@import url(css/reset.css);
@import url(css/defaults.css);
/*

	Projekt: Günter Gloser Audioblog
	Datei: screen.css
	Author: Carolin Schwank

*/

/* Allgemeines */
body { 
	background: url(img/bgPage.gif) repeat-x 0 1px #FFF;
	font-size: 12px;line-height: 18px;
	color: #000;
	font-family: verdana,tahoma,helvetica,geneva,arial,sans-serif;
	text-align: center;
}


#mainCol a, a:link, a:active, a:visited{color:#85837E;text-decoration:none;}
#mainCol a:hover{color:#E2001A;text-decoration:underline;}

strong {color: #444; font-weight: bold;}

/* Absaetze */
p {line-height:18px;margin: 0.7em 0 0.7em 0;}
ul {line-height: 18px;clear: both;}
ol li {list-style-type: decimal;margin-left: 20px;}
blockquote {margin-left: 35px;margin-bottom: 15px;}

/* kleinerer Text */
.s {font-size: 11px;}
.xs {font-size: 10px;}

/* roter Text */
.red {color: #E2001A;}

/* Links- bzw. Rechtsausrichtung für Elemente */
.leftalign {float: left;margin: 0.2em 1em 0 0;width: 260px;}
.alignleft {float: left;margin: 0.2em 1em 0 0;}
.rightalign {float: right;margin: 0 0 0 0.5em;width: 250px;}

/* Überschriften */

h1 {font-size: 16px; color: #E2001A; line-height: 22px;}
h2 {font-size: 14px;font-weight:bold; color: #000; margin: 20px 0 0 0;}
h3 {font-size: 13px;font-weight:bold; color: #000; margin: 20px 0 0 0;}
h4 {font-size: 12px;font-weight:bold; color: #000; margin: 20px 0 6px 0;}

h2.storytitle {font-size: 18px;font-weight: normal;line-height:24px;margin: 0 0 8px 0;}
h2.storytitle a {	color: #85837E;}
h2.storytitle a:hover {	color: #E2001A;}
h2.staticContent {color: #E2001A;font-size:16px;font-weight: bold;margin: 0 0 8px 0;}

/* Struktur */

#wrapper {/*border:1px solid #CCC;*/width: 933px;text-align: left;margin: auto;}

#topNav {height: 24px; text-align: right;}
#topNav ul li {display: inline;}
#topNav li {font-size: 10px;font-weight: bold;line-height:24px;margin: 0 0 0 1.2em;padding: 0 0 0 .5em;}
#topNav a {color: #85837E;text-decoration: none;text-transform: uppercase;	}
#topNav a:hover {color: #4B4A45;}
#topNav #active_menu-nav {color:#E2001A;}
#topNav .current_page_item a {color: #E2001A;}

#logoArea {background: url(img/ggHead.jpg) no-repeat right top transparent;border-right: 1px solid #FFF;height: 142px;}
#boxContent {margin: 0 0 0 33px;width: 900px;}
#main {float: left;margin: 17px 0 0 0;width: 510px;}
#twoCols {float: right;width: 360px;}
#navCol {float: left;font-size: 11px;width: 180px;}

/* Navigation in der Sidebar */

#navCol h3 {
	background: url(img/bgHeadline3.gif) repeat-x left bottom;
	color: #E2001A;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}

#navCol ul.normal, #navCol ul.blogroll {
	margin-bottom: 26px;
}

#navCol ul.normal li, #navCol ul.blogroll li li {
	background: url(img/bgNav.gif) left bottom repeat-x;
	padding: 4px 0 5px 0;
}

#navCol .normal a, #navCol ul.blogroll li li a {
	background: url(img/liNormal.gif) no-repeat 0 4px;
	color: #2f3539;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#navCol .normal a:hover, #navCol .normal li#current a, #navCol .blogroll li li a:hover, #navCol .blogroll li li#current a {
	background: url(img/liHover.gif) no-repeat 0 4px;
	color: #E2001A;
}

#navCol .normal li.current-cat a, #navCol .normal li.current_page_item, #navCol .blogroll li li.current-cat a, #navCol .blogroll li li.current_page_item {
	color: #000;
	font-weight:bold;
}

#navCol .bgNone a {
	background: none;
	padding: 0;
	color: #E2001A;
}

#navCol .bgNone a:hover {
	background: none;
	padding: 0;
	color: #CCC;
}

#bannerCol {float: right;text-align: right;width: 150px;}
#bannerCol img {padding-bottom: 15px;}

/* Footer */

#boxFooter {background-color: #E9E8E5;margin: 50px 0 0 0;position: relative;}
#footerContent {border-right: 1px solid #FFF;border-left: 1px solid #FFF;font-size: 11px;margin: 0 auto;text-align: left;width: 900px;}
#footerContent p {padding: 5px 0 20px 20px;margin:0;}

/* Contentstyles */

#main img {
	border: 1px solid #85837E;
	padding: 3px;
}

#main .post {
	margin-bottom: 30px;
}

#main .feedback {
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 2px;
	text-align: right;
}

#main .date {
	font-size: 11px;
	margin: 0 0 5px 0;
}

#main .meta {
	font-size: 11px;
}

/* Kommentare */

#comments {font-size:11px;}
#comments h2 {color: #E2001A;font-size:16px;font-weight: bold;margin: 0 0 8px 0;}
#comments ul {margin:0 0 0 0;}
#comments li {background: url(img/bgNav.gif) left bottom repeat-x;margin-bottom:18px;padding-bottom:5px;}
#comments li p {padding:0 0 10px 0; margin:0}
#comments fieldset {padding: 10px;background-color: #F7F6F2;border: 1px solid #E9E8E5;}

* html #comments .header {height:19px;} /* IEWin */

#comments .header {margin:0;padding:0}
#comments .hinweis {background: url(img/hinweis.gif) no-repeat 0 4px;color: #E2001A;padding-left: 15px;}
#comments h4.comments {padding: 5px 10px;background-color: #F7F6F2;border: 1px solid #E9E8E5;font-size: 12px;font-weight:bold; color: #000; margin: 0 0 15px 0;}


/* form
--------------------------------------------------*/
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:8px;}

form fieldset {border: 0 solid;} /* Opera */

form p {font-size: 12px; padding:6px 0;}

form label {
	background: url(img/bgNav.gif) left bottom repeat-x;
	display:block;
	float:left;
	padding-bottom: 5px;
	width:80px;
}

#commentform label {margin:0 8px 0 0;}
#contactform label {margin:0 8px 0 0;}

form em {
	color: #E2001A;
	margin-left:5px;
	font-size:10px;
	font-style:normal;
}

form input, form textarea {
  border:1px solid #85837E;
  padding: 3px;
}

form textarea {overflow:auto;}

#commentform input {width:280px;}
#commentform textarea {width:370px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .button {
	background-color: #85837E; 
	border: 1px solid #A3A09A;
	color: #FFF;  
	width:90px !important;
	font-weight:bold;
	padding: 2px;
}

#commentform .button {margin-left:90px;}
form .hiddenfield {display:none;}
form .info {padding-left:90px;}

/* Specials */

.linkcat h2 {display: none;}

/* Pagebar */

.pagebar {font-size:11px;margin: 20px 0 10px 0;padding: 5px 2px 5px 2px;text-align: right;}
.pagebar a, .pagebar span {padding: 3px;}
.pagebar .this-page {background-color: #FFF;color: ##E2001A;font-weight: bold;}
.pagebar a:link {background-color: #FFF; color:#999;text-decoration: none;}
.pagebar a:hover {background-color: #FFF; color:#666;text-decoration: none;}

/* ----------- Single picture -------------*/

.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}



/* ----------- Sidebar widget -------------*/

.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/

.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}

.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}