/*   
Theme Name: Moderaternas Kandidatmall
Theme URI: http://www.dynamicgroup.se
Description: Moderaternas Kandidatmall
Author: Dynamic Interactive
Author URI: http://www.dynamicgroup.se
Version: 0.2 (First implementation)
*/

/* TABLE OF CONTENT */
/*
	1. Reset styles
	2. Text styles
	3. Main styles
	4. Header styles
	5. Footer styles
	6. Page styles
	7. First Page styles
	8. Blog styles
	9. Sidebar styles
		A. S�kruta
	10. Comment styles
	11. Contact styles
	12. Other styles
		A. Poll styles
		B. 
*/

/* 1. RESET STYLES */

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; }
body {
	background-color:white; 
	color:black;
	font: 14px/18px Arial, sans-serif; letter-spacing: 0; 
	}

/* 2. TEXT STYLES - Font face, Rubriker, Text och L�nkar */


@font-face {
	font-family: 'FuturaLTBookBold';
	src: url('font/Futura_LT_Bold.eot');
	src: local('Futura LT Book Bold'), local('FuturaLT-Bold'), url('font/Futura_LT_Bold.woff') format('woff'), url('font/Futura_LT_Bold.ttf') format('truetype'), url('font/Futura_LT_Bold.svg#FuturaLT-Bold') format('svg');
}

@font-face {
	font-family: 'FuturaLTBookRegular';
	src: url('font/Futura_LT_Book.eot');
	src: local('Futura LT Book Regular'), local('font/FuturaLT-Book'), url('Futura_LT_Book.woff') format('woff'), url('font/Futura_LT_Book.ttf') format('truetype'), url('font/Futura_LT_Book.svg#FuturaLT-Book') format('svg');
}
	
		
h1, h1 a {
	font-size: 40px;
	line-height:normal;
	font-family: 'FuturaLTBookBold', sans-serif;
	/*font: 48px/48px 'FuturaStdBook', Arial, sans-serif; letter-spacing: 0;*/
	color:#58b3e4; 
	}

h2, h2 a {
	font-size: 24px;
	line-height:normal;
	font-family: 'FuturaLTBookBold', sans-serif;
	/*font: 18px/24px 'FuturaStdBook', Arial, sans-serif; letter-spacing: 0;*/
	padding-bottom:12px;
	color:#58b3e4;
	}
	
h2 a:hover { text-decoration:none; }

h3, h3 a {
	font-size: 16px;
	line-height:normal;
	font-family: 'FuturaLTBookRegular', sans-serif; letter-spacing: 1;
	/*font: 18px/24px 'FuturaStdBook', Arial, sans-serif; letter-spacing: 0;*/
	color:#666666;
	padding-bottom:5px;
	/*font: 18px/24px 'FuturaStdBook', Arial, sans-serif; letter-spacing: 0;
	color:#58b3e4;*/
	}
h4, h4 a {
	
	font: 16px/20px Arial, sans-serif; letter-spacing: 0;
	font-weight:bold;
	padding-bottom:15px;
	color:#666666;
	}
p { padding-bottom:10px; }

a { 
	padding-bottom:10px;
	color:black;
	text-decoration:none;
	}	
	
a:hover { text-decoration:underline; }

strong {
	color:#666666;
	padding-bottom:10px; 
	}
	


ol { padding:10px 0px 10px 0px; margin-left:40px; font: 14px/22px Arial, sans-serif; color:#444444;}

small {
	font: 10px/12px Arial, sans-serif; letter-spacing: 0;	
	color:#808080;
	font-style:italic;
	}
small a {
	font: 10px/12px Arial, sans-serif; letter-spacing: 0; 
	color:#f2af32;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	}
	

small a:hover { text-decoration:underline; }

/* Specialtexter */

h1#name {
	padding:60px 0px 0px 20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size: 48px;
}

h1#name a {
	color:#FFFFFF;
	text-decoration:none;
	font-size: 48px;
}

h1#name a:hover { text-decoration:none; }

h2#tagline {
	padding:0px 0px 22px 20px;
	color:#FFFFFF;
}

h2#tagline a{
	color:#FFFFFF;
	text-decoration:none;
}

h2#tagline a:hover { text-decoration:none; }

h2.big {
	font-size:35px;
}

h2.big a { 
	font-size:35px;
	text-decoration:none;
	line-height: 38px;
}

h2.big a:hover { text-decoration:none; }

h2.first_page {
	font: 16px/20px Arial, sans-serif; letter-spacing: 0;
	font-weight:bold;
	color:#666666;
}

h2.first_page a { 
	font: 16px/20px Arial, sans-serif; letter-spacing: 0;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}

h2.first_page a:hover { text-decoration:none; }



