/*

Set at : 1 em = 12 pixels

Standard unit is : pixels

*/


#page-navigation{
	clear:both;
	float:left;
	margin:11px 0 11px 22px;
	width:690px;
}


/* Pagination */
.previous-posts a{
	float:left;
	background:transparent url(../images/buttons-bg.gif) no-repeat scroll left top;
	width:266px;	/* 345px; */
	height:44px;
	display: block;
	padding-left:77px;
}

.next-posts a{
	float:right;
	background:transparent url(../images/buttons-bg.gif) no-repeat scroll -345px top;
	width:266px;
	height:44px;
	display: block;
	padding-right:77px;
}

a.external_link{
	float:left;
	width:647px;
	height:44px;
	margin:11px 0;
	padding-left:55px;
	display: block;
	background:transparent url(../images/buttons_external_link.gif) no-repeat scroll left top;
}

/* SPECIAL FROM JS */
a.embed_flash, .flash-embedded{
	clear:both;
	display:block;
}

/* Global Style */
a.media-action
{
	float:left;
	width:150px;
	height:44px;
	display: block;
	text-indent: -9999px;
}

/* DOWNLOAD : */
a.media-download
{
	background:transparent url(../images/buttons_download.gif) no-repeat scroll left top;
}

a.media-download:hover 
{
	background:transparent url(../images/buttons_download.gif) no-repeat scroll -150px top;
}

a.media-download:visited
{
	background:transparent url(../images/buttons_download.gif) no-repeat scroll -300px top;
}

/*
a.media-download:focus, a.media-download:active
{
	background:transparent url(../img/buttons_download.png) no-repeat scroll -450px top;
}
*/

/* PLAY : */
a.media-listen
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll left top;
}
/* PLAY -> START : */
a.media-listen:hover
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll -150px top;
}

/* PLAY : (This song has already been played) */
a.media-visited
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll -750px top;
}

/* NOW PLAYING : */
a.media-active
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll -600px top;
}

/* NOW PLAYING : PAUSE */
a.media-active:hover 
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll -300px top;
}

/* NOW PLAYING : PAUSED */
a.media-inactive 
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll -450px top;
}

/* NOW PLAYING : RESUME */
a.media-inactive:hover 
{
	background:transparent url(../images/buttons_play.gif) no-repeat scroll -450px top;
}

/* ========================================================= SPECIAL BUTTONS */
/* This gets added to all links that point to the current-url! ie. THIS PAGE! */
a.active-link
{

}

/* This gets added to all links once pressed */
a.visited
{

}


/* ========================================================= Other */
.loading
{
	background:transparent url(../images/loader.gif) no-repeat scroll center center;
}


/* ----------- Layout ------------ */
html, body {
   /* background:transparent url(../images/golden.001.jpg) repeat-y scroll 50% 0;*/
    background:#fff url(../images/light_texture.jpg) repeat fixed center top;
    height: 100%;
}


#buffer{
	display:block;
	float:left;
	min-width:40px;
	height:160px;
	min-height:100%;
	position:relative;
	width:18%;
	max-width:30em;
	z-index:1;
}


/* ========================================================= The Flash Music Player */

/* 594 px top golden section */
/* 140 px top golden rectangle */
/* 366 px top golden square */
#presentation{
	clear:both;
	height:360px;	
	/*margin: 0 auto;*/
	position:relative;
	width:100%;
	background-color:#38ACC5;
	/*z-index:55;*/
	/*border-bottom:1px solid #5b504c;*/
}

#presentation.loading{
	background:#38ACC5 url(../images/swf-loader.gif) no-repeat fixed center 130px;*/
}

#container{
/*	background-color:#fff;
	background:#fff url(../images/light_texture.jpg) repeat fixed center top;*/
	/*background-color:rgba(245, 241, 241, 0.9);*/
	float:left;
	min-height: 100%;
	min-width:960px;
	position:relative;
	width:100%;
	z-index:55;
	margin: 0 auto;
}

