/* @override 
	http://pixelhuset-seo.wp/wp-content/themes/pixelhuset-seo/style.css
*/

/*
Theme Name: Pixelhuset SEO site
Theme URI: http://www.pixelhuset.dk/
Description: Bruges til SEO domæner
Version: 1
Author: Pixelhuset
*/

body {
	background-color: #HHH;
	background-image: url(graphic/bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
}
br.dirtyLittleTrick { clear:both }
div.clear {margin:20px 0 0;}
a img {border:0;}


/* --- FONTS AND LINKS --- */

body,td,th {
	color: #585858;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
}

a {

	color: #223e98;
	font-weight: bold;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
/* --- WRAPPER --- */

#wrapper {
	position: relative;
	width: 850px;
	margin:0 auto;
}

#anchor {
	width: 50px;
	height: 22px;
}

/* --- HEADER --- */

#header {
	width: 850px;
	height: 56px;
	margin-top: 63px;
}

#header-m1 {
	float: left;
	width: 0px;
	height: 1px;
}

#logo {
	float: left;
	width: 425px;
}

#header-m2 {
	float: left;
	width: 0px;
 	height: 1px;
}

#navigation {
	float: left;
	width: 425px;
	padding-top: 22px;
	text-align: right;
}

#navigation a {
	margin-left: 20px;
	color: #636466;
	font-size: 16px;
}

#navigation img { margin: 0 5px; }

/* IMAGE REPLACEMENT */

#prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

/* --- IMAGE SLIDER --- */
#slider-wrapper { margin-top:20px; padding:0; text-align:center; width:850px;}
#slider { margin:0 auto;}
.jcarousel-container {position: relative; margin:0 30px;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 710px;height: 255px;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3; display: none;}
.jcarousel-container { }
.jcarousel-container-horizontal {width: 710px;padding: 20px 40px;}
.jcarousel-clip-horizontal { width:  710px;height: 255px;}
.jcarousel-item {width: 710px;height: 255px;}
.jcarousel-item-horizontal {margin-right: 0px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
.jcarousel-next-horizontal {position: absolute;top: 125px;right: -10px;width: 42px;height: 42px;cursor: pointer; background: transparent url(graphic/btn_next.gif) no-repeat 0 0;}
.jcarousel-prev-horizontal {position: absolute; top: 125px;left: -10px; width: 42px;height: 42px;cursor: pointer;background: transparent url(graphic/btn_prev.gif) no-repeat 0 0;}

/* --- TABLE MARGIN --- */	

.table-margin {
	margin-top: 16px;
}

/* --- HOMEPAGE CONTENT --- */

#homepage-wrapper{
	width: 850px;
	margin-top: 20px;
	display:block;
	clear:both;
	overflow:hidden;
}
.widget_top { width:265px; float:left; margin:0 6px;}
.widget_flickrRSS  ul{ list-style:none; margin:0 7px; padding:0;}


.widget_flickrRSS  ul li { margin:0; padding:4px; float:left;}
h2 { font-weight:normal; text-transform:uppercase; color:#223e98; background: url(graphic/dotted.png) bottom right repeat-x; padding:5px;font-size:20px;}
#homepage-m1 {
	float: left;
	width: 0px;
	height: 1px;
}

#homepage-c1 {
	float: left;
	width: 250px;
}

#homepage-m2 {
	float: left;
	width: 50px;
 	height: 1px;
}

#homepage-c2 {
	float: left;
	width: 250px;
}

#homepage-m3 {
	float: left;
	width: 50px;
 	height: 1px;
}

#homepage-c3 {
	float: left;
	width: 250px;
}

/* --- Divider --- */

.divider{
	width: 850px;
	margin-top: 62px;
}

/* --- ABOUT ME CONTENT --- */

#about-wrapper{
	width: 850px;
	margin-top: 63px;
	display:block;
	clear:both;
	overflow:hidden;
}

#about-m1 {
	float: left;
	width: 0px;
	height: 1px;
}

#about-c1 {
	float: left;
	width: 550px;
}

#about-m2 {
	float: left;
	width: 50px;
 	height: 1px;
}

#about-c2 {
	float: left;
	width: 250px;
}

.about-color {
	font-size: 12px;
	color: #223e98;
	font-weight: bold;
}

.image {
	margin-right: 15px;
}
.clear {margin-top:15px;}

/* --- PORTFOLIO CONTENT --- */

#folio-wrapper{
	width: 850px;
	margin-top: 63px;
}
#folio-wrapper ul{ list-style:none;margin:0;padding:0;}
#folio-wrapper ul li { float:left; width:270px; height:160px; margin:0 0 10px 10px;  }

/* --- CONTACT CONTENT --- */

#contact-wrapper{
	width: 850px;
	margin-top: 63px;
}

#contact-m1 {
	float: left;
	width: 0px;
	height: 1px;
}

#contact-c1 {
	float: left;
	width: 550px;
}

#contact-m2 {
	float: left;
	width: 50px;
 	height: 1px;
}

#contact-c2 {
	float: left;
	width: 250px;
}


.Stil2 {
	font-size: 12px;
	color: #73604d;
}

/* --- CONTACT FORM --- */

.form_nm {
	background-color: #e5e2df;
	color: #73604d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #e5e2df;
	text-indent: 3px;
	width: 150px;
	height: 20px;
}

.form_tf {
	background-color: #e5e2df;
	color: #73604d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #e5e2df;
	text-indent: 8px;
	line-height: 18px;
	width: 325px;
	height: 130px;
	padding-top: 5px;
}

/* --- COPYRIGHT --- */

#copy{
	width: 850px;
	margin-top: 45px;
}
p.center {text-align:center;}

/* Simple Modal CSS */
.simplemodal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container { height:600px; width:720px; background-color:#f5f5f5; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(graphic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
#simplemodal-container #basic-modal2-content {padding:8px;}

/* Contact form style */
.wpcf7-form {  }
.wpcf7-form  p { width:33%; }
.wpcf7-form p.left { float:left; }
.wpcf7-form p.left input { width:170px!important;width:150px; background-color: #e5e2df;	color: #73604d;	line-height: 20px;	border: 1px solid #bdb3a8;padding: 3px;}
.wpcf7-form p.msg { display:block;clear:both;  width:98%; }
.wpcf7-form p.msg textarea { width:99%!important;width:97%; height:100px; background-color: #e5e2df;	color: #73604d;	line-height: 20px;	border: 1px solid #bdb3a8;padding: 5px;}
.wpcf7-form p.submit input {  width:50px; }


div.widget_about ul{
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
}

div.widget_about ul li{
	font-weight: bold;
	color:#223e98;
}

div#wrapper a:hover{
	text-decoration: underline;
}