/*
 * Another New Style for Goodnight, Raleigh!
 *
 * @author jmorris
 * @file newstyle.css
 * @date April 10, 2008
 *
 * TODO: Merge with existing
 *       Refactor markup to eliminate need for legacy styles
 */
 
 
 /*
  * Colors for sidebar widgets
  */
  
.gray {
	background-color: #343a59;
	border: 4px solid #345949;

	}

.brown {
	background-color: #343a59;
	border: 4px solid #345949;

	}
 
.ltgreen {
	background-color: #345949;
	border: 4px solid #59583d;

	}

.dkgreen {
	background-color: #345436;
	border: 4px solid #59583d;

	}
  
.turquoise {
	background-color: #344d59;
	border: 4px solid #345949;

	}

.ltbrown {
	background-color: #59583d;
	border: 4px solid #8F9CB3;

	}

.rand1 {
	background-color: #8F9C03;
	border: 4px solid #505863;
	}

.rand2 {
	background-color: #505863;
	border: 4px solid #344d59;
	}
	
.rand3 {
	background-color: #8F9CB3;
	border: 4px solid #59583d;
	}
 /*
  * Global Styles
  */
  
* {
	margin: 0
	padding: 0
	}

body {
  
  background: #000;
  margin:0;
  font:92% Arial, hevetica, "Trebuchet MS",Sans-serif;
  color:#333;
	}

a:link {
	color:white;
	}
  
a:visited {
	color:#eee;
	}
  
a:hover {
	color:#black;
	}
  
a img {
	border-width:0;
	}
.white {
	color: #fff;
	}
 
 /*
  * Header Styles
  */
 
#header {
	height: 184px;
	margin-top: 5px;
	border: 4px solid #59583D
	}
 
h1 {
	display: none;
	}
h2.tagline {
	display: none;
	}
 h4 {
 	border-bottom: 1px solid #ccc;
 	font-size: 120%;
 	}

 /*
  * Navigation Styles
  */
 
#navigation ul li {
	display: inline;
	margin: 0 5px 0 0;
	}

#navigation ul {
/*	background: #59583d;*/
	margin-left: 5px;
	padding-left: 5px;
	}

#navigation ul li a {
	background: #505863;
	text-decoration: none;
	padding: 8px;

	font-size: 115%;
	}

#navigation ul li a:hover {
	background: #344d59;
	}

#navigation ul li a.active {
	background: #59583D;
	color: #ddd;
	}
#navigation {
	width: 597px;
	}
 
 /*
  * Layout Styles
  */
  
#content {
	float: left;
	width: 600px;
	background:#000;
	}

#container {
	width: 900px;
	margin: 0 auto;
	background:#000;
	}

#sidebar {
	width: 290px;
	float: left;
	color: #000;
	margin-left: 10px;
	}

#contentBlock {
}
  
  
  /* 
   * Footer Styles
   */
 
 
  /* 
   * Sidebar Styles 
   */
h2.sidebar { 
	
	font-size: 95%;
	color: #fff;
	font-weight: 900;
	letter-spacing: 1px;
	border-bottom: 1px dotted #ddd;
	background: ('images/new_bg1.png') no-repeat;
	margin: 5px 0 0 0;
	}

.sidebarSection {
	padding: 0 10px 10px 10px;
	color: #ddd;
	line-height: 1.3em;
	margin: 5px 0 10px 0;
	}

.sidebarSection ul li {
	list-style-type: square;
	}

.sidebarSection ul li, 
.sidebarSection p {
	font-size: 85%
	}

.sidebarSection ul {
	list-style-position: outside;
	padding-left: 20px;
	}

.sidebarSection ul li a {
	text-decoration: none;
	color: #eee;
	}
	
.sidebarSection ul li a:hover {
	color: #fff;
	}
	
