/* 
Theme Name: Conceditor WP Pixels
Theme URI: http://www.wp-magazine.se
Description: A Nice Hybrid WordPress Theme, prefect for a WebFolio
Version: 1.0
Author: Peter From
Author URI: http://www.conceditormedia.se

Licensed under the Creative Commons Attribution-Share Alike 3.0 License
http://creativecommons.org/licenses/by-sa/3.0/

You are free to use, share, and remix this theme.  Please give attribution, and share alike.  Sharing is, after all, caring. Just keep the copyright notice in the footer intact. Thank you.

*/

/* Overall code */
html, body {
min-height: 100%;
height: auto;
}

/*Explorer */
html, body {
height: 100%;
height: auto;
}

body {
	background:#3d3d3d;
}

#sitewrap {
	margin: 0 auto;   /* align for ALL good browsers */
	text-align: left; /* counter the body center */
	border: 1px solid #000;
	width: 1024px;
	height: auto;
}
#header {
	width: 1024px;
	height: auto;
}
#topbanner {
    background:#FFFFFF;
	width: 1024px;
	height: 153px;
	
}
#headerpicture {
	width: 1024px;
	height: 200px;
	border-bottom: 1px solid #992317;
	background: url('images/header.jpg');
}
#blogname {
	float: left;
	margin-left: 25px;
	padding: 25px 0px 0px 0px;
	width: 500px;
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 24px;
	color: #5c5c5c;
	border-bottom: 2px solid #992317;
}
#blogdescription {
	float: left;
	margin-left: 25px;
	margin-top: 7px;
	padding: 0px 0px 0px 0px;
	width: 500px;
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 18px;
	color: #5c5c5c;
}
#headersearch {
	width: 1024px;
	height: 40px;
	background: #000;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	margin-top: -40px;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
#sf {
	margin-right: 10px;
	padding-top: 9px;
}
.rss {
	float: right;
	margin-top: -27px;
	padding-right: 10px;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10px;
}
.rss a {
	text-decoration: none;
	color: #b9b9b9;
}
.rss a:hover {
	color: #9b2519;
	text-decoration: none;

}
.rss img {
	border: none;
	text-decoration: none;
}

/*Featured*/
#separator {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 5px 5px 5px 0px;
}
#separator-s {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 15px 0px;
}
#featured {
	width: auto;
	height: 300px;
	background: #232323;
	border-top: 2px solid #292929;
	padding-left: 25px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
#featured a {
	color: #d69b1d;
		text-transform: uppercase;
}
#featured a:hover {
		color: #565656;
			text-transform: uppercase;

}
#featuredConc {
	float: right;
	margin-top: -220px;
	padding-right: 25px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
}
#featuredConc a {
	text-decoration: none;
	color: #666666;
}
#featuredConc a:hover {
	color: #9b2519;
	text-decoration: none;

}
#featured h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
.box2 { 
	display: block; 
	float: left; 
	margin-right: 10px; 
	width: 180px; 
	height: auto;
}
.last2 { 
	margin-right: 0; 
	padding: 0px 3px 3px 0px;
}

#morecontent {
	width: 1024px;
	height: auto;
	background-color: #fff;
	border-top: 2px #fff solid;
}
#morecontent a {
	color: #992317;
	
}
#morecontent a:hover {
		color: #565656;
	

}
#morecontent img {
	padding: 1px;
	text-decoration: none;
	margin-right: 10px;
}
#morecontent img .alignright {
	padding: 1px;
	text-decoration: none;
	border: 4px solid grey;
	margin-left: 10px;
}
#morecontent h1 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 24px;
}
#morecontent h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 18px;
}
#morecontent h3 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 18px;
}

#morecontent h4 {
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-weight:bold;
	font-size: 14px;
}

div.my_left_box{
    float: left;
    margin: 5px;
    width: 474px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
div.my_middle_box{
    float: left;
    margin: 1px;
    width: 260px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-right: 1px solid #634b08;
	border-left: 1px solid #634b08;
}
div.my_right_box{
    float: left;
    margin: 0px;
    width: 260px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
.headline {
	margin-top: 15px;
	margin-left: 15px;
	margin-right. 15px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 22px;
}
.sub {
	border-bottom: 1px solid #000;
}
#commentbox {
	color: #fff;
	background: #000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	width: 163px;
	height: 16px;
	position: relative;
	float: right;
	margin-top: -165px;
	margin-right: 8px;
	padding: 2px;
	text-align: center;
}
#separatorhl{
	width: 100%;
	border-bottom: 1px solid #c2c1c1;
	margin: 5px 5px 10px 0px;
}
div.leftbox{
    float: left;
    padding: 0px;
    width: 95%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-left: 5px;
}

