/*  
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/bg.jpg) repeat-x;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:150%;}

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 { 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:10px 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; background: url(images/searchbg.png) no-repeat; 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; }

#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 0px;}

.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:bold; text-decoration:none; height:50px; overflow:hidden; }

#subfeature .latestposts h2 a { font-size:medium; font-weight:bold; 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/ugnssteka-ugnsgrilla-ugnsbaka.jpg) no-repeat;

padding: 15px 15px 15px 15px;

}



#ugnsgrilla-top {

padding:70px 0px 0 290px;

color:#000000;

font-size:13px;

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

}



#ugnsbaka-bottom {

padding:38px 190px 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;
}


.startcontainer { margin:0 auto; clear:both; overflow:hidden; padding:0px 0px 0px 0px; width:542px; color:#333333; border-left:1px dotted #dddddd; border-right:1px dotted #dddddd; }

#banners {
float:left;
margin-left: 12px;
margin-right: 15px;
}

#menyse-banner {
float:left;
margin:0 10px 20px 20px; 
}

#ipinium-broshyr {
float:right;
}

#rss-sidebar {
text-align: left;
padding-left: 50px;
}