/*   
Theme Name: Dynamic Group
Theme URI: http://www.dynamicgroup.se
Description: Baserad på DWS #03 : Dynamic Group
Author: Dynamic Interactive (Nils Sköld)
Author URI: http://www.dynamicgroup.se
Version: 2.1
*/

/**************   RESET   **********************/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; }
img { border: none; border: 0px; border-width: 0px; }
ul, li { list-style: none; }
body { font: 14px/24px Georgia, Arial, sans-serif; letter-spacing: 0; background: #D9D9D9; }
#main { }
.container {
	background: transparent url('images/bg_main.png') no-repeat;
	margin:0 auto;
	position:relative;
	padding: 0px 10px 20px 10px;
	width:940px;
	}
.separator { padding: 10px 0px 10px 0px; }
.separator2 { padding: 5px 0px 5px 0px; }
.separator3 { width: 10px; height: 10px; padding: 5px; float: left; } /* 20 pixlar */
.separator4 { width: 4px; height: 3px; padding: 3px; float: left; } /* 9 pixlar */
.no_padding { padding: 0px; }
.indent { margin-left: 10px; }


/**************   TEXT   **********************/

p, a { color: #4d4d4d; font: 14px/24px Georgia, Arial, sans-serif; letter-spacing: 0; }
p { padding-bottom: 10px; }
a { text-decoration:none; }	
a:hover { text-decoration:underline; }
		
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { 
	font-weight: normal; 
	font-style: normal; 
	line-height:normal;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	padding: 0px 0px 10px 0px;
	}	
h1, h1 a { font: 40px/45px Georgia, Arial, sans-serif; }
h2, h2 a { 
	font: 32px/32px 'QuicksandBold', Arial, sans-serif;
	color: #3FA5F1;
	}
h3, h3 a { 
	font: 24px/28px 'QuicksandBold', Arial, sans-serif;
	color: #3FA5F1;
	}
h2 span, h3 span { color:#4d4d4d; }
h4, h4 a { 
	font: 20px/24px 'QuicksandBold', Arial, sans-serif;
	color: #4d4d4d;
	}
h5, h5 a {
	font: 14px/16px Georgia, Arial, sans-serif;
	color: #29A7DE;
	font-weight:bold;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/**************   HEADER   **********************/

#top { 
	background: transparent url('images/bg_menu.png') repeat-x; 
	position: fixed; 
	width: 100%;
	height: 80px;
	top: 0px;
	z-index: 2000;
	}
#header {
	width:960px;
	height: 80px;
	margin:0 auto 0 -490px;
	position:fixed;
	left: 50%;
	top: 0px; 
	}
#logo { 
	background: transparent url('images/logo.png') no-repeat 0px 0px; 
	width: 125px; 
	height: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	}
#logo h1, #logo small { margin:0px; display:block; text-indent:-9999px; }
#menu { 
	padding: 0px 0px 0px 135px;
	text-align: left; 
	}
.menu_item a, .menu_item p { 
	display: block;
	color:#808080; 
	font: 12px/14px Arial, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding: 16px 10px;
	}
.menu_item a:hover { 
	background-color: #C8C8C8; 
	background-color: rgba(255,255,255,0.2); 
	text-decoration: none;
	}
/**************   FOOTER   **********************/

#footer { 
	background: #4D4D4D;
	padding: 30px 70px;
	}
.footer_col li { list-style: disc; padding-top: 5px; margin-left: 20px; color: white; }
.footer_col li a { color: white; }
.footer_col { width: 240px;}
.footer_col h3 { 
	font: 20px/24px 'QuicksandLight', Arial, sans-serif;
	color: white;
	padding: 0px; 
	}
.footer_col h3 a { text-decoration: underline; }
.footer_col p, .footer_col a { color: white; }
#metatags li { display: inline; }

/* Sökruta */

.sokruta {
	height: 30px;
	width: 240px;
	background: url(images/search.png) no-repeat;
	}	
.textInput {
	font-size: 14px;
	color: #4D4D4D;
	width: 200px;
	height: 30px;
	background: none;
	border: none;
	margin-top: 0px;
	margin-left: 35px;
	}

/**************   SITE HOME   **********************/

#page { padding: 100px 0px 0px 0px; }
#bildspel { padding: 0px 20px; }
#slide_show { z-index:2; }
.front_shadow { 
	background: transparent url('images/shadow_front.png') no-repeat;
	margin-top: -5px;
	width: 900px;
	height: 40px;
	}
#front_text { 
	width: 560px; 
	padding-left: 80px;
	}
.map { width: 460px; }
.puff { width: 300px; }
.puff_text { padding: 10px; }
.fifty_white { 
	background: transparent url('images/fifty_white.png') repeat scroll; 
	background: rgba(100%, 100%, 100%, 0.5);
	width: 1010px;
	height: 55px;
	padding: 5px;
	position: absolute;
	top: 1200px;
	left: -30px;
	z-index: -100; 
	}
#blogg_lomon { height: 310px; }
#senaste5 { width: 540px; }
#senaste5 a { font-weight: bold; }

/**************   PAGE   **********************/

#content, #content_index { width: 560px; padding: 0px 0px 40px 60px; }
#content a { font-weight: bold; }
#content li { list-style: disc; padding-top: 5px; margin-left: 20px; }
#content ul { padding-bottom: 20px; }
#content img { padding: 10px; }
.page_puff { width: 180px; }

