/*  
Theme Name: Chocolate Milk
Description: 2 column, brown color scheme with rounded edge content boxes; featured content area and right sidebar
Version: 1.0
Author: A. Lewis
Author URL: http://www.antisocialmediallc.com
Tags: 2 columns, brown, fixed-width,right-sidebar
License: GPL
*/ 

/* HTML Elements */



* {

margin:0;

padding:0;

}



.clearall{ clear:both; }

.clear-left{ clear:left; }

.clear-right{ clear:right; }

br.clearall{ clear:both; height: 0; line-height:0; font-size: 0px;}









body {
	background: #fdfbf6 url(images/steel-background.jpg) no-repeat;
	background-position:center;
	background-attachment:fixed;
	color: #ffffff;
}


body, select, input, textarea {font: 75% Arial, Verdana, Sans-Serif;}



p {margin: 15px 0;}



a:link, a:visited {color: #423B35; text-decoration:none}



a:hover, a:active {text-decoration:underline;}



hr {display: block; height:1px; background:#333;border:0;}



small {font-size: 0.95em; background:#eef5e1; padding:3px 6px;}



img, a:link img, a:visited img {border:0}



h1 {font-size:190%;}

h2 {font-size:170%;}

h3 {font-size:140%;}

h4 {font-size:120%;}

h5 {font-size:110%;}

h6 {font-size:100%;}



h1, h1 a {  color: #694F18; }

h2,h4,h5,h6 { color: #761343; font-weight:bold; }

h3 { color: #333333; font-weight:bold; margin-top:10px;}

h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link { color: #761343; text-decoration:none; }

h3 a:link { color: #333333; text-decoration:none; }

h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {  color: #761343; text-decoration:none; }

h3 a:visited {  color: #333333; text-decoration:none; }


h1 { font-family:"Trajan Pro";	letter-spacing:0; }

h1 a:link {  text-decoration:none; }



strong {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

pre { overflow:auto;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}

th {font-weight:bold;background:#7F756B;}

th, td {padding:4px 10px 4px 5px;}

tr.even td {background:#413B36;}

tfoot {font-style:italic;}

caption {background:#413B36;}



label {font-weight:bold;}

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #f1f1f1;}



.alignleft { float:left; margin-right:10px; }

.alignright { float:right; margin-left:10px; }

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



img.alignleft { float:left; margin-right:10px; background:#f2f2f2; padding:5px; max-width: 250px; }

img.alignright { float:right; margin-left:10px; background:#f2f2f2; padding:5px; max-width: 250px; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; background:#f2f2f2; padding:5px; max-width: 500px; }



html>body .alignleft { width: auto; height: auto; max-width:250px; }

html>body .alignright { width: auto; height: auto; max-width:250px; }

html>body .aligncenter { width: auto; height: auto; max-width:500px; }





#wrapper { 
	background: url(images/made-in-sweden.png) no-repeat;
	background-position:right top;
	width:1040px; 
	margin:0 auto; 
	padding:0; 
}



#maincontainer {

	width:900px; 

	margin:0 auto;

}



#contentcontainer { clear:both; overflow:hidden; padding-top:4px; margin:0 auto; width:900px; }



/* categories list menu */

/*- Category Navigation -*/

#maincontainer .titlesect { clear:both; margin:0px auto 0px auto; padding:0px 0px 0px 0px; }


/* home rss menu */

#maincontainer .home-rss-menu { float:right; margin:0px 0px 0px 0px;}

#maincontainer .home-rss-menu a { color:#333333; font-size:x-small; padding-right:10px;}



/* logo div */

#maincontainer .title-logo { width:500px; float:left; margin-top:20px; padding-left: 30px;}

#maincontainer .title-logo h1 { h1 font-family:"Trajan Pro";	letter-spacing:0; color:#E3E1D5; }

#maincontainer .title-logo h1 a { h1 font-family:"Trajan Pro";	letter-spacing:0; color:#E3E1D5; }

#maincontainer .titlesect .title-logo .tagline { float:left; color:#333333; font-size:16px; margin-top: 9px;}


/* pages list menu */

#maincontainer .pagemenu {
	margin:0px auto 0px auto; 
	float:left;
	background: url(images/pagemenubg.png) no-repeat; 
	width:900px; 
	height:65px;
}

#maincontainer .hmenu-nav, #maincontainer .hmenu-nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		z-index: 100;
}

#maincontainer .hmenu-nav {
		margin-top: 24px;
}

#maincontainer .hmenu-nav a {
	display: block;
	text-decoration:none;
	padding: 0 15px;
	z-index: 100;
	display: block;
	color: #ffffff;
}

#maincontainer .hmenu-nav {
	float: left;
	padding-left:20px;
}

#maincontainer .hmenu-nav li {
	float: left;
	background-color: #761343;
}

#maincontainer .hmenu-nav li.page_item {
}

/* Style drop down list */

#maincontainer .hmenu-nav li ul {
	position: absolute; 
	width: 160px; 
	left: -999em;
}

#maincontainer .hmenu-nav li ul li {
	border-style: solid; 
	border-width:0 1px 1px 1px; 
	padding: 3px 0px;
}

#maincontainer .hmenu-nav li ul li a {
	line-height:25px; 
	width: 150px; 
	text-shadow:none; 
	text-decoration:none;
}

#maincontainer .hmenu-nav li ul ul {
	margin: -28px 0 0 180px; 
}

#maincontainer .hmenu-nav li ul ul li a {
	line-height: 25px;
}

#maincontainer .hmenu-nav li ul li ul li a {
	border-width:0 1px 1px 0px; 
}

#maincontainer .hmenu-nav li:hover ul, #maincontainer .hmenu-nav li.sfhover ul {
	left: auto;
}