.sidebarSection ul li a:visited {
	color: ccc;
	}
 #sidebarSubscribe {
 	height: 174px;
 	margin-top: 5px;
 	background: #000;
 	border: 4px solid #59583D;
 	}
 	
 
 .revealMoreTopics {
 	display: none;
 	}
 
.miniNav li {
	display: inline;
	list-style-type: none;
	}
  /* 
   * Blogger Required Styles
   */
   
  /* 
   * Legacy Styles
   */
   
iframe {
	padding: 20px;
	background-color: #fff;
	}
	
	
	
 /* 
   * Blog Entry Styles 
   */
 
.date-header {
  font-size:90%;
  margin-top: -20px;
  text-transform:Capitalize;
  letter-spacing:normal;
  color:#ccc;
  float: right;
  }
  
.post {
  margin:.3em 0 25px 5px;
  padding:5px 13px;
  border-top: 2px solid #ddd;
  width: 562px;
  line-height: 1.5em;
  }
  
.post-title {
  margin:0;
  font-size:130%;
  line-height:1.5em;
  display:block;
  color:#ccc;
  text-decoration: none!important;

  }
  
 h3.post-title a {
 	text-decoration: none;
 	color:#ccc;
 	}
 	
 h3.post-title a:hover {
 	text-decoration: underline;
 	color:#000;
 	background: #59583d;
 	}
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
  
a.title-link:hover {
  background-color:#eee;
  color:#000;
  }
  
.post-body {
  background: #fff;
	/*border: 1px dashed #fff;*/
  
  }
  
html>body .post-body {
  border-bottom-width:0;
  background: #000!important;
  color: white;
  width: 480px;
  
  }
  
.post p {
  margin:0 0 .75em;

  }
  
p.post-footer {
  margin:0 0 0 -4px;
  padding:2px 14px 2px 0px;
  color: black;
  border-width:1px;
  border-bottom:1px solid #eee;
  font-size:100%;
  line-height:1.5em;
  text-align:right;
  width: 480px;
  }
  
.commentsBlock {
	width: 480px;
	}
html>body p.post-footer {
  border-bottom-color:transparent;
  }
 
 post-footer a {
 color: #ccc;
 }
 
p.post-footer em {
  float:left;
  text-align:left;
  font-style:normal;
  }
  
a.comment-link {
	float: right;
  }
  
html>body a.comment-link {
  }
  
.post img {
  margin:0 0 5px 0;
  padding:20px;
  border:1px solid #000;
  background: #fff url("/images/enlarge.jpg") no-repeat bottom right;
  }
  
blockquote {
  margin:.75em 0;
  border-width:1px 0;
  padding:5px 15px;
  color:#ddd;
  border-left: 4px solid #ddd;
  }
  
.post blockquote p {
  margin:.5em 0;
  }


.icon-action {
	margin: 0!important;
	padding: 0!important;
	}
 
 
  /* 
   * Comments Styles
   */
 
#comments {
  margin:-25px 13px 0;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
  
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
  
#comments-block {
  margin:0 15px 0 9px;
  }
  
.comment-data {
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
  
.comment-poster {
  font-weight:bold;
  }
  
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
  
.comment-body p {
  margin:0 0 .5em;
  color: #fff;
  }
  
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#666;
  }
  
.comment-timestamp a:link {
  color:#666;
  }
  
.deleted-comment {
  font-style:italic;
  color:gray;
  }
 
 
 #footer {
  clear:both;
  margin:0;
  padding:15px 0 10px 0;
  background: #616a54;
  width: 100%;
  margin-bottom: -25px;
  text-align: center;
  }

  #footer div div {

    padding:0 15px 8px;
    }
  }
@media handheld {
  #footer div {
    background:#710;
    }
  #footer div div {
    background:none;
    }
  }
#footer hr {display:none;}
#footer p {margin:5px; color: #fff;}
#footer a {color:#fff!important;	} 


.blogger-labels {
	font-size: 80%!important;
	color: #ddd!important;
	}

.blogger-labels a {
color: #ddd!important;
}