#container.loading{
	background:transparent url(../images/content-loader.gif);
}

#main-navigation {
	background-image:url(../images/dark_texture.jpg);
	background-color:#5b504c;
	background-color:rgba(209, 246, 138, 0.5);
	float:left;
	clear:both;
	height:36px;
	overflow:hidden;
	width:100%;
	/*z-index:55;*/
}
#main-navigation ul {
	background-color:#5b504c;
	width:960px;
	height:36px;
	margin: 0 auto;
}

#main-navigation ul li,
#sub-navigation ul li{
	float:left;
	/*padding:10px 10px 0px 1px;*/
	/*width:60px;*/
	/*height:36px;*/
}
#sub-navigation{
	display:block;
	clear:both;
	float:left;
	width:100%;
}

.secondary-navigation{
	overflow:hidden;
	height:36px;
	background:transparent url(../images/blue_blue_lines.png) repeat-x scroll left bottom;
}
.secondary-navigation-child {
  	overflow:hidden;
	height:18px;
}

#wrapper{
	margin: 0 auto;
	width:960px;
	min-height:100%;
	position:relative;
	display:block;
	z-index:50;
}

#content{
	background:transparent url(../images/wall_4px_white_50a.png);
	float:left;
	position:relative;
	display:block;
	width:960px;
}


#dynamic{
	/*background-color:#f7f6f2;
	background-color:rgba(255, 255, 255, 0.8);*/
	float:left;
	width:734px;
}

#sub-sidebar{
  	background-image:url(../images/diag_stripe.gif);
	background-repeat: repeat;
	background-color:#f8f6f2;
	background-color:rgba(255, 255, 255, 0.6);
	/*background-color:rgba(14, 32, 59, 0.5);*/
	float:right;
	/*width:24%;*/
	width:215px; 
}
#sidebar{
	/*margin-top:44px;*/
}
/*#sidebar{
	left:734px;
	position:absolute;
	right:0;
	top:36px;
	z-index:10;
}*/

#sidebar ul {
	/*padding: 9px;*/
	margin:18px 0;
	background:transparent url(../images/translucense.png) repeat fixed center top;
      
}
#sidebar ul li a,
.secondary-navigation li a{
	padding:0 11px;
	display:block;

}

#cat-navigation{
	left:0;
	overflow:hidden;
	position:absolute;
	margin-left:-0.25em;
	right:119px;
	top:36px;
	z-index:50;
}

#arc-navigation{
	left:50%;
	position:absolute;
	/**/
	margin-right:-0.25em;
	right:0;
	top:36px;
	z-index:10;
}

#arc-navigation ul{
  	position:relative;
	float:right;
	overflow:hidden;
	width:118px;
	/*width:100%;
	display:block;
	overflow:hidden;*/
}

#arc-navigation li{

}

#arc-navigation li a{
  float:right;
	text-align: right;
	/*padding-left: 54px;*/
	overflow:hidden;
	width:118px;
}

#cat-navigation li a{
	padding-right: 5000px;
	text-align: left;
}

#footer{
	background-image:url(../images/dark_texture.jpg);
	background-color:#000;
	clear:both;
	width:100%;
	display:block;
	margin: 0 auto;
	float:left;
}

#footer_wrapper{
	width:100%;
	display:block;
	float:left;
	background: transparent url(../images/footer_tree_stump.gif) no-repeat scroll center top;
	padding: 0 0 12em 0;
}

#footer-navigation{
	width:960px;
	margin: 0 auto;
}

/* Tongue beneith content == Contains RSS feed and search and UP */
#footer-navigation #more-info{
	height:88px;
	background: transparent url(../images/footer_tongue.png) no-repeat;
	display:block;
}

#footer-navigation #about
{
	margin:18px 0;
  	clear:both;
	display:block;
	float:left;
	width:100%;
}
  