#maincontainer .hmenu-nav li:hover ul ul, #maincontainer .hmenu-nav li.sfhover ul ul {
	left: -999em;
}

#maincontainer .hmenu-nav li:hover ul, #maincontainer .hmenu-nav li li:hover ul, #maincontainer .hmenu-nav li.sfhover ul, #maincontainer .hmenu-nav li li.sfhover ul {
	left: auto;
}

#maincontainer .hmenu-nav li:hover, #maincontainer .hmenu-nav li.hover {
	position: static;
} 







/* IE7 Fix */



#maincontainer .pagemenu .search { text-align:center; float:right; width:237px; height:37px; margin:15px 20px 0px 0px;}

#maincontainer .pagemenu .search .searchinput {border:1px solid #E3E1D5; padding:3px; width:170px;}

#maincontainer .pagemenu .search .searchbutton {}



















/* Content */



#content { width:600px; float:left; margin:0 auto; margin-top:-8px;}

#content h1 { padding: 10px 0px 0px 10px; }

#content .outercontainertop { margin:0 auto; width:580px; height:22px;  background: url(images/outercontainer-top.png) no-repeat;}

#content .outercontainermiddle { margin:0 auto; width:580px; background: url(images/outercontainer-middle.png) repeat-y;}

#content .outercontainerbottom { margin:0 auto; width:580px; height:20px; background: url(images/outercontainer-bottom.png) no-repeat;}

#content .contentmiddle { clear:both; padding:0;}

#content .contentbottom { background: url(images/content-bottom.png) no-repeat;width:542px;height:17px; margin:0 auto;}



