/*
Theme Name: Northern Eclecta
Theme URI: http://www.aetas.dk
Description: The second theme created by Philip Hoyos for Northern Eclecta <a href="http://www.northernE.com">Northern Eclecta</a>
Version: 1.0
Author: Philip Hoyos
Author URI: http://www.aetas.dk
Tags: Black, White, Blue, custom header, fixed width, two columns (main, sidebar), widgets

	NorthernW v1.0
	http://www.northerne.com

	This theme was designed and built by Philip Hoyos,
	whose blog you will find at http://www.aetas.dk

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* BEGIN GlobalPage Settings */

*{
	padding: 0px;
	margin: 0px;
	outline: 0px;
	}

.clear{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	}

html{
	background-color: transparent;
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat;
	background-position: 50% 0%;
	display: block;
	}

body{
	font-family: Ariel, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 18px;
	}

#wrapper{
	background-color: transparent;
	}

#container{
	background-color: transparent;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	display: block;
	}

#content{
	background-color: transparent;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	padding: 0 0 0 0;
	display: block;
	}

.inside{
	width: 940px;
	margin: 0px auto;
	}

.footer{
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 200px;
	color;
	}

a img{
	border: none;
	}
	
h1, h2, h3, h4, h5, h6, p, pre, blackquote, lable, ul, ol, dl, fieldset, address{
	font-weight: normal;
	}
	
				/*Istructions that were in single_column.css */
 
.main_col .block{
	margin-left:0;
	margin-right:0;
}
 
.left, .right, .caption{
	width:33%;
	float:left;
}

/* END GlobalPage Settings*/

/* BEGIN Typography */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, .date, .date a, .navigation, .navigation a, .numbers a{
	font-family: Helvetica, Lucida Grand, Verdana, Arial, Sans-serif;
	color: black;
	text-decoration: none;
	font-weight: bold;
	}

h1, h1 a, h2, h2 a{
	font-size: 24px;
	line-height: 26px;
	}

h2, h2 a{
	display: block;
	color: Black;
	margin: 15px 0px 0px 0px;
	}

h3, h3 a {
	font-size: 17px;
	line-height: 24px;
	margin: 15px 0px 0px 10px;
	}

h4, h4 a{
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	}

h4 a{
	font-weight: bold;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	color: black;
	}

h5{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	color: black;
	}

h5 a{
	color: black;
	}

h5 a:hover{
	border-bottom: 1px solid black;
	}

p, blockquote{
	margin-bottom: 15px;
	}

p a, blockquote a, .quote p a, li a, .caption table a{
	color: blue;
	border-bottom: none;
	text-decoration: none;
	}

p a:hover, blockquote a:hover, .quote p a:hover, .comlink a:hover, li a:hover{
	border-bottom: none;
	text-decoration: none;
	}

blockquote, .aside p{
	font-family:  Helvetica, Lucida Grand, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 14px;
	border-left: 2px solid #000000;
	padding: 0 10px 0 20px;
	color: #000000;
	}
	
blockquote {
	background: rgb(242, 242, 242);
	border-bottom: 1px solid rgb(221, 221, 221);
	border-left: 1px solid rgb(221, 221, 221);
	border-right: 1px solid rgb(221, 221, 221);
	border-top: 1px solid rgb(221, 221, 221);
	margin: 0px 0px 1em 0px;
	padding: 10px 20px 10px 20px;
	font-size: 10px;
	text-align: left;
	}

ul .asides {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	border-left: 4px solid #000000;
	}
	
.asides li{
	border-left: solid #000000;
	border-left-width: 4px;
	margin-bottom: 22px;
	padding-left: 10px;
	list-style: none;
	}

a{
	text-deoration: none;
	}

/* END Typography */

/* BEGIN #Content */

/* -- BEGIN HEADER -- */

#menu{
	width:610x;
	height:47px;
	float:left;
	margin:50px 0 30px 30px;
}
 
#menu a{ 
	text-indent:-99999px;
	display:block;
	float:left;
	background-color:transparent;
	background-image:url(images/nav_menu.png);
	background-repeat:no-repeat;
	height:47px;
}
 
#menu a#btn_home{
	width:133px;
	background-position:0px 0px;
}
#menu a#btn_home:hover, #menu a#btn_home.selected, #menu body#sec_{
	background-position:0px -47px;
}
 
 
#menu a#btn_submissions{
	width:177px;
	background-position:-133px 0px;
}
#menu a#btn_submissions:hover, #menu a#btn_submissions.selected, #menu body#sec_submissions{
	background-position:-133px -93px;
}
 
 
#menu a#btn_archives{
	width:147px;
	background-position:-310px 0px;
}
#menu a#btn_archives:hover, #menu a#btn_archives.selected, #menu body#sec_archive{
	background-position:-310px -139px;
}
 
 
#menu a#btn_about{
	width:147px;
	background-position:-457px 0px;
}
#menu a#btn_about:hover, #menu a#btn_about.selected, #menu body#sec_about{
	background-position:-457px -185px;
}
 
 
a#northernE_banner{
	height: 200px;
	width:402px;
	text-indent:-99999px;
	float: left;
	margin: 0px 0 0 0px;
	}


