/*   
Theme Name: Dragster elsbth
Theme URI: http://www.dragster.se
Author: Jonas Skoglund
Author URI: http://www.dragnet.se
Version: 1.0
.
Copyright Dragnet
.
*/
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
*/

body {
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	background: #EAEAEA url('images/bg_diagonal.png') ;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
p, li, dd { font-size: 1.1em; color: #666; }
blockquote { margin: 10px 0; }
a { color: #000; }
a:hover { color: #f29400; }
a img { border-width: 0; }

#branding a img, #social a img, #whatIsDragster a img { opacity: 0.8; filter: alpha(opacity=80); }
#branding a:hover img, #social a:hover img, #whatIsDragster a:hover img { opacity: 1; filter: alpha(opacity=100); }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; border-bottom: 1px solid #fff; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #000; }

h1, h2, h3 { clear: both; }
h1 { font-size: 3em; }
h2 { font-size: 2.2em; font-weight: normal; }
h3 { font-size: 1.8em; }
h3.widgettitle { font-weight: normal; margin: 13px 0; }
h4 { font-size: 1.4em; }

#content.category .category-referenser h2, #content .worker h2 { font-size: 1.6em; }
.light { font-weight: normal; }

cufon canvas {
	position:relative !important;
}
img.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}
img.alignright {
	float: right;
}

#wrap {
	/*width: 1040px;*/
	width: 910px;
	margin: 0 auto;
}
#bg_pass_left {
	background: transparent url('images/bg_pass_vanster.png') repeat-y top left;
	padding-left: 30px;
}
#bg_pass_right {
	background: transparent url('images/bg_pass_hoger.png') repeat-y top right;
	padding-right: 30px;
}
#container {
	/*width: 950px;*/
	width: 820px;
	margin: 0 auto;
	background: #fff;
	border-width: 0 2px;
	padding: 0 15px;
}

#header {
	background: #fff;
}

#header #branding {
	float: left;
}

#header #branding #logo {
	width: 76px;
	height: 70px;
	margin: 20px 20px 0px;
}
#header #branding #name {
	margin: 12px 0 3px 15px;
	font-size: 2.2em;
}

#header #social {
	float: right;
	margin: 0px 15px 0 0;
	text-align: right;
}
#header #social .widget_search {
	margin: 20px 0 0;
	float: right;
	clear: both;
}
#header #social #searchform {
	float: right;
	padding: 0px 0px 0 0;
}
#header #social .widget_text {
	margin: 44px 0 0;
	float: right;
	clear: both;
	width: 200px;
}
#header #social a {
	float: right;
}
#header #social a img {
	margin: 5px 0 5px 5px;
	width: 30px;
	height: 30px;
	border-width: 0;
}


#header #Nav {
	clear: both;
	border-top: 1px solid #ccc;
	margin: 0 15px;
	padding: 0;
}
#header #Nav ul {
	background: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header #Nav li {
	float: left;
	margin: 0 2px 0 0;
}
#header #Nav li a {
	font-family: Verdana;
	color: #000;
	font-size: 1.1em;
	display: block;
	padding: 15px 13px 3px 2px;
	text-decoration: none;
}
#header #Nav a:hover, #header #Nav a.current_item, #header #Nav li.current_item_parent a {
	display: block;
	padding-top: 10px;
	border-top: 5px solid #f29400;
}
.screen-reader-text {
	display:none;
}


#indexSplash {
	margin: 0 15px;
}
#indexSplash #flash {
	text-align: center;
	margin: 50px 0 30px;
	width: 790px;
	height: 274px;
	background: url('images/home_top_att_skapa_intresse.gif') no-repeat;
}
#indexSplash #flash img {
	width: 790px;
	height: 274px;
}
#indexSplash #whatIsDragster{
	margin: 0 0 10px 0;
	position: relative;
	width: 100%;
}
#indexSplash #whatIsDragster  #contactLink{
	position: absolute;
	top: 20px;
	right: 50px;
}
#indexSplash #whatIsDragster h2 {
	float: left;
	width: 450px;
}
#indexSplash #whatIsDragster p {
	float: left;
	width: 450px;
	margin: 0;
}
#indexSplash #whatIsDragster a {
	color: #f29400;
	text-decoration: none;
}
#indexSplash #whatIsDragster a:hover {
	text-decoration: underline;
}


