/*  

Theme Name: Fireicon
Description: Version 8 der FF Maria Raisenmarkt Webseite. Made by <a href="http://mment.at">mment</a>
Author: Matthias Mentasti
Author URI: http://mment.at

*/


/* *****************************************
	Standard 
***************************************** */
*
{
	margin: 			0;
	padding: 			0;
	border: 			0;
}

body{
	background-image:	url(images/bg.jpg);
	background-repeat: 	repeat-x;
	background-color: 	#efefef;
	color: 				#black;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			0.7em;
}

a{
	text-decoration:	underline;	
	color:				black;
}

a:hover{
	text-decoration:	none;	
	color:				black;
}

p{
	margin-bottom:		10px;	
}

blockquote{
	margin-left: 		10px;	
}

.alignleft{
	float:				left;	
}

.clear{
	clear:				both;	
}

h2{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			20px;
	color:				#aaa;
	text-decoration:	none;
	font-weight:		lighter;
		
}

h3{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			17px;
	color:				#aaa;
	font-weight:		lighter;
}

/* ********** */





/* *****************************************
	Container
***************************************** */
#container{
	width:				750px;	
	margin:				auto;
	clear:				both;
}



/* *****************************************
	Header - Logo - Menu 
***************************************** */

#header{
	background-image:	url(images/top.png);
	background-position:center bottom;
	background-repeat:	no-repeat;
	height:				250px;
	text-align:			center;
	padding-bottom:		20px;
}


#helmet{
	width:				155px;
	height:				170px;
	background-image:	url(images/helmet.png);
	background-repeat:	no-repeat;
	margin:				auto;	
	margin-top:			40px;
}

#helmet h1{
	width:				155px;
	height:				170px;	
}

#helmet h1 a{
	width:				155px;
	height:				170px;
	margin-left:		-75px;
	text-indent:		-99999px;
	position:			absolute;
}

#logo{
	background-image:	url(images/logo.png);
	background-repeat:	no-repeat;
	width:				201px;
	height:				50px;
	margin:				auto;	
}


/* *****************************************
	Menu
***************************************** */
ul#menu{
	list-style:			none;
	clear:				both;
	padding-left:		90px;
}

ul#menu li{
	display:			inline;	
}

ul#menu li small{
	display:			block;	
	font-family:		Verdana, Helvetica, sans-serif;
	font-style:			normal;
	font-size:			10px;
	color:				#aaa;
}

ul#menu li a{
	display:			inline;
	float:				left;
	font-family:		Georgia, "Times New Roman", serif;
	font-size:			15px;
	font-style:			italic;
	color:				black;
	text-decoration:	none;
	margin-top:			30px;
	margin-bottom:		20px;
	margin-left:		50px;
	width:				150px;
}

ul#menu li a:hover{
	color:				black;
	text-decoration:	none;
}

/* *****************************************
	Content
***************************************** */
#content{
	clear:				both;
	text-align:			center;
	background-image:	url(images/bottom.png);
	background-position:top center;
	background-repeat:	no-repeat;
	padding-top:		20px;
}


#content img{
	background-color:	white;
	border:				1px solid #c8c8c8;
	padding:			5px;	
	margin:				10px;
}

#content #start{	
	width:				750px;
	clear:				both;
	min-height:			180px;
}

#content #post{
	width:				450px;
	float:				right;
	margin-bottom:		20px;	
	margin-left:		30px;
	margin-right:		30px;
	text-align:			left;
}

#startleft{
	width:				200px;
	margin-left:		-250px;
	float:				left;	
	position:			relative;
	
}
#content #post h2{
	width:				200px;
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			20px;
	color:				#aaa;
	text-decoration:	none;
	font-weight:		lighter;
		
}

#content #post h2 a{
	color:				#aaa;
	text-decoration:	none;	
}

#content #post h2 a:hover{
	color:				#aaa;
	text-decoration:	underline;	
}



#content #post h3{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			17px;
	color:				#aaa;
	position:			relative;
	font-weight:		lighter;
	margin-bottom:		10px;
}

#content #post ul{
	margin:				10px 0 10px 20px;
}

#content #post ul li{
	margin-bottom:		5px;
}