/* -- END HEADER -- */

/* -- BEGIN Main Column -- */

.main_col, .sidebar{
	float: left;
	padding: 0;
	}

.main_col{
	width: 590px;
	margin: 0px 0px 0 40px; /* 	margin: 350px 0px 0 40px; <-- if there is no navigation menu margin */
	}

/* Begin Date Format */

.post_date {
        text-align: center;
        width: 65px;
        font-family: Arial;
        float: left;
        display: inline;
        margin: 0 0 0 0;
        background: url(images/bg_date.png) no-repeat;
        }

.day {
        font-size: 22px;
        position: relative;
        top: 0px;
        margin: 2px 0 0 0;
        }

.month {
        font-size: 10px;
        top: 0px;
        margin: 6px 0 0 0;
        }

.year {
        font-size: 10px;
        font-weight: bold;
        position: relative;
        top: 0px;
        margin: 7px 0 10px 0;
        }


/* -- End Date Format -- */

/*
To be able to make the selection part work, the following needs to be added in the
header.php template in WordPress:

<?php 
$tname = wp_title('', false); // get the title
$tname = ereg_replace(' ', '', $tname); // remove all whitespace
$tname = strtolower($tname); // make it lowercase
$tname = 'sec_'. $tname ; // add a prefix of sec_
?>

<body id="<?=$tname?>">

Now in WordPress, if I have a "Page" or category called "About Us", I can count on those pages having a body id of "sec_aboutus" in my CSS, and I can style the navigation appropriately.

source: CSS context sensitive menus in WordPress
http://web-graphics.com/mtarchive/001624.php
*/


.title{
	background:transparent url(images/bg_title.png) no-repeat -5px -10px;
	padding:0 0 0 0;
	width:500px;
	height:70px;	
	margin:0px 0px 0px 0px;
	float:left;
	}

a.icon{
	display:block;
	float:right;
	height:50px;
	width:50px;
	margin-top:10px;
	text-indent:-99999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(images/cat_post.gif);
	}

a.icon:hover{
	border-bottom:none;
	}

/* -- BEGIN .post -- */
.post{
	margin-bottom: 20px;
	}

.post p{
	margin:0px 0 15px 0px;
}

.post img, .random img, .post a img, .random a img, .post object, .post embed{
	border: none; /* 3pxsolid #000000 to use with picture frame*/
	padding: 1px;
	}

.post .wp-smiley{
	border: 0px;
	padding: 0px;
	margin: 0px;
	}

.post a img, .random a:hover img, .post a:hover img{
	border: none; /* 3pxsolid #000000 to use with picture frame*/
	}

.post img, .post img a, .post a:hover img{
	margin-bottom: 15px;
	}

.post img.alignright {float:right; margin:0 0 15px 15px}
.post img.alignleft {float:left; margin:0 15px 15px 0}
.post img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.post a img.alignright {float:right; margin:0 0 15px 15px}
.post a img.alignleft {float:left; margin:0 15px 15px 0}
.post a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.post object, .post embed{
	margin-bottom: 15px;
	}

.post object, .post embed{
	display: block;
	}

.post .comlink a {
	float: right;
	margin: 0 10px 20 px 0;
	}
	
.post ul{
	margin: 0 0 10px 30px;
	}

.quote a.icon{
	background-image: url(images/cat_quote.png);
	}

.quote .date, .quote .title h1, .video .date, .video .title h1, .picture .date, .picture .title h1, .asides .date, .asides .title, .asides a.icon, .asides .comlink { 
	display:none; 
}

.post {
	clear: both;
	}

.quote .title h5, .video .title h5, .picture .title h5{
	padding-top: 8px;
	}

.quote .title, .picture .title, .video .title{
	background: none;
	padding-left: 10px;
	margin-bottom: 0px;
	}

.picture a.icon{
	background-image: url(images/cat_photo.png);
	}

.video a.icon{
	background-image:url(images/cat_video.png);
	}
	
.postmetadata{
	clear: left;
	font-size: 10px;
	text-decoration: none;
	}

.postmetadata a{
	text-decoration:underline;
	}
	
.author {
	margin: 0 0px 0 0;
	float: left;
	}
	
.post_content {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 75px;
	}
	
.post_single {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	}
/* -- END .post -- */