.postcontainer { margin:0 auto; clear:both; overflow:hidden; background: #FFFFFF url(images/subfeaturebg.gif) no-repeat; padding:20px 0px 25px 0px; width:542px; color:#333333; border-left:1px dotted #dddddd; border-right:1px dotted #dddddd; }





.postarea { padding:20px; }

.postarea ol,.postarea ul { margin-left:50px;line-height:115%;}

.postareameta { margin: 30px 0;}

.postarea h2 {}

.postarea blockquote { color:#76767a;background:#F4F4F4;padding:6px 14px;margin:18px 35px;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}

.postarea ul li {list-style:square;}

.postarea img{margin:10px;max-width:550px;width: expression(this.width > 550 ? 550: true);max-height:100%;}

.postarea .byline {display:block;padding:4px 4px 4px 8px;}

.postarea .byline a {color:#000000;text-decoration:none;}

.postarea .byline a:hover {color:#705738;text-decoration:underline;}

.postarea .excerpt {}

.postarea .excerpt img{float:left;margin-right:10px;max-width:100px;width: expression(this.width > 100 ? 100: true); max-height:100px;}

.bnavigation {padding-left:50px;}

.npfsearchmsg {margin:20px 0px 20px 30px;}

.npfsearchmsg h2 {margin:0px 0px 10px 0px;}



.postareameta {margin:10px 0px 10px 30px;}



/************************************************

*Feature content                         * 

************************************************/



#featurecontent { margin:0 auto 10px auto; width:542px; overflow:hidden; height:257px; background: transparent url(images/featurebg.png) no-repeat; color:#333333;}

#featurecontent .featurecontentcontent { padding:10px;  }

#featurecontent h2 { padding:2px; margin:0px 0px 3px 0px; color:#761343; height:25px; }

#featurecontent img { max-width:110px; width: expression(this.width > 110 ? 110: true); max-height:110px; float:left; margin-right:10px; }

#featurecontent .title { margin-bottom:10px; }

#featurecontent .title a { font-size:medium; color:#487685; font-weight:normal; text-decoration:none; line-height:1.5em; }

.featureinput { border:1px solid #CCD1D9; }

#featurecontent .featuresubmit { background:#eeeeee; color:#000000; border:1px solid #000000; }



#featurecontent.sticky h1

	{

		

	background: transparent url(images/sticky.png) center left no-repeat;

	color:#ff0000;

	font-weight:bold;

	padding-left:30px;

	}

.sticky .leftheading h2

	{

		width:500px;

		margin:0px;

		padding:15px 0px 10px 58px;

		font-size:medium;

		font-weight:bold;

		color:#000000;

	}

	

.sticky .leftheading h2 a

	{

		width:500px;

		margin:0px;

		padding:15px 0px 10px 0px;

		font-size:medium;

		font-weight:bold;

		font-weight:normal;

		color:#000000;

	}



/************************************************

* sub feature left column | right column         * 

************************************************/



#subfeature { clear:both; margin:0 auto; background: #FFFFFF url(images/subfeaturebg.gif) no-repeat; padding:20px 0px 25px 0px; width:542px; color:#333333; border-left:1px dotted #dddddd; border-right:1px dotted #dddddd; }

#subfeature h1 { padding-left:20px; }

#subfeature .latestposts { clear:both; overflow:hidden; width:542px; padding:10px; }

#subfeature .latestposts h2 { font-size:medium; font-weight:normal; text-decoration:none; height:50px; overflow:hidden; }

#subfeature .latestposts h2 a { font-size:medium; font-weight:normal; text-decoration:none; }

#subfeature .latestposts .meta { font-size:x-small; margin:0;float:right;}

#subfeature .latestposts img { float:left; margin-right:10px; border:4px double #E2E3E5; max-width:110px; width: expression(this.width > 110 ? 110: true); max-height:110px; }

#subfeature .latestposts h4 { margin:0; padding:3px 0px 3px 0px;  font-size:small; text-align:center;}

#subfeature .latestposts h4 a {   text-decoration:none; font-weight:normal;}

#subfeature .latestposts .latestpostsleft { float:left; width:235px; list-style:none; margin:0px 10px 20px 0px; padding:10px;   }

#subfeature .latestposts .latestpostsright { float:left; width:235px; list-style:none; margin:0px 10px 20px 0px; padding:10px;   }



#subfeature .latestposts.readfull { clear:both; overflow:hidden;  margin:0; padding:0; } 

#subfeature .latestposts.readfull img { background-image:none;border:none;clear:both;float:right; width:107px;height:26px; margin:0; padding:0; }



/************************************************

* Sidebar                                        * 

************************************************/



#sidebar { width: 300px; float:right; margin:0; }



#sidebar li { list-style:none; border-bottom:1px solid #F0EFE8; padding:.5em 0px .5em 0px }

#sidebar a { #333333; }



#sidebar .sidebarbits { width:280px; padding:0px 0px 0px 3px; margin:0 auto; }

#sidebar .sidebarbits .sidebarbitstop {background: url(images/swidget-top.png) no-repeat; width:280px; height:16px; margin:0; padding:0;}

#sidebar .sidebarbits .sidebarbitsbottom {background: url(images/swidget-bottom.png) no-repeat;width:280px; height:25px; margin:0px 0px 10px 0px;}

#sidebar .sidebarbits .sidebarbitsmiddle {background: url(images/swidget-middle.png) repeat-y; width:280px; padding:0; margin:0;}

#sidebar .sidebarbits .sidebarbitsmiddlecontent {width:225px; margin:0 auto; }



#sidebar .sidebarbits .sidebarbitsmiddle h2 { color:#333333; padding:10px 0px 10px 0px;}

#sidebar .sidebarbits .sidebarbitsmiddle h3 { color:#333333; padding:10px 0px 10px 0px;}

#sidebar .sidebarbits .sidebarbitsmiddle ul li {margin-top:7px;}

#sidebar .sidebarbits ul li a, #sidebar .sidebarbits ul li a:visited  { color:#333333;}



#sidebar select {width:200px;} 



#sidebar .sidebarbits .sidebarbitsmiddle .ad250 { text-align:center; margin: 0 auto; padding:5px; }



#sidebar ul li ul {

margin-left:10px;

}



#sidebar ul li ul li {

border:none;

list-style:circle;

margin-left:10px;



}



#tags {

padding:3px;

border-bottom:1px solid #DDD;

border-top:1px solid #DDD;

}



#calendar caption, #wp-calendar caption { font-weight: bold; 	color : #E3E1D5; 	text-transform:uppercase; 	margin:0; 	padding:2px 0 2px 10px; 	width:100%; 	text-align:left; }

#calendar table, #wp-calendar table { 	width: 100%; 	padding: 0; 	text-align: left; }

#calendar thead th, #wp-calendar thead th { 	padding:3px; color:#E3E1D5; }

#calendar tbody td, #wp-calendar tbody td { 	padding: 5px 0;  color:#333333; }

#calendar tfoot td, #wp-calendar tfoot td { }

#calendar #prev, #wp-calendar #prev { 	text-align: left; }

#calendar #next, #wp-calendar #next { 	text-align: right; }

#calendar a, #wp-calendar a { 	font-weight: normal; 	color: #7F756B; }





/* Form Elements */



.button { padding: 1px; background:#E3E1D5; color:#000000; border:none; }

.button:hover { background:#416B79;color:#ffffff;text-decoration:none }



#commentform input { width: 170px; margin: 5px 5px 1px 0; }

#commentform textarea { width: 100%; margin-top:5px; }





/* Comments*/



.commentlist { padding-left:30px; }



.commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background:#f2f2f2; border-top: 1px solid #ddd; }

#commentform small { background:#FFF; font-weight:bold; padding:0; }

.commentmetadata { display: block; }

.commentlist small { background:#f9f9f9; }



.commentlist cite { font: 1.6em Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:-0.05em; }





/* Float Properties*/



.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }



.clearfloat { display:inline-block; }

.clearfloat { display:block; }



.rss {float:right; padding-top:10px; }



/* Footer*/



#footer { margin:10px auto 0 auto; width: 900px; color:#ffffff; font-size:x-small; background: url(images/pagemenubg.png) no-repeat;height:47px; padding: 25px 40px 0px 40px; clear:both; }

#footer a { color:#ffffff; }

#footer .tools { float:right; margin-right:60px; }

#footer .tools ul { list-style: none; margin-right:30px;  }

#footer .tools ul li { float: left; display: block; padding-left:20px; }

#footer .tools ul li a { float: left; display: block; }

#footer .tools ul li a: hover { text-decoration:underline;}





#ugnssteka-outer {

margin:auto auto 20px auto; 

width: 512px;

height:370px;

color:#ffffff; 

background: url(images/ipinium-english.jpg) no-repeat;

padding: 15px 15px 15px 15px;

}



#ugnsgrilla-top {

padding:65px 5px 0 270px;

color:#000000;

font-size:13px;

font-family:verdana, arial, helvetica, sans serif;

}



#ugnsbaka-bottom {

padding:27px 170px 0 20px;

font-size:12px;

font-family:arial, helvetica, sans serif;

}

.titlesect p{
text-align:center;
color:#333333;
}

#featurecontent p{
text-align:left;
}

