/*
Theme Name: Markus Design 1.0
Theme URI: 
Description: 
Version: 
Author: Sermo Consulting
Author URI: http://www.markus-design.no/
Tags: 
*/

@import 'css/navigation.css';
@import 'css/comments.css';
@import 'css/sidebar.css';

/* ####################### */
/* General settings
/* ####################### */

* {
	margin:0;
	padding:0
}

h1, h2, h3, h4, p, ul, ul li, img, a img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

ul
{
    list-style: none;
}

	ul li
	{
		display: inline;
	}

.alignleft
{
    float: left;
    display: inline;
	margin: 0px 25px 25px 0px;
}

.alignright
{
    float: right;
    display: inline;
	margin: 0px 0px 25px 25px;
}

.page .post-edit-link, .single_page .post-edit-link
{
	float: left;
	width: 540px;
	margin: 0px 0px 20px 0px;
}

#main .outside
{
	float: left;
	width: 580px;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px -20px 20px -20px;	
}


/* ####################### */
/* Body
/* ####################### */

body
{
	font-family: Helvetica, Arial, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 0.75em;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #000000;
}

	body.start
	{
		background: #000000 url(graphics/panorama/bg_snow.jpg) no-repeat center 0px;
	}


/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	display: block;
	color: #FFFFFF;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
} 

h1
{
	font-size: 2.4em;
}

	#main.single_page h1
	{
		display: none;
	} 

h2
{
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
}

#sidebar h2
{
	font-size: 1.30em;
	margin: 0px 0px 8px 0px;
}

h3
{
	font-size: 1em;
	margin: 0px 0px 2px 0px;
}

#mediacolumn h3
{
	
}

h4
{
	font-size: 1em;
	margin: 0px 0px 2px 0px;
}

p
{
	line-height: 1.4em;
	margin: 0px 0px 25px 0px;
}

	p.wp-caption-text
	{
		margin-top: 3px;
		font-size: 0.95em;
		color: #8a8a8a;
	}

#main ul
{

	width: 565px;
	line-height: 1.4em;
	margin: 0px 0px 20px 0px;
}

	#main.single_post ul
	{
		width: 525px;
	}

	#main ul li
	{
		display: block;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 15px;
		background: url(graphics/various/list_bullet.png) no-repeat left 6px;
	}

#main ol
{
	width: 565px;
	line-height: 1.4em;
	margin: 10px 0px 20px 0px;
	padding: 0px 10px 0px 15px;
}	

	#main.single_post ol
	{
		width: 525px;
	}

	#main ol li
	{
		margin: 0px 0px 5px 10px;
	}

blockquote
{
	width: 530px;
	color: #8a8a8a;
	font-style: italic;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 50px;
	background: url(graphics/various/blockquote.png) no-repeat 6px top;
}
	
	#main.single_post blockquote
	{
		width: 490px;
	}

	/* Minimum height for Firefox */
	blockquote {
	min-height: 22px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html blockquote {
	height: 22px;
	}
	/**/


/* ####################### */
/* Links
/* ####################### */

a
{
	color: #0494ef;
	outline: none;
	text-decoration: none;
}

	#main p a, #main ul a, #main ol a
	{
		font-weight: bold;
	}

	a:hover
	{
		color: #f53984;
	}
	
	a.lnk_rss
	{
		padding: 0px 0px 0px 15px;
		background: url(graphics/icons/ico_rss.gif) no-repeat 0px 3px;
	}

	/*a.lnk_arrow
	{
		padding: 0px 0px 0px 15px;
		background: url(graphics/icons/lnk_arrow.gif) no-repeat 0px 3px;
	}
	
	a.lnk_pdf
	{
		padding: 0px 0px 0px 15px;
		background: url(graphics/icons/lnk_pdf.gif) no-repeat 0px 3px;
	}
	
	a.lnk_document
	{
		padding: 0px 0px 0px 15px;
		background: url(graphics/icons/lnk_pdf.gif) no-repeat 0px 3px;
	}*/


/* ####################### */
/* Framework / Container
/* ####################### */

#framework
{
	width: 880px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#container
{
	float: left;
	width: 880px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}


/* ####################### */
/* Header
/* ####################### */

#header
{
	float: left;
	width: 880px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	/* Minimum height for Firefox */
	#header {
	min-height: 120px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #header {
	height: 120px;
	}
	/**/
	
	/* Minimum height for Firefox */
	.start #header {
	min-height: 320px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html .start #header {
	height: 320px;
	}
	/**/
	
	#header #logo
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 90px;
		height: 101px;
		background: url(graphics/logo.png) no-repeat 0px 0px;
	}


/* ######################### */
/* Content / Main / Sidebar
/* ######################### */

#content
{
	float: left;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main
{
	float: left;
	width: 580px;
	margin: 0px 0px 20px 0px;
}

	#main.single_post
	{
		float: left;
		width: 540px;
		padding: 0px 20px 0px 20px;
	}
	
	#main.single_page
	{
		float: left;
		width: 540px;
		padding: 0px 20px 0px 20px;
	}

#sidebar
{
	float: right;
	width: 280px;
	display: inline;
	padding: 0px 0px 0px 0px;
}


.clear
{
	clear: both;
} 

/* ####################### */
/* Footer
/* ####################### */

#footer
{
	float: left;
	width: 880px;
	color: #4b4b4b;
	display: inline;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 15px 0px 2px 0px;
	background: #191919;
}

	#footer p
	{
		margin: 0px 0px 12px 0px;
	}

	


/* ####################### */
/* Posts
/* ####################### */

#main .post_list
{
	
}


#main .first_post
{
	float: left;
	width: 580px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 12px 0px;
	background: #191919;
}

#main .post
{
	float: left; 
	width: 280px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	background: #191919;
}

	#main .post1
	{
		margin: 0px 0px 20px 20px;
	}

	/* Minimum height for Firefox */
	#main .post {
	min-height: 243px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #main .post {
	height: 243px;
	}
	/**/

#main .post .thumb
{
	float: left; 
	width: 280px;
}

	#main .post .thumb img
	{
		float: left; 
		width: 280px;
	}

#main .post .content, #main .first_post .content
{
	float: left;
	width: 240px;
	padding: 17px 20px 0px 20px;
}

	#main .first_post .content
	{
		width: 580px;
	}

	#main .post .content .date, #main .first_post .content .date
	{
		font-weight: bold;
		margin: 0px 0px 4px 0px;
		color: #8a8a8a;
	}

	#main .post .content h2, #main .first_post .content h2
	{
		font-size: 1.3em;
		color: #FFFFFF;
		margin: 0px 0px 0px 0px;
	}
	
		/* Minimum height for Firefox */
		#main .post .content h2 {
		min-height: 70px; 
		height: auto;
		}
		/* Minimum height for IE */
		/*\*/
		* html #main .post .content h2 {
		height: 70px;
		}
		/**/
		
		/* Minimum height for Firefox */
		#main .first_post .content h2 {
		min-height: 40px; 
		height: auto;
		}
		/* Minimum height for IE */
		/*\*/
		* html #main .first_post .content h2 {
		height: 40px;
		}
		/**/

		#main .post .content h2 a, #main .first_post .content h2 a
		{
			color: #FFFFFF;
		}
		
			#main .post .content h2 a:hover, #main .first_post .content h2 a:hover
			{
				color: #f53984;
			}
	
	#main .post .content .comments, #main .first_post .content .comments
	{
		font-weight: bold;
		margin: 0px 0px 0px 0px;
	}
	
		#main .post .content .comments a, #main .first_post .content .comments a
		{
			color: #0494ef;
		}
		
			#main .post .content .comments a:hover, #main .first_post .content .comments a:hover
			{
				color: #f53984;
			}


#main.single_post
{
	
}
	
	#main.single_post #postphoto
	{
		width: 580px;
		float: left;
		margin: 0px 0px 20px -20px;
	}
	
	#main.single_post .date
	{
		font-size: 0.95em;
		font-weight: bold;
		margin: 0px 0px 5px 0px;
		color: #8a8a8a;
		float: left;
		width: 540px;
		position: relative;
	}
	
		#main.single_post .date .post-edit-link
		{
			top: 0;
			right: 0;
			position: absolute;
		}
	
	#main.single_post h1
	{
		margin: 0px 0px 10px 0px;
	}
	
	#main.single_post .commentsquantity
	{
		font-weight: bold;
		font-size: 0.95em;
		margin: 0px 0px 25px 0px;
	}
				
/* ####################### */
/* Pages
/* ####################### */

#main.single_page
{
		
}


/* ####################### */
/* Search results
/* ####################### */

#main #search_results_header, #main #box_header
{
	float: left;
	width: 540px;
	color: #4b4b4b;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background: #191919;
	margin: 0px 0px 20px 0px;
	padding: 15px 20px 0px 20px;
}

	/* Minimum height for Firefox */
	#main #search_results_header, #main #box_header {
	min-height: 51px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #main #search_results_header, * html #main #box_header {
	height: 51px;
	}
	/**/

	#main #search_results_header h1
	{
		font-size: 1.4em;
		margin: 0px 0px 3px 0px;
	}
	
	#main #box_header h1
	{
		font-size: 1.4em;
		margin: 8px 0px 0px 0px;
	}

	#main p.search_results_info
	{
		margin: 0px 0px 0px 0px;
	}


/* ####################### */
/* Tags and Share
/* ####################### */

#saveandshare
{
	float: left;
	width: 540px;
	color: #4b4b4b;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px -20px 20px -20px;
	padding: 15px 20px 4px 20px;
	background: #191919;
}

	#saveandshare div
	{
		float: left;
		width: 530px;
		display: inline;
		margin: 0px 0px 12px 0px;
	}

	#saveandshare h3
	{
		float: left;
		font-size: 1em;
		margin: 0px 7px 0px 0px;
	}



/* ####################### */
/* Paging
/* ####################### */

#wp_page_numbers
{
	float: left;
	width: 530px;
	color: #4b4b4b;
	margin: 0px 0px 0px 0px;
	padding: 12px 25px 10px 25px;
	background: #191919;
}

	#wp_page_numbers a
	{
		color: #FFFFFF;
	}

	#wp_page_numbers ul
	{
		float: left;
		width: 500px;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 30px;
	}
	
		#wp_page_numbers ul li
		{
			display: inline;
			background: none;
			margin: 0px 30px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
	
			#wp_page_numbers ul li a
			{
				font-weight: bold;
				font-size: 1.2em;
				margin: 0px 0px 0px 0px;
			}