/* -- BEGIN Comments -- */
 
.commentlist {
	list-style-type: none;
}
 
.commentlist ul, .commentlist ul ul, .commentlist ul ul ul {
	margin-left: 15px;
	list-style-type: none;
}
 
.commentlist .children li {
	margin: 0 0 5px;
}
 
#cancel-comment-reply {
	margin: -10px 0 0 4%;
}
 
.comment{
	padding:15px;
	margin-left:10px;
}
 
.pingback .text {
	margin-left: 80px;
}
 
 
.post .ablock, .post .ablock:hover {
	background-color: #fff;
	padding:1px;
	border:1px solid #DACDAB;
	margin:0 15px 5px 0;
	float:left;
	display: block;
}
 
.post .ablock img, .post .ablock img:hover {
	border:none;
	margin:0;
}
 
.text{
	width:85%;
	float:left;
}
 
/* -- Comment Form -- */
.comment-form{
	border-top:1px solid #DACDAB;
	padding-top:15px;
}
 
.comment-form .left, .comment-form .right{
	width:50%;
}
 
.comment-form input, .comment-form textarea{
	border: 1px solid #DACDAB;
	background: #fff;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8E7152;
	width: 86%;
	width /**/:90%; 
	margin: 0 0 15px 4%;
}
 
.comment-form textarea{
	height:110px;
}

/* -- END Comment -- */
 
/* -- .navigation (next and previous post) -- */
.navigation, .pagination{
	margin-bottom:15px;
	clear: both;
}
 
.navigation .prev, .navigation .next{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
}
 
.navigation .prev a, .navigation .next a{
	height:25px;
	display:block;
	font-size:13px;
	line-height:14px;
}
 
.navigation .prev a span, .navigation .next a span{
	color:#644E3d;
	font-size:11px;
	line-height:12px;
	text-transform:lowercase;
}
 
.navigation .prev{
	float:left;
	background-image:url(images/bg_nav_prev.gif);
	text-align:right;
}
 
.navigation .prev a{
	padding:15px 25px 20px 0;
	width:135px;
}
 
.navigation .next{
	float:right;
	background-image:url(images/bg_nav_next.gif);
}
 
.navigation .next a{
	padding:15px 0 20px 35px;
	width:125px;
}
 
/* -- END Main Column -- */
 
/* -- BEGIN SideBar -- */
.sidebar{
	width:255px;
	padding:10px 0 0 0px;
	margin:0px 0px 10px 0px;
	color:#463B33;
	float:right;
}
 
/*-- .random: see also line 289 for .random img and .random a img ---*/
.random{ /* --- WARNING changes done here ---*/
	margin-bottom:20px;
	text-align :center;
	background:transparent url(images/bg_random.jpg) no-repeat 45% bottom;
	padding:0 5px 30px 5px;
	width:auto;
} /* end of changes */
 
 
/*---*/
 
.sidebar .title{
	background:transparent url(images/bg_side_title.gif) no-repeat left center;
	width:222px;
	width /**/:238px;
	float:none;
}
 
.block{ /* block is used also in single_col.php */
	border-bottom:1px solid #FFFFFF;
	padding:10px 0 5px 0;
	margin:0 0 20px 10px;
	margin /**/:0 10px 20px 10px;
}
.sidebar .block p{
	margin-bottom:10px;
}
 
 
/*-- .sidebar UL ---*/
.sidebar ul{
	margin:0 10px 20px 10px;
}
 
.sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:1px 0 2px 0;
	border-bottom:1px solid #D2C4A2;
}
 
.sidebar ul li a{
	color:#463B33;
	text-decoration: none;
}
 
.sidebar ul li a:hover{
	color:#D8471D;
}
/* -- List with get feed mini button -- */
.sidebar ul li a.rss{
	float: right;
	background: url(images/images_feed_mini.jpg) no-repeat left center;
	padding:0 1px 0 16px;
}
 
 
/* Get Ma.tt RSS Feed big Button */
.sidebar .title.getfeed{
	padding:20px 0 10px 8px;
}
 
.sidebar .title.getfeed h5{
	padding-bottom:5px;
	margin-top:-5px;
}
 
a#subscribe{
	display:block;
	float:left;
	height:30px;
	width:30px;
	margin-right:5px;
	padding:5px 0 5px 5px;
}
 
/* END #Content */
 
/* -- #Footer -- */
 
.footer{
	padding:150px 0 50px 0;
	color:#9C9C9C;
	font-size:11px;
	line-height:15px;
}
 
.footer a{
	color:#9C9C9C;
}
 
.footer a:hover{
	color:#FFFFFF;
}
 
 
a#WP_logo{
	height:53px;
	width:52px;
	text-indent:-99999px;
	background:transparent url(images/WP_logo.jpg) no-repeat center center;
	float:left;
	margin:10px;
}
 