.postcontainer p {
text-align:left;
}

.cat-item a {
font-size:14px;
}



#slider-container {
	width:680px;
	padding:10px;
	margin:4px auto;
	margin-bottom:0;
	z-index:0;
}

#example {
	width:700px;
	height:130px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

/*
	styr bredd, höjd och position av vita ramen.
*/
#frame {
	position:absolute;
	top:-14px;
	left:-94px;
	z-index:0;
	width:859px;
	height:168px;
}

/*
	Slideshow
*/

#slides {
	margin:auto;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:670px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:670px;
	height:120px;
	display:block;
}


/*
	Next/prev buttons
*/
#slides .next,
#slides .prev {
	position:absolute;
	top:43px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:685px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*
	Caption
*/
.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:20px;
	padding:0px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:640px;
	font-size:12px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

.caption p{
	letter-spacing:0;
	color:#ffffff;
	text-shadow:none;
	padding:0;
	margin:3px 0 0 0;
}

/*
	Anchors
*/
a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}



.rightWidget {
margin:-4px 11px 10px 12px;
background:#747779;
padding:20px;
}

.rightWidget h2{
color:#ffffff;
margin-bottom:10px;
margin-left:10px;
}

.rightWidget a{
display:block;
padding-top:7px;
padding-bottom:7px;
padding-left:10px;
width:225px;
color:#f3f3f3;
font-size:12px;
border-top:1px solid #cccccc;
font-weight:bold;
}

.rightWidget a:hover{
color:#ffffff;
}

.rightWidget-youtube {
margin:0 0 15px 12px;
}

.partners {
text-align:center;
vertical-align: middle;
}

.partners h2{
font-size:16px;
margin:10px 0 5px 0;
}
.partners img{
margin:0 2px 0 2px;
}