/*
Theme Name: Dreamride 3 Med nya bakgrunder
Theme URI: http://dreamrideholidays.com/
Description: Theme made by Tdude for Andy & Hanna. This one is the foundation for Flash and other functions.
Version:0.2
Author: Tibor Berki
Author URI: http://codegravity.se/
Tags: brown, custom header, fixed width, three columns, widgets


*/



/* reset browsers grejs for ovnings skull. http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}


body{
	font-family:baskerville,"baskerville old face",times,"times new roman", serif;
	font-size:0.67em;
	line-height:1.5em;
	color:#000;
	
	background: #000 url(images/bg-body.jpg) 0px 0px repeat-x;
}


h2, h3, h4{
	clear:both;
	line-height:1.2em;
	color:#811;
	font-weight:bold;
	margin:1em 0 0 0;
}

h2 a{
	font-size:1.7em;
	color:#811;
	text-decoration:none;
}

h3 a{
	font-size:1.5em;
}

em{
	font-style:italic;
}

small{
	font-size:0.85em;
	color:#330;
}


a{
	color:#900;
	text-decoration:none;
}
a:hover{
	color:#c00;
	text-decoration:underline;
}



/* layout boxes n stuff */
#container{
	width:1000px;
	margin:0 auto;
}


#header{
	width:100%;
	height:350px;
	margin:0;
	padding-top:20px;
	background: transparent url(images/bg-header.jpg) center top no-repeat;
	
}

#slideshow{
	margin: 0;
	padding:4px 0 0 0;
	text-align:center;
}

	
	#logo{
	position:absolute;
	float:left;
	margin:-16px 0 0 -10px;
	}
		#logo h1 a{ /* gor loggan klickbar, samt bg. Gommer texten. */
			width:380px;
			height:150px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			background: transparent url(images/logo.png) 0px 0px no-repeat;
		}
			#logo h1 a:hover{ /* gor loggan klickbar, samt bg. Gommer texten. */
			background-position: 0px -150px;
			cursor:pointer;
		}

.description{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-left:-999px;
	}


#searchform{
	color:#cb9;
	float:right;
	margin:-15px 150px 0 0;
	}



#topnav{
		font-size:1.85em;
		font-weight:bold;
		text-transform:uppercase;
		margin:-8px 50px 0 0;
		float:right;
	}

	
		#topnav ul{
			list-style:none;
		}
	
		#topnav li{
			display:inline;
			line-height:52px;
		}
	
		#topnav li.page_item a{
			background:transparent url(images/but-wood.png) center center no-repeat;
			width:150px;
			height:52px;
			display:inline-block;
			text-align:center;
		}
	#topnav li.current_page_item a{
			background:transparent url(images/but-wood1.png) center center no-repeat;
		}
		
		#topnav li a{
			color:#300;
			text-decoration:none;
		}
		#topnav li a:hover{
			color:#59b;
		}


	


.clear{
	height:1px;
	clear:both;
}



#maincontent{
	
	/*background:#E9E0BB url(images/bg-mid-repeat.png);*/
	background:transparent url(images/bg-mid-repeat.png) center top repeat-y;
	width:100%;
	min-height:350px;
	margin:-30px 0 0 0;
	padding:0;
	
}


	.column{
		font-size:1.4em;
		line-height:1.2em;
		width:255px;
		height:320px;
		float:left;
		margin:0 8px;
		padding-top:20px;
		background: transparent url(images/bg-col.png) center center no-repeat;
	}
	
	.first{
		margin-left:96px;
	}
	.column h2{
		margin:0.5em 0 0 0;
	}
	.column h2 a{
		margin:0 15px 0 20px;
	}
	
	.column p, #footer p{
		margin:.5em 20px;
	
	}

	.column ul li{
		font-size:0.9em;
	}
	.column span{
		font-size:1em;
		font-weight:bold;
		text-transform:uppercase;
		margin:1em 0 0 0;
	}

	.column span.capz{
		font-size:1em;
		font-weight:bold;
		text-transform:uppercase;
		margin:0;
	}

	a.color-green{
		color:#141;
		text-decoration:none;
	}
	a.color-green:hover{
		color:#000;
		text-decoration:underline;
	}
	hr{height:0;clear:both;}
	hr.divider{
		display:block;
		width:100%;
		height:24px;
		margin:0;
		background:transparent url(images/bg-divider.png) center center no-repeat;
	}