div.rightbox{
    float: right;
    padding: 0px;
    width: 45%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-right: 15px;
}


#footer {
	width: auto;
	height: 200px;
	background: #000;
	padding: 25px;
	color: #aaaaaa;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 200%;
}

#footer a {
	color: #d69b1d;
		text-transform: uppercase;
}
#footer a:hover {
		color: #565656;
			text-transform: uppercase;

}


.sidenav li {
	list-style:none;
	padding:0;
	margin-left: -35px;
	margin-top: -1px;
	}

.sidenav li a, .sidenav li a:visited {
	display:block;
	padding:0px 4px 0px 0px;
	color:#ace3ff;
	}
		
.sidenav li a:hover, .sidenav li a:active, 
.sidenav li.current_page_item a, .sidenav li.current_page_item a:visited,
.sidenav li.current_page_parent a, .sidenav li.current_page_parent a:visited {
	text-decoration:none;
	color: #FFF;
	}


.box { 
	display: block; 
	float: left; 
	margin-right: 20px; 
	width: 290px; 
	height: auto;
	padding: 3px;
}

.last { 
	margin-right: 0; 
	padding: 0px 3px 3px 3px;
}
.headlinefooter {
	margin-top: 0px;
	margin-left: 0px;
	margin-right. 15px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}

/*Singlepost*/

div.morecontentleftblock{
    float: left;
    padding: 10px;
    width: 60%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-left: 15px;
}

div.morecontentrightblock{
    float: right;
    padding: 10px;
    width: 30%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-right: 15px;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color: #000;
	}
.alignright {
	float: right;
	margin-top: 5px;
	}

.alignleft {
	margin-top: 5px;
	float: left
	}
.entry {
	line-height: 120%;
}
#separatorsingle {
	width: 100%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 5px 0px;
}
#separatorarchive {
	width: 100%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 15px 0px;
}
#separatordate{
	width: 100%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 25px 0px;
}


/*Sidebar*/

.sideways {
	height: 100%;
	border-left: 1px solid #cecece;
	padding-left: -10px;
	padding-top: 0px;
}
.sideways h2 {
	margin-top: 25px;
	border-bottom: 1px solid #cecece;
}
.sidenavside li {
	list-style:none;
	padding:0;
	margin-left: 0px;
	margin-top: -1px;
	}

.sidenavside li a, .sidenavside li a:visited {
	display:block;
	padding:4px 4px 4px 0px;
	color:#ace3ff;
	}
		
.sidenavside li a:hover, .sidenavside li a:active, 
.sidenavside li.current_page_item a, .sidenavside li.current_page_item a:visited,
.sidenavside li.current_page_parent a, .sidenavside li.current_page_parent a:visited {
	text-decoration:none;
	color: #FFF;
	}

/*Navigation*/
#topnav, #blog_title, #archive_wrapper, #secondary_nav_content {
	width: 100%;
	margin: 0 auto;
}
	
#topnav {
	margin-top: 0;
	padding: 0 0 1em 0;
}

#topnav ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	background: #1d1d1d none repeat scroll 0%;
	margin: 0px auto 0 10px;
	padding: 1em 0;
}

#topnav li {
	float: left;
	display: inline;
	letter-spacing: 2px;
	border-right: 1px solid #2F2703;
}

.home {
	margin-left: -10px;
	color: #fff;
}
	
#topnav, #topnav ul {
	background-color: #1d1d1d;
	color: #FFFAEF;
}
#topnav a {
	padding: 1em 1.5em 1em 1.5em;
		color: #fff;
}
#topnav a:hover {
	border-top: 3px solid #992317;
}
.page_item a {
	color: #b9b9b9;
}

.current_page_item a, .current a {
	border-top: 3px solid #992317;
	color: #992317;
}
a	{
	text-decoration: none;
}
#topnav {
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
} 
#catnav {
	width: 100%;
	margin: 0 auto;
	background: #1d1d1d;
	height: 22px;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
}
	

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	font-size:1.1em;
}

ul#menu li {
	float: left;
	padding: 0;
	margin: 0;
	border-right:solid 1px #2d2d2d;
}

ul#menu ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #1d1d1d; /* fixes gap problem in IE */
	border-left: 1px solid #2d2d2d;
	z-index:1000;
}

ul#menu li ul {
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
	background: #1d1d1d;
}
ul#menu ul ul{
	margin-left: .2em;
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
}

ul#menu * a:hover, ul#menu li a:active{
background:#992317 !important;
color: #b9b9b9;
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu  li a:active{
	display: block;
	padding: .2em .3em;
	text-decoration: none;
	background: #1d1d1d;
	 color: #b9b9b9;
}


ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
	width: 11em;
}