#content .postmetadata{
	clear:				both;
	margin-top:			60px;
}

#content #commentstart{
	background-image:	url(images/icons/comment.gif);
	background-repeat:	no-repeat;
	height:				48px;
	padding-left:		25px;
}

#content #commentstart a,
#content #commetnstart a:hover{
	text-decoration:	none;
	color:				#aaa;
}

/* ********** News ********** */

ul#news{
	width:				750px;
	text-align:			left;
	list-style:			none;	
}

ul#news li{
	padding:			50px 30px;
	border-bottom:		1px solid #ccc;	
}

ul#news li h2,
ul#news li h2 a,
ul#news li h2 a:hover{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			17px;
	color:				black;
	text-decoration:	none;
	font-weight:		lighter;	
	display:			inline;
	margin-right:		40px;
}


ul#news li span{
	font-size:			10px;
	color:				#888;
	float:				right;
}

ul#news li span a{
	color:				#888;
}

ul#singlenews{
	margin-top:			-100px;	
	width:				750px;
	text-align:			left;
	list-style:			none;	
}


/* ************************** */

/* ********** Archiv ********** */
#content ul#archiv{
	width:				450px;
	float:				right;
	margin-bottom:		20px;	
	margin-left:		30px;
	margin-right:		30px;
	text-align:			left;
}

ul#archiv li{
	list-style:			none;
	padding:			50px 30px;
	border-bottom:		1px solid #ccc;	
}

ul#archiv li h3,
ul#archiv li h3 a,
ul#archiv li h3 a:hover{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			17px;
	color:				black;
	text-decoration:	none;
	font-weight:		lighter;	
	display:			inline;
	margin-right:		40px;
}
#startleftnav{
	width:				200px;
	margin-left:		-250px;
	float:				left;	
	position:			relative;
	
}
.next, .prev{
	height:				32px;
	width:				32px;
	text-indent:		-999999px;
	float:				left;
}
.next{
	background-image:	url(images/icons/right.png);
}
.prev{
	background-image:	url(images/icons/left.png);
}

/* ********** Page ********** */

ul#sidebar{
	list-style:			none;
	border-top:			1px solid #ccc;
	line-height:		30px;
}

ul#sidebar li{
	font-family:		Georgia, "Times New Roman", serif;
	font-size:			12px;
	font-weight:		bold;
	font-style:			italic;
	color:				#3e3e3e;
	display:			inline;
}

ul#sidebar li a{
	float:				left;
	color:				#555;
	text-decoration:	none;	
	margin-right:		75px;
}

ul#sidebar li a:hover{
	color:				#555;
	text-decoration:	underline;	
}

#pagecontent{
	clear:				both;
	padding:			20px;	
	color:				black;
	text-align:			left;
	border-top:			1px solid #ccc;
	margin-bottom:		30px;
}

#pagecontent h2{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			20px;
	color:				#aaa;
	text-decoration:	none;
	font-weight:		lighter;
		
}

#pagecontent h3{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	font-size:			17px;
	color:				#aaa;
	font-weight:		lighter;
	margin-top:			10px;		
}

/* ************************** */



/* ******************************
	Comments
****************************** */
#watertownStrip {
	padding: 0 0 0px 0;
	margin: 0;
	text-align:		left;
	margin-bottom:	30px;
	border-top:			5px dashed #ccc;
}
.responses {
	margin: 0 0 20px 0;
}
.responses dl {
	margin: 0 95px;
	padding: 0 0px;
}
.responses dt {
	color: rgb(0, 0, 0);
	font: bold 1.2em 'Verdana', 'Arial', Sans-Serif;
	text-decoration: none;
}
.responses dt a, .responses dt a:visited {
	color: rgb(0, 0, 0); /*255,0,170*/
	font-weight: bold;
	text-decoration: none;
}

.responses dd {
	margin: 0px 0 20px 0;
}
.responses dd p {
	color: black;
	font: 1em 'Verdana', 'Arial', Sans-Serif;
	line-height: 160%;
	margin: 0;
	padding: 5px 0;
}
.responses dd p a, .responses dd p a:visited {
	color: rgb(255, 0, 153); /*101, 179, 205*/
	font: 1.1em 'Verdana', 'Arial', Sans-Serif;
	text-decoration: none;
}

