/*   
Theme Name: Calles Korv
Theme URI: http://www.calleskorv.se
Description: Theme for Calles Korv website.
Author: Jörgen Alexandersson
Author URI: http://www.gurkoz.com
Version: 1.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #cb1431;}
a:hover {color: #ee314f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #cb1431; color: #fff; text-shadow: none;}
::selection {background: #cb1431; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #cb1431;} 

ins {background-color: #cb1431; color: #000; text-decoration: none;}
mark {background-color: #cb1431; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#page-wrap {width: 960px; margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
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 {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



/* Custom styles!
-------------------------------------------------------------------------------*/


	body {
		margin:0px;
		padding:0px;
		background-color:#0d0d0d;
		
	}


	.header {
		
		height:50px;
		background-color:#5c5c5c;
		background-image:url(images/header.png);
		background-repeat:repeat-x;

		
	}

		.header-content {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width: 960px;
			height:50px;
			
		}

			.header-content-logo {
				float:left;
				width:126px;
				height:50px;
				background-image:url(images/header-content-logo.png);
				background-repeat:no-repeat;
			}

			.header-content-contact {
				float:left;
				margin-top:8px;
			}

				.header-content-contact-headline {
					font-family:Verdana, Geneva, sans-serif;
					font-size:12px;
					font-weight:bold;
					color:#FFF;
					padding-bottom:2px;
					border-bottom:1px solid #777;
				}

				.header-content-contact-info {
					color:#CCC;
					font-family:Verdana, Geneva, sans-serif;
					font-size:11px;
					padding-top:2px;
				}

					.header-content-contact-info span {
						color:#999;

					}

					.header-content-contact-info a {
						color:#CCC;
						text-decoration:none;
					}



			
			.header-content-search {
				float:right;
				width:250px;
				margin-top:15px;
				text-align:right;
			}

				.header-content-search div {
					display:inline-block;
					
				}









	.stage {

		height:400px;
		background-color:#000;
		background-image:url(images/stage.png);
		background-repeat:repeat-x;

		
	}

		.stage-content {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:960px;
			height:400px;
			background-image:url(images/stage-content.jpg);
			background-repeat:no-repeat;
		}

/*
			.stage-content-flame {
				position:absolute;
				z-index:1;
				width:960px;
				height:400px;
				background-image:url(images/stage-content-flame.png);
				background-repeat:no-repeat;
				
			}

			.stage-content-overlay {
				position:absolute;
				z-index:2;
				width:960px;
				height:400px;
				background-image:url(images/stage-content-overlay.png);
				background-repeat:no-repeat;
				
			}
*/
		
			.stage-content-menu {
				position:absolute;
				top:350px;
				left:40px;
				width:880px;
				/*height:50px;*/
				/*background-color:#000;*/
				/*border:1px solid #000000;*/
				color:#FFF;
		
				margin-top:15px;
			}









/* The container wrapping ul.dropdown */
#navwrap {
float:left;
width:100%;
background: #600;
background: -moz-linear-gradient( top, #600, #300); /* CSS 3 */
font: 1.0em "Segoe UI", "Lucida Grande", Verdana, Arial, sans-serif;
border-top:1px solid #999;
border-bottom:2px solid #000;
}
 
/* Top level Unordered list */
ul.dropdown {
	list-style:none;
	/*float:left;*/
	/*width:100%;*/
	/*padding: 0 10px;*/
}
 
ul.dropdown li {
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
}
 
ul.dropdown a {
	padding:5px; /*space the items, occupy entire height too.*/
	color:#fff;
	text-decoration:none;
	background-color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;


	/*text-shadow:0 1px 0 #000;*/
}
 
/* Style the link hover */
ul.dropdown li:hover a {
	/*background:#fff;*/
	/*color:#000;*/
	/*border-top:1px solid #777;*/
	/*border-bottom: 1px solid #000;*/
	/*border-right:1px solid #666;*/
}



ul.dropdown li ul li a {
	/*background:#F0F;*/
	/*color:#000;*/
	/*border-top:1px solid #777;*/
	/*border-bottom: 1px solid #000;*/
	/*border-right:1px solid #666;*/
}



ul.dropdown li a:hover {
/* Change color of links when hovered */
	background: #fff;
	color:#000;
	/*background: -moz-linear-gradient( top, #200, #400);*/ /* CSS 3 */
	/*border-bottom:1px solid #900;*/
	/*border-top:1px solid #222;*/
}




 
/* Displays the link as blocks. */
ul.dropdown li ul a {
	display:block;
}
 
/* sub menus!!  */
 
ul.dropdown ul {
	list-style: none;
	margin:0; /* Appear just below the hovering list */
	padding:0;
	width:200px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
}
 
ul.dropdown li ul {
	top:20px; /* Positioning:Calc with top level horz list height */
	/*-moz-box-shadow:0 2px 10px #000;*/ /* CSS 3 */
}
 
ul.dropdown ul ul {
	top:0;
	left:100%; /* Position the sub menus to right. */
}
 
ul.dropdown ul li {
	float:none; /* umm.. Appear below the previous one. mmkay? */
}





 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}


ul.dropdown li * a:hover {
/* Change color of links when hovered */
	background: #fff;
	color:#000;
	/*background: -moz-linear-gradient( top, #200, #400);*/ /* CSS 3 */
	/*border-bottom:1px solid #900;*/
	/*border-top:1px solid #222;*/
}



















	.main {
		background-color:#4e0606;
		background-image:url(images/main.png);
		background-repeat:repeat-x;
		
	}
	
		.main-content {
			margin-left:auto;
			margin-right:auto;
			width:960px;
			min-height:500px;
			background-image:url(images/main-content.png);
			background-repeat:repeat-y;
			
		}
		
			.main-content-article {
				float:left;
				margin-top:40px;
				margin-left:60px;
				width:560px;
			}

				.post h2 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:3.0em;
					padding-bottom:10px;


					
				}

				.post div.entry {
					font-family:Arial, Helvetica, sans-serif;
					font-size:1.3em;
				}



				.post div.entry p {
					padding-top:5px;
					padding-bottom:5px;
					line-height:1.5em;
						
				}



















			
			.main-content-sidebar {
				float:right;
				width:200px;
				margin-right:80px;
			}

				.main-content-sidebar a {
					color:#FFF;	
				}






	.footer {
		width:100%;
		height:200px;
		background-color:#0d0d0d;
		background-image:url(images/footer.png);
		background-repeat:repeat-x;
	}
	
		.footer-content {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:960px;
			height:200px;
			background-image:url(images/footer-content.png);
			background-repeat:no-repeat;
		}

			.footer-content-info {
				position:absolute;
				top:160px;
				left:60px;
				color:#CCC;
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
			}


				.footer-content-info span {
					color:#999;

				}

				.footer-content-info a {
					color:#CCC;
					text-decoration:none;
				}
























/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}