/* Post Meta Date */

.post-meta h2 {
	font-family: 'FuturaLTBookBold', sans-serif;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	line-height: 30px;
	font-size:35px;
}

.post-meta h2 a:hover{
	text-decoration:none; 
}

.post-meta h2 span.day {
	display: block;
	float: right;
	line-height: 29px;
	font-size: 35px;
	padding-right: 0px;
	color:#f2af32;
}

.post-meta h2 span.month, .post-meta h3 span.year {
	color: #f2af32;
	width: 40px;
}

.post-meta h2 span.month {
	display: block;
	float: right;
	font-size: 18px;
	line-height: 14px;
	padding-left: 0px;
	text-align: center;
	text-transform: uppercase;
}

.post-meta h2 span.year {
	font-size: 12px;
	display: block;
}


/* Bottom menu & Breadcrumbs */
h3.bottomMenu {
	font-family: 'FuturaLTBookRegular', sans-serif; letter-spacing: 1;
	font-size:12px;
	letter-spacing: 1;
	color:#58b3e4;
}

h3.bottomMenu a{
	font-size:12px;
	color:#58b3e4;
}

h3.bottomMenu a:hover { 
	text-decoration:none; 
	color:#f2af32;
}

h3.bottomMenu span{ 
	font-family: 'FuturaLTBookBold', sans-serif;
	font-size:12px;
	color:#58b3e4;
}

h3.sidebar {
	padding-top: 10px;
	padding-left:15px;
	font-size:16px;
	letter-spacing: 1;
}



small.posttime {
	float:right;
	color:#58b3e4;
	font-weight:bold;
}

small.posttime a:hover { 
	text-decoration:underline; 
	color:#58b3e4;
}

small.siteinfo {}

small.siteinfo a { 
	color:#FFFFFF;
}

small.siteinfo a:hover { 
	color:#f2af32;
	text-decoration:none;
}









/* 3. MAIN STYLES - Bakgrund och Bredd */
body {
	
	background: transparent url('images/header_slice_left.png') repeat-x 0px 0px;

}

#wrapper { 
	width:960px;
	margin:0 auto;
	background: transparent url('images/background_slice.png') repeat-y 0px 0px;
	}
.container {
	position:relative;
	}

/* 4. HEADER STYLES - Headerbakgrund, Logo och L�nkar */

#header { 
	padding: 0px 0px 0px 0px;
	background: transparent url('images/header.png') no-repeat scroll;
	width: 960px;
	height: 235px;
	position: relative;
	margin: 0px 0px 0px 0px;
}


#menu {
	padding-left:30px;
	background: transparent url('images/menu.png') no-repeat scroll;
	width: 960px;
	height: 52px;
}

ul#nav {
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
}


/* 5. FOOTER STYLES - Footerbakgrund, Footerkolumner */

#footer {
	padding: 15px 0px 10px 0px;
	margin-top: 80px;
	background: transparent url('images/footer.png') no-repeat scroll;
	width: 960px;
	height: 154px;
	position: relative;
	margin: 0px 0px 0px 0px;
	
	
	}
	
#bottomMenu {
	padding: 20px 0px 20px 20px;
	text-align:center;
	width: 670px;
}

#bottomMenu ul li {
	display:inline;
}

#bottomMenu ul li.current_page_item a {
	font-family: 'FuturaLTBookBold', sans-serif;
}

#bottomMenu ul li a {
}
#footer_content {
	width:880px;
	margin:0 auto;
	position:relative;
	}
	

.footer_columns h3 {
	color:#333333;
	font:14px/18px 'AGaramondLTBoldRegular',Arial,sans-serif;
	text-transform: uppercase;
	}
.footer_columns p { font-size:12px; color:#777777; font-weight:normal; padding-top:0px; }
.footer_columns a { font-size:12px; color:#777777;}
.footer_columns a:hover { text-decoration:underline; }

#column1 { width:40%; float:left; line-height:20px; padding-left:10px;}
#column2 { width:42%; float:left; text-align:right; line-height:28px; padding-top:10px;}


/* 6. PAGE STYLES -  */


.page {
	width: 940px;
	padding: 0px 0px 0px 20px;
	}
#content {
	width:670px;
	padding-right: 20px;
	float:left;
	}
#page_content { padding: 10px 0px 10px 0px; }
#page_text { padding:10px 0px 0px 0px; }
	
/* 7. FIRST PAGE STYLES - Slideshow, columns, etc */

#featured {}
#slide_ram {
	position:relative;
	z-index:-100;
	background:transparent; 
	border: 2px solid #000000; 
	width: 670px; 
	height: 335px; 
	} /* F�RG - Ram runt bildspel */
#slide_show {
	width: 670px;
	height: 335px;
	}