.response-info {
	color: #ccc;
	float: left;
	font: 4.8em 'Georgia', 'Times New Roman', Sans-Serif;
	position: absolute;
	text-align: left;
	text-decoration: none;
	width: 85px;
}
.response-info acronym {
	border: none;
}
.response-info a, .response-info a:visited {
	color:#ccc;
	font: 1.1em 'Georgia', 'Times New Roman', Sans-Serif;
	text-decoration: none;
}
.response-info a:hover {
	border-bottom: 1px dotted rgb(163, 178, 180);
}
.addResponse p {
	margin: 0 95px;
}


/* ******************************
	Comment Forms
****************************** */
.addResponse form {
	border: none;
	width:		500px;
	padding: 25px 0 0 0;
}
.addResponse form p {
	color: #3e3e3e;
	font: 1.2em 'Verdana', 'Arial', Sans-Serif;
	line-height: 160%;
	margin: 0;
	padding: 5px 0;
}
.inputinfo {
	background: url("images/response-postinfo.jpg")  no-repeat;
	padding: 5px 0;
	position: relative;
	text-align: left;
}
.inputinfo p {
	color: #3e3e3e;
	float: right;
	font: 1.2em 'Verdana', 'Arial', Sans-Serif;
	line-height: 160%;
	width: 240px;
}
label {
	color: #3e3e3e;
	font: 1em 'Verdana', 'Arial', Sans-Serif;
	text-transform: none;
	}
label strong {
	font-style: italic;
}
.addResponse input {
	background: rgb(255, 255, 255);
	border: 1px solid #e8e8e8;
	color: #3e3e3e;
	font-family: 'Verdana', 'Arial', Sans-Serif;
	margin: 4px 0px 10px 0;
	padding: 4px;
	width: 98%;
	}
.addResponse textarea {
	background: rgb(255, 255, 255) url("images/textarea-back.jpg")  no-repeat;
	border: 1px solid #e8e8e8;
	color: #3e3e3e;
	font-family: 'Verdana', 'Arial', Sans-Serif;
	height: 150px;
	line-height: 140%;
	font-size:	11px;
	margin-top: 4px;
	padding: 3px 5px 3px 5px;
	width: 97%;
	}
.addResponse input#submit {
	background: rgb(255, 255, 255);
	border: none;
	border: 1px solid #e8e8e8; 
	color: #3e3e3e;
	font-family: 'Verdana', 'Arial', Sans-Serif;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 2px 3px 2px 3px;
	width: 140px;
	}
p.submit { text-align: left; }
.addResponse #submit:hover { color: #3e3e3e; }
.addResponse #submit:active { color: #3e3e3e; }


/* *****************************************
	Information
***************************************** */
#event{
	width:				141px;
	height:				142px;
	background-image:	url(images/arnsteincup.png);
	background-repeat:	no-repeat;	
	position:			absolute;
	top:				0;
	left:				0;
}

#event a,
#event a:hover{
	text-indent:		-99999px;	
	width:				141px;
	height:				142px;
	position:			absolute;
}

#more{
	background-color:	#3e3e3e;
	height:				20px;
	color:				white;
	text-align:			right;
	padding:			5px 50px;
	border-bottom:		1px solid black;
}
a#btnmore{
	font-family:		"Myriad Pro", Verdana, Helvetica, sans-serif;
	color:				white;
	text-decoration:	none;
}	

#information{
	background-color:	#3e3e3e;
	color:				white;
	padding:			30px 100px;
}

#infocontainer{
	width:				900px;
	margin:				auto;	
	color:				white;
}

#infocontainer a{	
	color:				white;
	text-decoration: 	none;
}

#infocontainer a:hover{	
	color:				white;
}

#infocontainer .box{
	width:				280px;
	float:				left;
	padding:			10px;
}

#infocontainer .box h3{
	margin-top:			5px;
	margin-bottom:		20px;	
}

#infocontainer .box  ul{
	list-style:			none;
	width:				200px;
}

#infocontainer .box  ul li{
	padding:			5px;
	border-bottom:		1px solid #aaa;
}

#infocontainer img{
	margin:				0 10px 10px 0;	
}