.footer .block{
	width:650px;
	padding:5px 0 5px 20px;
	margin:0;
	border-left:1px solid #f0e3c5;
	float:left;
}
 

 
				/*Istructions that were in single_column.css */
 
.left, .right, .caption{
	width:33%;
	float:left;
}
 
 
/* -- .Photo (big photo), .thumb, .set -- */
/*--- WARNING : changes done here!!! ---*/  
.photo, .set, .thumb{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
	width:auto;
}
.photo a, .thumb a, .set a{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:15px;
	display:block;
}
 
.photo{
	background-image:url(images/bg_photo.jpg);
	padding-bottom:15px;
	margin:0 auto 20px auto;
}
.photo a, .photo a:hover{
	background-image:url(images/bg_photo_a.jpg);
	background-position:center top;
}
.photo img, .set img, .thumb img{
	border:5px solid #DACDAB;
	padding:1px;
}
 
    /* Use always set instead of thumbs. Set it's ok for every little image ---*/
 
.set{
	float:left;
	background-image:url(images/bg_set.jpg);
}
.set a{
	background-image:url(images/bg_set_a.gif);
	padding-top:8px;
}
.right .set{
	float:right;
}
/* --- */
 
 
.thumb{
	background-image:url(images/bg_thumb.gif);
	background-position:center bottom;
	width:150px;
	padding-bottom:10px;
	margin-bottom:0;
}
 
.thumb a{
	background-image:url(images/bg_thumb_a.gif);
	background-position:center top;
	padding-top:10px;
}
 
.thumb a:hover{
	background-image:url(images/bg_thumb_a.gif);
}
 
.block .text{
	width:500px;
	float:right;
}
 
 
 
.caption{
	margin-top:30px;
	font-size:14px;
	line-height:18px;
	color:#534942;
}
 
 
/*____________________________________________________________
	Single Photo Page 
_______________________________________________________________*/
 
.single_photo_col, .photo_set_col{
	width:850px;
	margin:0 auto;
}
 
.navigation, .pagination{
	border-bottom:none;
	padding-bottom:20px;
}
 
.single_photo_col .navigation .prev{
	background-image:url(images/left_narrow.gif);
	background-position:left center;
	width:40%;
	margin-top:10px;
	text-align:left;
}
 
.single_photo_col .navigation .prev a{
	height:10px;
	padding:0 0 10px 50px;
}
 
 
.single_photo_col .navigation .next{
	background-image:url(images/right_narrow.gif);
	background-position:right center;
	text-align:right;
	margin-top:10px;
}
 
.single_photo_col .navigation .next a{
	height:10px;
	padding:0 50px 10px 0;
}
 
 
.single_photo_col .navigation h2{
	width:40%;
	float:right;
	text-align:right;
	margin-bottom:0;
}
 
h3.comment_title{
	text-align:right;
	background:transparent url(images/bg_h3comment.jpg) no-repeat right bottom;
	padding-bottom:30px;
	margin-bottom:10px;
}
 
.comment, .matt{
	padding:15px;
	margin-left:0;
}
 
.text{
	width:85%;
}
 
.separator{
	border-bottom:1px solid #D2C4A2;
	margin:40px 0 15px 0;
}
 
 
/*____________________________________________________________
	Photo Set Page 
_______________________________________________________________*/
 
/*.photo_set_col{ see line 137 }*/
 
 
/*--- Numbers Navigation ---*/
.pagination{
	background:transparent url(images/left_narrow.gif) no-repeat 125px center;
}
 
.numbers{
	background:transparent url(images/right_narrow.gif) no-repeat right center;
	width:470px;
	margin:0 auto;
}
 
a.numb{
	height:22px;
	width:24px;
	padding:4px 0 0 0;
	display:block;
	float:left;
	text-align:center;
}
 
a.numb:hover, a.numb.selected{	
	background:transparent url(images/bg_numb_hover.gif) no-repeat center center;
}
 
/*---*/
 
 
.main_col .block .text{
	width:360px;
	float:right;
	margin-top:10px;
}

.gallery {
	margin:auto;
}
 
.main_col .gallery {
	clear: both;
	margin-bottom: 20px;
}
 
.main_col .gallery .title {
	width: 380px;
}
 
.photo_set_col .block .text p, .photo_set_col .block .text h2, .photo_set_col .block .text h2 a{
	margin-left:20px;
}
 
.photo_set_col .navigation{
	border-bottom:none;
}
 
.post .dates {
	margin-top: 2em;
}
.post .dates li {
	margin-bottom: 5px;
}
 
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden; position: absolute;}

/* -- END Main Column -- */

/* END #Content */