#sliderholder { 
	background-color: #F1F1F1; 
	padding: 20px 120px 20px 120px;
	width:680px;
	margin:0 auto;
	position:relative;
	}
.separator {
	border-top: solid 1px #999999;
	padding: 0px 0px 10px 0px;
	
	}
	
.separator_nyheter {
	/*border-top: solid 1px #58b3e4;*/
	text-align:center;
	margin: 0px 150px 0px 150px;
	padding: 0px 0px 30px 0px;
	
	}

	
/* 7B. Front Kolumner */

#front_columns {}
#front_column2 {}
#front_columns a {}
#front_columns a:hover {}



/* 8. BLOG STYLES */

.post { padding: 20px 0px 0px 0px;}
.post h1 { padding: 20px 0px 0px 0px; margin:0px; }
.post p { padding: 5px 0px 20px 0px; }
#nyheter_top {}
#erbjudanden_top {}
#sok_top {}
.inside_top { padding:30px 180px 30px 30px; } 
.inside_top h1, .inside_top p, .inside_top a { color: white; }



/* 8A Blog Sidebar */


/* 9. KONTAKT STYLES */
.kontaktruta_l {
	width: 320px;
	height: 220px;
	padding-left: 20px;
	float:left;
	}
.kontaktruta_r {
	width: 320px;
	height: 220px;
	padding-right: 20px;
	float:right;
	}
.kontaktruta_l p, .kontaktruta_r p {
	color:white;
	text-align: left;
	margin: 140px 20px 10px 20px; 
	}
.kontaktruta_l a, .kontaktruta_r a { color:white; }
.kontaktruta_l a:hover, .kontaktruta_r a:hover { text-decoration: underline; }

/* 9. SIDEBAR STYLES */

#sidebar_div {
	width:230px;
	}
	
#sidebar_div a{
	color:#000000; 
	font-weight: normal; 
	text-align: justify; 
	font-size: 12px;
	}
ul.sidebar { }
ul.sidebar li { list-style:none; padding-bottom:5px; }
ul.sidebar li a { color:#000000; text-decoration:none; font-weight: normal; text-align: justify; font-size: 12px; }
ul.sidebar li a:hover { text-decoration:underline; }
  h3.sidebar_rubrik { text-align:left; }
  
.sidebar_frame_top {
	width: 230px;
	height: 45px;
	background: url(images/widget_top.png) no-repeat;
	padding: 0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	}
	
.sidebar_frame_middle {
	background: url(images/widget_middle.png) repeat-y;
	padding: 0px 0px 0px 15px;
	}
.sidebar_frame_middle a{
	padding: 0px 0px 0px 0px;
	}
	
.sidebar_frame_bottom {
	width: 230px;
	height: 11px;
	background: url(images/widget_bottom.png) no-repeat;
	padding: 0px 0px 6px 0px;
	}
	
.social_media {
	width: 230px;
	padding: 10px 0px 10px 0px;
	}


/* 9A. S�krutan */

.fieldHolder
{
	width: 230px;
	height: 25px;
	background: url(images/search.jpg) no-repeat;
	}
.fieldHolder2
{
	width: 230px;
	height: 25px;
	background: url(images/newsletter.jpg) no-repeat;
	}
.textInput
{
	width: 205px;
	height: 25px;
	background: none;
	border: none;
	color:black;
	margin-top: 0px;
	margin-left: 30px;
	}
	

/* 10. COMMENT STYLES */

/* 11. CONTACT STYLES */

#contact label {
	display:block;
	padding:5px 0;
}

#contact input, #contact textarea {
	border:1px dashed #ccc;
	padding:8px;
	width:300px;
	margin-bottom:10px;
	background:url(images/bk_input.jpg) 0 0 repeat-x;
}


#contact textarea {
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact input.submit{
	border:none;
	width:122px;
	height:34px;
	margin-top:10px;
	cursor:pointer;
	text-indent:-9999px;
}
.errormsg, .successmsg{
	background:#FEF4F1;
	border:1px dashed #F7A68A;
	color:#DA4310;
	padding:10px;
}

.successmsg {
	background:#F5FAF1;
	border:1px dashed #C2E1AA;
	color:#8FA943;
}
/* 12. OTHER STYLES */

.breadcrumb
{
	font-size: 1.1em;
	color: #58b3e4;
	margin: 30px 0px 0px 10px;
	position: relative;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.fl {float: left;}
.fr {float: right;}

/* Sitemap */
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 10px 0px 0px 20px; }

.entry p  { margin: 0 0 15px 0; }

.entry blockquote  { padding: 10px 30px; color: #666; font-style: italic; font-size: 16px; }
.entry blockquote p  {}

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 50px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }