/*  
Theme Name: Juliee
Description: Theme for Hilosmykker based on default wordpress
Version: 1.0
Author: Stine Busch


*/


/*
---------------------------------------------------


	Code & design by Stine Busch.
	email: durlaithiel@hotmail.com
	
	Main colors:
	
	Green: 		 #AFE04C
	Dark:		 #737373
	Light-dark:	 #AAAAAA
	Brown:		 #A03C1F
	

---------------------------------------------------
*/


/*
---------------------------------------------------


	including reset.css and gallerycss
	

---------------------------------------------------
*/

@import url('reset.css');
@import url('gallery.css');
/*@import url('contact.css');*/
@import url('/wp-content/plugins/cforms/styling/cforms.css');
@import url('http://hilosmykker.com/wp-content/plugins/nextgen-gallery/thickbox/thickbox.css');



img { 
      float: left; 
      margin-right: 10px; 
      clear: both;
}

.article img {
	max-width: 560px;
}

.article { clear: both;  }

.date, .alt { clear: both; margin-top: 10px; }

strong {font-weight: bold; }


/*
---------------------------------------------------


	Main styling & typography
	

---------------------------------------------------
*/

body {
	background-image: url("http://img.photobucket.com/albums/v232/Fjodur/bg.png");
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Trebuchet MS, "Helvetica Neue", Geneva, Arial, sans-serif;
	color: #383838;
}

p {	font-size: 1.3em;	color:#383838; }

a {	text-decoration: none;	color: #0086cf;}

a:hover{ color:#42c0b5; }

h1, h2, h3 {font-family: "Courier New"; text-transform: uppercase; color: #42c0b5; font-size: 2.2em; letter-spacing: 1px;}

h3 {font-size: 2em;}

.date {color: #AAAAAA; font-size: 1.2em;}

h1,h3, p, .date, strong {
	line-height: 1.8;
}




/*
---------------------------------------------------


	Main content and blog posts
	

---------------------------------------------------
*/


#header {
	background: url('images/headerrepeat.jpg') repeat-x;
	height: 300px;
	display: block;
	z-index: -1;
}

#headerimg { margin-left: 70px; }

#contentwrap { margin: 0 0 0 110px;}

#main_content { 
	background: transparent;
	width: 760px;
	float: left;
	padding: 25px 52px 0 0;
	margin-right: 6px;
	margin-bottom: 30px;
	}

#main_content h1 a {
	width: 800px;
	line-height: 1.2em;
	padding-bottom: .2em;
	color: #42c0b5;
}

#main_content h1 a:hover {color: #0086cf;}

#main_content p { margin-bottom: 20px;}


h2.pagetitle {
	margin-bottom: 30px;
	color: #aaaaaa;
	font-size: 1.6em;
	border-bottom: 1px solid #aaaaaa;
	padding: 0 0 1px 5px;
	width: 260px;
}


.small {
	font-size: 10px;
	line-height: 1.8;
	color: #aaaaaa;
}

.medium {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8;
	color: #737373;
}


#comments {
	font-size: 1.8em;
}

hr {
	border: 1px solid #aaaaaa;
	margin: 50px 0;
}


li.alt {
	background: #F9FFEE;
}

.commentlist li {
	padding: 10px;
	padding-top: 20px;
	border-bottom: 1px solid #E0E0E0;
}

.commentlist li p {
	font-size: 12px;
}

.space {padding: 30px 0 10px 0}

.black { color: #737373;}

/*
---------------------------------------------------


	Sidebar
	

---------------------------------------------------
*/


/* absolute positioning of buyer infomation */

#kjope {
	position: absolute;
	top: 420px;
	left: 800px;
	width: 160px;
}

#kjope p a {color: #0086cf; line-height: 1.7;}

#kjope p a:hover { color: #42c0b5;}

#sidebar {
	background; #fff;
	margin-top: 20px;
	width: 150px;
	float: left;
}

#sidebar li a {
	font-size: 1.2em;
	color: #383838;
	line-height: 1.8em;
}

#sidebar li a:hover { color: #0086cf;}

#sidebar li a:before{ content: "- ";}

#sidebar h3 { margin-bottom: -5px;}

#categories { margin-top: 15px;}

.smykklink {font-weight: bold;}



/*
---------------------------------------------------


	Comments
	

---------------------------------------------------
*/


#commentform label {
	font-size: 1.2em;
	float: left;
	height: 20px;
	clear: both;
}

#commentform input {
	float: left;
	clear: both;
}

#commentform p {
	margin-bottom: 10px;
}


/*
---------------------------------------------------


	Navigation
	

---------------------------------------------------
*/

#navigation {
	z-index: 1;
	height: 30px;
	padding:30px 0 0 530px;
}

#navigation li {
	display: block;
	float:left;
	margin-left: 10px;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
	background: #000;
}


#navigation li a {
	display: block;
	height: 28px;
}


#navigation .page-item-1  {	background: url('images/linkblog_hover.png') no-repeat top center;}
#navigation .page-item-4  {	background: url('images/linksmykker_hover.png') no-repeat top center;}
#navigation .page-item-2  {	background: url('images/linkom.png') no-repeat top center;}
#navigation .page-item-144  {	background: url('images/linkkontakt_hover.png') no-repeat top center;}

#navigation .page-item-1 a:hover {	background: url('images/linkblog.png') no-repeat top center;}
#navigation .page-item-4 a:hover {	background: url('images/linksmykker.png') no-repeat top center;}
#navigation .page-item-2 a:hover {	background: url('images/linkom_hover.png') no-repeat top center;}
#navigation .page-item-144 a:hover {	background: url('images/linkkontakt.png') no-repeat top center;}

#navigation li a:hover {border-bottom: 0px solid #0086cf;}0086cf

#navigation .current_page_item a {border-bottom: 0px solid #A03C1F;}