/*  
Theme Name: Nothernlights
Theme URI: http://northernlights.es
Description: Theme with some modification over Stevish theme (http://stevish.com). Started with Kubrick's default theme, added transperency, separated elements (Such as sidebar and posts), and much, much more...
Author: Tazair based on Stephen theme.
Author URI: http://northernlights.es/blog

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

	Have fun, and don't be afraid to contact me if you have questions.
*/

/*********************************************************/
/*Images to load
/*********************************************************/

body{
background-color: #6e6e6e;
background-image: url(images/background.jpg);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}
#header{ background-image: url(images/headerimage.jpg);}

.post{ background-image: url(images/trans-tan.png);
       background-attachment: fixed;}

#rightsidebar, #leftsidebar{background-image: url(images/navy.png);
														background-attachment: fixed;}
#weatherbox, #lastcommentbox{background-image: url(images/trans-tan.png);}

#headermenu a:link, #headermenu a:visited  { background: url('images/tab.gif') no-repeat 0 -25px }
#headermenu a:hover, #headermenu a:active { background: url('images/tab.gif') no-repeat 0 0 }

#commentform{	background-image: url(images/trans-tan.png);}
.commentlist li {background-image: url(images/trans-tan.png);}

/*********************************************************/
/*Typography & Colors 
/*********************************************************/ 
  body 
  {
  text-align: center;
	font-size: 70%; /* 62.5 will Reset 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #777;
	color: black;/*White by default*/
	}

	
	
	/*For the header*/
	
	/*h1 is only as title in the header*/
	h1, h1 a, h1 a:hover, h1 a:visited 
	{
       
	font-size: 2.6em;
	text-align: center;
	color: #eee;
	text-decoration:none;
        
	}
	
	
	
		
	#headermenu li 
	{
	font-size: 0.9em;
  }

	#headermenu li a
	{
       font-weight: bold;
       color: white;
	}

	#headermenu li a:hover
	{
       text-decoration: underline;
	}

	/*End header*/
	
	/*General headers*/
	h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	
	}
	/*h2 used for titles for the sections in the side bars*/
	h2
	{
	
	font-size:2em;
	text-align:center;
	}
	/*h3 used for subtitles in sidebars, leave your comment text in page, and commentbox title. In Leave your comment and commentbox .*/
	h3
	{
	color:#ddd;
	font-size:1.3em;
	}
	
	/*h3 with a is used for titles in post with search*/
	
	h3 a, h3 a:visited
	{
	color: black;
	text-decoration:none;
	}
  #lastcommentbox h3
  {
  color:black;
  text-align:center;
  }
  h4,h4 a
  {
        font-size: 1.5em;
        color:black;
        text-decoration:none;
  }
		/*End of general headers*/

 		/*anchors*/
  	a 
		{
		color: #3c783c;
  	font-weight: bold;
		text-decoration: none;
		}

		a:hover 
		{
		color: #eee;
  	font-weight: bold;
		text-decoration: underline;
		}
		.entry a:visited 
    {
		color: #3c783c;
    font-style: italic;
    }
	
 		#sidebar a, #sidebar a:visited, #sidebar a:hover, .prepost
 		{
    color: #641414;
    font-weight: bold;
    }
    

		.entry p a:link
		{
		text-decoration: underline;
		}
		
		.centerdivleft a, .centerdivright a, .centerdivleft a:hover, .centerdivright a:hover, .centerdivleft a:visited, .centerdivright a:visited 
		{
    color: #641414;
		}
		small a 
		{
        font-weight: bold;
        text-decoration: underline;
        color: black;
		}
		#footer a {
				color: #eee;
		}
 /*anchors*/
 /*main content*/
 	.centerdiv p
 	{
   text-indent: 1.6em;

  }
  
	#content 
	{
	font-size: 1.15em;
	
	}
  .widecolumn {
     font-size: 1.1em;
	}


.narrowcolumn .entry, .widecolumn .entry {
        font-size: 0.85em;
        line-height: 1.5em;
        font-weight: 400;
	}


.narrowcolumn .postmetadata, widecolumn .postmetadata {
	text-align: center;
	}

.alt {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

/*maincontent end*/

/*Sidebars and lists*/
#sidebar {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  }

/*Sidebars and lists*/

/*comment and lists*/
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

/*comment and lists*/

/*calendar*/
#wp-calendar{
  color:#ddd;
}
#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/*calendar*/


/*bloquote*/
blockquote{
        color: #222;
        font-style: italic;
        font-weight: bold;
   }

/*bloquote*/


