/**********************************************************************************************

	GlBlog.pl

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Navigation
			2.3 Content
			2.4 Aside
			2.5 Footer
		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
/*		background: transparent; */
	}
	
	
	ol, ul {
		list-style: none;
	}
	
	address {
		font-style: normal;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #fff;
		font-family: tahoma;
		color: #666;
		text-align: left;
		font-size: 13px;
		}
	p {
	font-size: 12px;
	}
	
	hr, legend { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	a {
		color: #7c6903;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
    text-decoration: underline;
	}
	
	#accessibility-links,
	.h {
		position: absolute;
		left: -1000em;
	}
	
	.r,
	#header h1 a {
	  display: block;
	  overflow: hidden;
	  position: relative;
	}
	  .r span,
	  #header h1 a span {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	  }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#container {
    width: 825px;
    margin: 2em auto;
    padding: 0 0 2em;
	  text-align: left;

	}
	

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

  #header {
    width: 940px;
		position: absolute;
		top: 0;
		height: 183px;
		z-index: -1;
  }
    #header h1 a {
      width: 511px;
      height: 183px;
    }
      #header h1 a span {
        background-image: url(images/glblog.jpg);
      }


/* 2.2 Navigation
-----------------------------------------------------------------------------------------------*/

  #navigation {
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
    border-width: 1px 0;
    width: 100%;
    font-size: 1.3em;
	margin: 168px 0 0;
  }
    #navigation ul {
      padding: .2em 15px;
    }
      #navigation ul a {
        color: #3C3C3C;
        font-weight: bold;
        padding: 0.615em 15px 0.385em 5px;
      }
	
	
/* 2.3 Content
-----------------------------------------------------------------------------------------------*/	

  #content {
    width: 550px;
    float: left;
    display: inline;
    margin: 0 20px;
  }
    #content .hentry {
      margin: 0 0 2em;
	 
    }
      #content .hentry h2 {
	  	color: green;
        font-size: 25px; /* 1.454em; */
		border-bottom: 1px dashed rgb(217, 217, 217); 	/* arv */
/* 		background-color: rgb(243, 243, 243); 	arv */
 		padding-left: 4px;		
      }
        #content .hentry h2 span.category,
        #content .hentry h2 span.category a {
          color: #3C3C3C;
        }
      #content .hentry address,
      #content .hentry abbr {
        display: inline;
        color: #999;
        font-size: .912em;
      }    
        #content .hentry .entry-content {
          margin: 2em 0 0;
          font-size: 1.092em;
        }
        
        .hentry ol {
          list-style: decimal;
          margin: .5em 0 .5em 2.5em;
        }
        .hentry ul {
          list-style: disc;
          margin: .5em 0 .5em 2.5em;
        }
    
    
      #commentform{margin:0;padding:15px 15px 1px;}
      #commentform label{display:block;margin:0;}
      #commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
      #commentform textarea{width:400px;margin:0 0 10px;padding:0;}
      #commentform #submit{margin:0 0 20px;}
      #commentform p{margin:5px 0;}

			#recentcomments ul li {
				overflow: hidden;
				margin: 10px 20px;
			}
				#recentcomments ul li span.rc_excerpt {
					line-height: 1.0;
				}
      

/* 2.4 Aside
-----------------------------------------------------------------------------------------------*/	

  #aside {
    width: 232px;
    float: right;
  }
    #aside ul {
      background: url(images/aside.png) repeat-y -232px 0;
    }
      #aside li {
        background: url(images/aside.png) no-repeat 100% 100%;
        padding: 0 0 15px;
        border-bottom: 10px solid #fff;
      }
        #aside li h2.widgettitle {
          background: url(images/aside.png) no-repeat 0 0;
          padding: 25px 60px 0 15px;
          margin: 0 0 10px;
        }
        #aside li .textwidget,
        #aside li .blogroll {
          /*background: url(images/aside.png) repeat-y -232px 0;*/
          padding: 0 20px;
          background: none;
        }
          #container #aside li li {
            background: none;
            padding: 0;
            border: none;
          }


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

  #footer {
    clear: both;
    float: left;
    width: 100%;
	border: 1px solid #e6e6e6;
	border-width: 1px 0;
	width: 100%;
    background: #FBFBFB none repeat scroll 0 0;
    padding: 0;
  }
    #footer p {
      color: #c3c3c3;
      padding: 1em 30px;
    }

/*
#footer{background-image:url(images/footerbck.gif);background-repeat:repeat-x;clear:both;height:24px;margin:0;padding:0;}
#footerbox{color:#fff;background-color:#312e2e;height:30px;line-height:30px !important;margin:0;padding:0;}
.footer{width:980px;color:#fff;height:30px;line-height:30px !important;margin-left:30px; padding:0;}
.footer a:hover{text-decoration:underline;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#25aacd;border:none;}
*/


/* 3 New Stuff */

.hentry .date, .hentry .comments, .hentry .author {
	background:url(images/icons.gif) no-repeat;
	height:16px;
	line-height:16px;
	display:block;
	padding-left:22px;
	font-size:11px;
	
}


.hentry .act {

	height: 16px;
	float:right;
}

.hentry .act span {
	float:left;
	margin-left:15px;
}

.hentry .date {
	background-position:0 -48px;
	float:left;
}

.hentry .comments {
	background-position:0 -96px;
}

.hentry .author {
	background-position:0 -176px;
	margin-left:5px;
	float:left;
}

.hentry .info {
margin:5px;
}

.fixed .clear {
	clear:both;
}