#footer-navigation #tags,
#footer-navigation #admin
{
	float:left;
	width:367px;
	height:367px;
	margin: 0;
}
#footer-navigation #admin
{
	width:226px;
	float:right;
}



#footer li{
     /* width:33%;*/
     /* float:left;*/
}

/* ----------- Archive ------------ */
#footer-archives{
	bottom: 0;
	right:0;
	left:0;
	height: 3em;
	overflow:hidden;
	position:absolute;
	/*width:100%;
	z-index:56;*/
}
#footer-archives ul {
	width:5000px;
	display:block;
}
#footer-archives ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

	/*width:60px;*/
}
#footer-archives ul li a{
  	padding:1em 0.25em 0px 0.25em;
	margin:0;
}

/* ----------- Elements ------------ */

.post, .page{
	background:transparent url(../images/post-bg-regular.png) no-repeat scroll 22px 11px;
	float:left;
	margin: 0 0 ;
	padding: 22px 22px 0 44px;	/* Top 36px */
	min-height:198px;
	display:block;
	clear:both;
	width:646px;	/* 690px including left padding */
	/*border-bottom:1px dotted #37acc4;*/
}

/*
.entry,
.content{
  width:100%;
  display:block;
 }
*/
/* ------------ Line seperators! # Horizontal! ------------- */
.post h2{
    /*  background:transparent url(../images/brown_lines.png) repeat-x scroll left 18px;*/
}

.entry{   
float:left;
      padding-bottom:36px;
      background:transparent url(../images/short_ds.jpg) no-repeat scroll center 2px;
     /* background:transparent url(../images/blue_blue_lines.png) repeat-x scroll left bottom;*/
}

/* ------------ Design layout CSS! ------------- */
.left-panel{
	float:left;
	width:712px;	/* -22px for margin */
}
.right-panel{
	float:right;
	width:226px;
}

.cleared{
      float:left;
      clear:both;
      display:block;
}

.vertical-baseline{
  margin-bottom:36px;
  margin-bottom:54px;
}

.no-bottom-margin{
  margin-bottom:0;
}

.clear100{
      float:left;
      clear:both;
      display:block;
      margin-right:22px;
      min-height:426px;
      height:426px;
}


.paddedthird{
      float:left;
      width:215px;  
      margin-left:22px;
}

.squarehalf{
        float:left;
	width:323px;
/*	height:400px;*/
	height:323px;
	margin:36px 22px 108px 22px;
  }

.square{
   /*   display:block;
      float:left;*/
      margin:18px 22px 0 0;
}

p.postmetadata{
      clear:left;
      display:block;
      padding:0;
}
/*
p{
      display:block:
}*/

a.read-more{
    float:right;
    width:143px;
    text-align:right;
    padding:0 11px;
}

.navigation{
      float:left;
      margin: 36px 0 36px 0;
      clear:both;
      display:block;
      width:100%;
}

#respond{
      float:left;
      margin: 36px 0 90px 0;
      clear:both;
      display:block; 
  }
  
p textarea {
  width:68%;
}

/* Comments */
ol.commentlist{
  clear:both:
  }
  
ol.commentlist li{
background:transparent url(../images/quoteright.png) no-repeat scroll 100% -12px;
  background-color:#FFF;
    margin: 18px 0 36px 0;
    padding: 18px 0;
}
ol.commentlist li ul.children{
  
    margin: 0 0 0 44px;
    padding: 9px 0 0 0;
}
.reply{
  float:right;
} 

/* We want the Avatar to float but still give us an 18px baseline */
/* Avatars are 32 pixels square, 54 is the nearest baseline - 22 px*/
img.avatar{
    margin: 0 22px 22px 22px;
    float:left;
  }
  
  
  /* JS */
.post-highlight{
  background:transparent url(../images/post-bg.png) no-repeat scroll 22px 14px;
  /*  background-color:#fff;*/
 }