/*other*/
acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .08em;
	}
code {
	font: 1.1em 'Courier New', Courier, Fixedsys, Monospace;
	}
#footer {
  color: #ddd;
}
#weatherbox {
/*see weatherbox*/

}
/*other*/
dt {font-weight: bold;}


/*********************************************************/
/*End Typography & Colors 
/*********************************************************/



/* Begin Structure */
body {
	
	margin: 0 auto;
	padding: 0; 
        
	}

.centerdiv {
        max-width:100em;
        min-width:84em;
        position:relative;
        top: 2em;
        text-align: left;
        margin: 0 auto;
        padding: 0;
        
        
	}


/* Backgrounds are in these 5 divisions. 
To use only one background image, delete the gifs that
are devoted to a division (ie: toprightbg.gif), and replace
'texture.gif' with your background file. If you do not
want the background to repeat, you can use 'topleftbg.gif'
to align it top left, or 'centerbg.gif' to align it center.


#topleftbg {
        width: 100%;
        height: 100%;
	background-attachment: fixed;
	background-image: url(images/topleftbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#toprightbg {
        width: 100%;
        height: 100%;
	background-attachment: fixed;
	background-image: url(images/toprightbg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

#bottomleftbg {
        width: 100%;
        height: 100%;
	background-attachment: fixed;
	background-image: url(images/bottomleftbg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#bottomrightbg {
        width: 100%;
        height: 100%;
	background-attachment: fixed;
	background-image: url(images/bottomrightbg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

#centerbg {
        width: 100%;
        height: 100%;
	background-attachment: fixed;
	background-image: url(images/centerbg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	}
*/

/* End Backgrounds */

#header { 
        margin: 20px auto 10px;
        /*margin-top: 20px;*/
        /*margin-bottom: 10px;*/
        padding: 0;
        height: 145px;
        width: 800px;
        
        border-color: #641414;
        border-width: 0.6em;
        border-style: solid;
        }

#headerimg {
        margin: 0 auto;
        height: 100%;
        width: 100%;
        

        }


	 


.narrowcolumn {
        
	padding: 0.5em;
        margin-left: 16.4em;
        margin-right: 16em;
	
	
        
	}

.widecolumn {
        padding: 0.5em;
	margin-left: 10%;
        margin-right: 10%;
	
        
	}
	
.prepost {
        padding: 15px 0 0 0;
        font-size: 1.1em;
        font-family: 'Comic Sans MS', Verdana, Arial, Sans-Serif;
        letter-spacing: 0.2em;
        }

.post{
  padding: 0 7px 0 7px;
	margin: 0;
	text-align: justify;
	
	border: 2px solid #641414;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata, .widecolumn .postmetadata {
	padding-top: 5px;
	}


	
#footer {
        
	padding: 5px 5px 5px 1px;
	margin: 0 auto;
	width: 50em;
	clear: both;
        
	}
#footer img{
        padding:0;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
.centerdivleft{
        margin: 0;
        text-align: left;
        font-weight: bold;
        
}
.centerdivright{
        margin: 0;
        text-align: right;
        font-weight: bold;
        
}


/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 8px;
	margin: 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 20px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
	
h4 {
        margin: 0;
        padding: 5px 0 5px;
        }
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
.wp-smiley {
padding: 0;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
        padding-top: 1.4em;
        padding-bottom: 1.4em;
	display: block;
	margin-left: auto;
	margin-right: auto;
        text-align: center;
	}
	
img.alignright {
 padding-top: 1.4em;
 padding-bottom: 1.4em;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
        padding-top: 1.4em;
        padding-bottom: 1.4em;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */

.titleauthor {
        border-bottom: 1px dashed #fdb;
        }

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 10px;
	list-style: none;
	
	text-indent: -10px;
	} 

html>body .entry li, html>body .entrytext li {
	margin: 7px 0 1.2em 10px;
	}
/*contentbefore means with >>*/
.entry ul li:before, #sidebar .contentbefore li:before {
	content: "\00BB \0020";
	}

/*.entry ul li {margin-bottom: 8em;}*/
.entry ul li ul li {margin-bottom: 1.2em;}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

 #sidebar ul ol li {
	list-style: decimal outside;
        padding-top: 1.3em;
	}
ol li {
	list-style: decimal outside;
        

}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
#headermenu ul  { margin: 0; 
                  position: relative;
                  top: -2.5em;
                  
                  
}

#headermenu li  /*Items in the header */
{
	
	float: right;
        
	list-style: none;
	text-align: center
}