.lead{
	font-size:1.4em;
	line-height:1.5em;
	background:transparent;
	width:810px;
	height:100%;
	margin:0 0 0 92px;
	padding-top:0;
}

	.lead h2{
		font-size:1.7em;
		margin:0;
		padding:1em 0 0 0;
		}

.navigation{
padding:2em 0;
}
.postmetadata{
	font-size:0.8em;
	line-height:1.2em;
	}


#footer{
	background:transparent url(images/bg-footer.png) center bottom no-repeat;
	clear:both;
	width:100%;
	margin:-10px auto;
	color:#000;
	height:200px;
}

	#footer p{
		margin:0 auto;
		padding-top:70px;
		width:77%;
		font-size:1.2em
	}

	#footer-aremap a{
		background:transparent;
		position:absolute;
		margin:55px 0 0 250px;
		width:410px;
		height:40px;
		text-indent:-9999px;
		overflow:hidden;
	}
	

	.cglogo{
		background:url(http://codegravity.se/images/codegravity-logo.png) no-repeat;
		display:inline;
		height:16px;
		width:60px;
		 margin:65px 0 0 110px; 
		float:left;
	}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}



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

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

img.alignleft {
	padding: 4px 4px 4px 0;
	margin: 0 8px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




/* Contact and forms  */
.post, .commentform{
	margin:0 20px;
	}

.subscribe{
	margin:15px 0 0 117px;
	float:left;
	}
.subscribe h2{
	margin:0;
	}








#wpcf{
	margin-top:30px;
	margin-left:20px;
	margin-bottom:50px;
	width:310px;
	text-align:right;
	float:left;
}
#wpcf label{
	text-align:left;
	float:left;
	}


#author,
#email,
#url,
#wpcf_your_name, 
#wpcf_email,
#wpcf_website, 
#wpcf_not_spam{
	background:none;
	border:none;
	border-bottom:1px dashed #000;
	margin-bottom:5px;
}


#comment,
#wpcf_msg{
	background:none;
	border:1px dashed #000;
	}
	
	
#Mail-Press,
.MailPressFormEmail{
	margin:0;
	padding:0;
	line-height:1em;
	}

#contactsubmit,
#searchsubmit,
#submit,
#mp_submit{
	background:transparent url(images/but-send.png) no-repeat 0px 0px;
	width:70px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	}
#contactsubmit:hover,
#searchsubmit:hover,
#submit:hover,
#mp_submit:hover{
	background-position:0px -36px;
	cursor:pointer;
	}
	
/* Mailpress css. See ie.css too */
div#MailPress div#mp-container, div#MailPress div#mp-formdiv {
position:relative;
}

div#MailPress div#mp-loading, div#MailPress div#mp-message {
position:absolute;
opacity:0;
}
/*//*/


.formsent {
	margin-top:30px;
	margin-left:20px;
	margin-bottom:80px;
	width:310px;
	height:290px;
	text-align:left;
	float:left;
}

#contactinfo{
	width:310px;
	margin-top:30px;
	margin-left:50px;
	margin-bottom:80px;
	font-size:1.1em;
	line-height:1.3em;
	float:left;
}
#contactinfo .company {
	font-size:1.1em;
	line-height:1.3em;
}
.company {
	font-weight:bold;
}
.error { 
	color:#600;
	font-family:"Courier New", Courier, monospace;
	font-size:1.3em;
	margin-left:12px;
	margin-right:20px;
	line-height:1.4em; 
}

.error strong { 
	color:#c00;
	font-weight:bold;
}