#content {
	clear: both;
	margin-top: 30px;
	background: #fff;
	padding-bottom: 100px;
}

#content.index .post, #content .page, #content .post, .pagination {
	width: 450px;
	margin: 20px 15px;
}
#content.index .post {
	margin-bottom: 50px;
}
.post_meta { font-size: 1.1em; color: #666; border-top: 1px dotted #666; margin-top: 10px; padding-top: 10px; }

#content h1 {
	border-bottom: 1px solid #ccc;
	margin: 0 15px 10px;
}

/* visa flera referenser/medarbetare */
#content.category .category-referenser, #content .worker {
	font-family: Arial, Helvetica, sans-serif;
	width: 232px;
	/*height: 225px;*/
	height: 154px;
	float: left;
	margin: 20px 33px 20px 15px;	
}
#content.category .category-referenser.at_the_right, #content .worker.at_the_right {
	margin-right: 0px;
}
#content.category .category-referenser img, #content.category .category-referenser a img, #content .worker img {
	border-width: 0;
}
#content.category .category-referenser h2, #content .worker h2 {
	margin: 5px 0 5px;
}
#content.category .cat_ref_img_link img, #content .worker .worker_img_link img, 
#content.category img.one_attachment, #content .worker img.one_attachment {
	width: 230px;
	height: 145px;
}


/* visa en referens/medarbetare */

#content.single-ref  h1 {
	margin-bottom: 2px;
}
#content.single-ref .page,
#content.single .category-referenser.post, #content .worker-page {
	margin: 0 0 0 15px;
	width: 790px;
}
#content.single-ref .entry-content,
#content.single .category-referenser .entry-content, #content .worker-page .entry-content {
	float: left;
	width: 300px;
	margin: 5px 0 0 0px;
	font-family: Arial;
	line-height: 1.5em;
}

#content.single  .backToRefLink {
	background: url(images/arrowLeft.gif) no-repeat 1px 1px;
	border-bottom: 1px solid #ccc;
	padding: 3px 7px 7px;
	margin: 0 0 30px;
}
#content.single .backToRefLink a {
	color: #f29400;
	margin: 0 0 5px 23px;
	text-decoration: none;
}
#content.single .backToRefLink a:hover {
	text-decoration: underline;
}
.worker-page .worker_img { width: 230px; height: 145px; }


#content .images {
	float: right;
}
#content .images .big {
	width: 570px;
	height: 400px;
	margin-bottom: 10px;
}
#content .images .small {
	width: 80px;
	height: 50px;
	margin: 0 2px 2px 0;
}

/* thumbs */
#content #thumbs {
	float: right;
	width: 450px;
	margin: 30px 0px 0 0;
}
#content #thumbs #slideshow {
	overflow: hidden;
}
#content #thumbs #slideshow.jquery {
	height: 450px;
	border: 0px solid #000;
}
#content #thumbs #slideshow a.advance-link {
	text-decoration: none;
	float: left;
}
#content #thumbs ul {
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}
#content #thumbs li {
	float: left;
	margin: 0 5px 5px 0;
}
#content #thumbs .thumb img {
	width: 60px;
	height: 60px;
	padding: 1px;
}
#content #thumbs li.selected img {
	border: 1px solid #000;
	padding: 0px;
}

h3#comments {
	margin-left: 15px;
}
ol.commentlist p {
	margin: 5px 0 15px;
}



/* kontakta oss */

#content #page-3 {
	width: 790px;
	position: relative;
}
#content #page-3 p {
	width: 300px;
}
#content #page-3 h1, #content #page-3 h2, #content #page-3 h3 {
	clear: left;
}
#mappress0, .mapp-poweredby {
	position: absolute;
	right: 0;
}
#mappress0 { top: 0px; }
.mapp-poweredby { top: 450px; }


/* comments */
ol.commentlist {
	width: 430px;
}
#commentform textarea {
	width: 450px;
}

.pagination {
	width: 450px;
	margin: 20px 15px;
	padding: 5px 0px;
	border-top: 1px solid #ccc;
}
.pagination .pagination_older_news {
	float: left;
	margin-left: 0px;
}
.pagination .pagination_newer_news {
	float: right;
	margin-right: 0px;
}

#respond {
	margin-left: 15px;
}
h3#respond, form#commentform {
	margin: 10px 0px;
	width: 450px;
}

.clear {
	clear: both;	
}