#headermenu li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #headermenu li causes the menu to float inline */
	margin-right: 2px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	
}
	 


li.limiter{

        border-top: 1px dashed #641414;
        margin-top: 1em;
        padding-top: 2em;
        

}


/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 10px 0 10px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform {

        padding: 5px;
        margin: 4px;
        }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 44em;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#rightsidebar

{       
  margin: 0 auto;
  position: absolute;
  right: 1.3em;
  width: 15em;
	border: 3px solid #641414;
	padding: 0.5em;
	
	}
#leftsidebar{
        
	left: 1.45em;
        margin: 0 auto;
        position: absolute;
        width: 15em;
	border: 3px solid #641414;
	padding: 0.5em;
	
        top: 48em;

}

#sidebar form {
	margin: 0;
	}
	
	p.cc  {
       margin: 0 auto;
       text-indent: 0px;
       font-size: 0.9em;
       text-align: justify;
       padding-right: 6px;
      }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	/*margin: 20px auto 0;*/
	
	width: 155px;
  padding-right: 20px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
  margin-top: 40px;
  padding-right: 20px;
	text-align: center;
  width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td:hover {
        background-color: #000;
        }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #000; }
/* End Calendar */



/*Begin weathericon tags*/

#weatherbox {
        left: 0.6em;
        margin: 0 auto;
        position: absolute;
        width: 16.8em;
        height: 22em;
				border: 3px solid #641414;
				padding: 0.5em;
	      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        text-align: center;
        color:black;
        list-style-type: none;
        font-weight: bold; 

}
.weatherbox li {
        margin: 0;
        padding-left: 3px;
        font-family: 'Lucida Grande', Verdana, Sans-Serif;
				font-size: 1.2em ;
        line-height: 0.70em;
        
        
        

}
.weatherbox ul{
       margin: 0;
       padding: 0;
}
.weather_title{
       font-size: 0.9em;
       text-align:left;
       font-weight: bold;
       color: #641414;

}

.weather_info {
       font-size: 0.9em;
       text-align:left;

}
/*end weather icons tags*/
/*Begin last comment tags*/
#lastcommentbox {
        left: 0.6em;
        top: 25em;
        margin: 0 auto;
        position: absolute;
        width: 16.8em;
        height: 20em;
				border: 3px solid #641414;
				padding: 0.5em;
	      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        text-align: left;
        
        list-style-type: square;
         

}
#lastcommentbox h3 {
margin-top: 10px; 

}

#lastcommentbox ul li ul li{
       font-size: 0.9em;
       list-style-position: inside;
       list-style-type: circle;
       
}
/*.sem_subscribe_me {
margin-left: -2em;
}*/
/*end last comment tags*/

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
        text-align: left;
	margin: 15px 30px 0 10px;
	padding-left: 10px;
        padding-right: 5px;
        padding-bottom: 5px;
	border-left: 1px solid #333;
        border-top: 1px solid #333;
        border-bottom: 2px solid #333;
        border-right: 2px solid #333;
	background-image: url(images/bquote.png);
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
/*For plug in of videos*/
.googleVideo_holder, .yourTubeVideo_holder, .personalPlayerVideo_holder, .quickTimeVideo_holder{
        text-align:center;
        border: 1px solid #a9a9a9;
        padding: 10px 10px 10px 10px;
        background:rgb(200,200,200);
}

.googleVideo, .yourTubeVideo, .personalPlayerVideo, .quickTimeVideo{
        border: 2px solid #a9a9a9;
        background:rgb(255,255,255);
        padding: 0px 0px 0px 0px;
}

.googleVideo_link, .yourTubeVideo_link, .personalPlayerVideo_link, .quickTimeVideo_link{
        font-size:.8em;
        width:100%;
        text-align:right;
}
/*end plugin of videos*/

/*START PAGEBAR*/
.pagebar 
	{ 
		font: 1.3em Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
                padding-left: 1.1em;
		margin: 0px; 
                border: solid 2px #641414;
                background-image: url(images/trans-tan.png);
                color: #641414;
                font-weight: bold;
                
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		font-size: 1.5em; 
		vertical-align: middle; 

		
	}

.pagebar a:hover 
	{
		background-color: gray; 
		text-decoration: none;
	}
/*END PAGEBAR*/

/*MY TAG*/
p.myTags {
text-indent: 0;

}
p.myTags a {

font-size: 0.7em;
margin-right: 2px;

}

p.myTags img{


margin: 0;
padding: 0 2px 0 2px;

}
/*END MY TAG*/
      
      



    

/* End Various Tags & Classes*/