/* Page Small */

#small_content { width: 320px; padding-right: 60px; }
.page_small_shadow { 
	width: 560px; 
	height: 40px; 
	background: transparent url('images/page_small_shadow.png') no-repeat;
	margin-top: -5px; 
	}
.page_small_puff { width: 220px; }

/**************   SIDEBAR   **********************/

#sidebar { width: 320px; }


#undersidor li { margin-left:0px; padding-top: 7px; }
#undersidor li a { font-size: 18px; color:#333333; display:block; background-color:#C8C8C8; height: auto; padding: 5px 0 5px 10px; text-decoration: none; }
#undersidor li a:hover { background-color:#c1c1c1; text-decoration: none; }
#undersidor li.current_page_item a { background-color:#808080; }
#undersidor li.page_item ul li a { background-color:#C8C8C8; }
#undersidor li.page_item ul li a:hover { background-color:#c1c1c1; }
#undersidor li.page_item ul li.current_page_item a { background-color:#808080; }
#undersidor ul { margin-left: 12px; list-style:none; }
#webcam { 
	background: transparent url('images/webcam.png') no-repeat;
	height: 180px;
	width: 260px; 
	padding: 148px 0px 0px 60px; 
	}

/**************   INDEX  **********************/

.news_text {
	width: 390px; 
	padding-left:20px;
	text-align:left;
	}
.shadow_news { background: transparent url('images/shadow_news.png') no-repeat; width: 150px; height:20px; margin-top: -5px; }
.news_text h3 { padding: 0px; }
ul.post-categories li { display: inline; }
a.text_link { font-weight: normal; }

/* Kommentarer */

ol.commentlist { margin-left: 0px; }
ol.commentlist li { padding: 20px; margin: 0px 0px 20px 0px; overflow: auto; }

ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}

ol.commentlist li.comment { }
ol.commentlist li.comment p { padding-bottom: 0px; }
ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard { padding-top: 10px; }
ol.commentlist li.comment div.vcard cite.fn { font-weight:bold; font-style: normal; }
ol.commentlist li.comment div.vcard span.says { font-weight:bold; }
ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.comment-meta a { font: 10px/12px Arial, sans-serif; font-weight:normal; font-style:normal; }

ol.commentlist li.comment div.reply { margin-top:10px; display: block; width: 40px; height: 20px; padding: 10px 20px; }
ol.commentlist li.comment div.reply a:hover { text-decoration: none; color: ##3FA5F1; }

ul.children { padding-bottom: 0px; }
ol.commentlist li.comment ul.children li { margin-top: 20px; }
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin { }

/* Pingback */
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}

/* Rutan där man svarar på kommentarer */
#respond { padding: 10px 0px 0px 0px; }
#respond textarea { width: 530px; }
ol.commentlist li.comment #respond textarea { width: 480px; }
ol.commentlist li.comment ul.children li.depth-2 #respond textarea { width: 410px; }
ol.commentlist li.comment ul.children li.depth-3 #respond textarea { width: 340px; }
ol.commentlist li.comment ul.children li.depth-4 #respond textarea { width: 270px; }
ol.commentlist li.comment ul.children li.depth-5 #respond textarea { width: 200px; }

ol.commentlist li { 									background-color: #F2F2F2; }
ol.commentlist li.comment div.vcard cite.fn, 
ol.commentlist li.comment div.vcard span.says { 		color: #000000; } 
ol.commentlist li.comment div.comment-meta a { 			color:#4D4D4D; }
ol.commentlist li.bypostauthor div.vcard cite.fn { 		color: #33CCFF; }
ol.commentlist li.bypostauthor div.reply, 
ol.commentlist li.comment div.reply { 					background-color: #000000; }
ol.commentlist li.comment div.reply a { 				color: #FFFFFF; }
ol.commentlist li.comment div.reply a:hover { 			color: #33CCFF; }
ol.commentlist li.comment ul.children li.depth-2 {		background-color:#E6E6E6; }
ol.commentlist li.comment ul.children li.depth-3 { 		background-color:#F2F2F2; }
ol.commentlist li.comment ul.children li.depth-4 { 		background-color:#E6E6E6; }
ol.commentlist li.comment ul.children li.depth-5 { 		background-color:#F2F2F2; }
ol.commentlist li.pingback ul.children li.depth-2 { 	background-color:#E6E6E6; }
ol.commentlist li.pingback ul.children li.depth-3 { 	background-color:#F2F2F2; }
ol.commentlist li.pingback ul.children li.depth-4 { 	background-color:#E6E6E6; }
ol.commentlist li.pingback ul.children li.depth-5 { 	background-color:#F2F2F2; }

/**************************
***  Wordpress-klasser  ***
***************************/

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
	}
	
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption {
   	text-align: center;
   	padding-top: 4px;
   	margin: 10px;
   	
  	/* optional rounded corners for browsers that support it */
   	-moz-border-radius: 3px;
   	-khtml-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
	}

.wp-caption img {
   	margin: 0;
   	padding: 0;
   	border: 0 none;
	}

.wp-caption p.wp-caption-text {
   	font-size: 11px;
   	line-height: 17px;
   	padding: 0 4px 5px;
   	margin: 0;
	}