/* CSS Document */

 body {
  background-color:black;
  background-image:url(http://www.runningonemptycomic.com/images/wall_bg.jpg);
  background-position: center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  margin:0 auto;
  padding:10px 20px 20px 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
  text-align:center;
  width:955px;
  }
a:link {
  color:#81a3ab;
  text-decoration:none;
  }
a:visited {
  color:#81a3ab;
  text-decoration:none;
  }
a:hover {
  color:#acdb29;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
  
 .main_pic img {
	margin: 0px auto 15px;
	display: block;
	text-align: center;
	width: 877px;
	height:180px;
	}

  
  /* ---------------------------NAV BAR----------------------------*/


#nav {
	font-size:85%;
	z-index:99;
	width:500px;
    margin:8px auto 25px auto;
	padding:0 0 13px 0;
	background-image:url(http://www.runningonemptycomic.com/images/cont_bar.gif);
	 background-repeat:no-repeat;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li { /* all list items */
	float: left;
	position: relative;
	width: 100px;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}

#nav #content {
	clear: left;
}

#nav ul li a {
	display: block;
	text-decoration: none;
	padding:0;
	text-align:center;
	font-weight:900;
	color:white;
	text-transform:none;
	letter-spacing:1px;
	}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li a:hover {
	color:#acdb29;
	} /* Hover Styles */
	
	#nav a.active {
	color: #acdb29;
}
	
	/*--------------------------END NAV BAR------------------------*/



/* Header
----------------------------------------------- */
@media all {
  #header {
    width:795px;
    margin:15px auto 0 auto;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.4em;
  color:#81a3ab;
  text-transform:none;
  letter-spacing:.01em;
  }
#blog-title a {
  color:#81a3ab;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#81a3ab;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border-width:0 1px 1px;
  font:78%/1.4em;
  text-transform:none;
  letter-spacing:.01em;
  color:#81a3ab;
  }


/* Content
----------------------------------------------- */
@media all {
  #content {
    width:955px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:650px;
    margin:10px 0 0 0;
	padding:15px 30px 10px 30px;
    background-image: url(/images/bg_diagonal.gif);
	float:left;
	display:inline;
    }
	
* html #main {
	margin:0px 0 0 0;
	padding:15px 30px 15px 30px;
	}

  #sidebar {
	width:380px;
    float:left;
    text-align:left;
	background-image: url(/images/bg_diagonal.gif);
	padding:17px 30px 0 30px;
	margin:10px 30px 0 30px;
	display:inline;
    }

* html #sidebar {
	margin:0px 0 0 30px;
	padding:15px 30px 15px 30px;
	}

#sidebar2 {
    width:150px;
    float:right;
    text-align:left;
background:black;
padding:0px 30px 17px 30px;
margin:10px 0 0 0;
	border:1px solid #999999;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar, #sidebar2 {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
h2 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:100%;
  line-height:1.4em;
  color:white;
  text-transform:none;
  font-style:italic;
  color:#81a3ab;
  }

.name {
	font-weight:900;
	color:#81a3ab;
	}

/* Posts
----------------------------------------------- */
@media all {
  
  .post {
    margin:.5em 0 1.4em;
    padding-bottom:0;
	
    }
  }
@media handheld {
  .date-header {
    padding:0 1.4em 0 1.4em;
    }
  .post {
    padding:0 1.4em 0 1.4em;
    }
  }

.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:110%;
  line-height:1.4em;
  color:white;
  text-transform:uppercase;
  font-style:italic;
  text-align:center;
  
  }
.post-title a {
  text-decoration:none;
  color:#acdb29;
  }
.post-title a:hover {
  color:#acdb29;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.4em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#acdb29;
  }
.post-footer em, .comment-link {
  font:78%/1.4em;
  font-size:90%;
  text-transform:none;
  letter-spacing:.01em;
  }
.post-footer em {
  font-style:normal;
  color:#B3B3B3;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #999999;
  }
  
#ad_space1 {
  /*padding:4px;
  border:1px solid #999999;*/
  margin:-5px auto 5px auto;
  width:728px;
  }
  
 #ad_space2 {
  /*padding:4px;
  border:1px solid #999999;*/
  margin:10px 0 0 0;
  width:160px;
  display:inline;
  float:left;
  }
* html #ad_space2 {
	margin-top:0px;
	}
 #ad_space3 {
  /*padding:4px;
  border:1px solid #999999;*/
  margin:10px 0 0 0;
  width:160px;
  display:inline;
  float:right;
  }
  * html #ad_space3 {
	margin-top:0px;
	}
#ad_space img {
  padding:4px;
  border:1px solid #999999;
  margin:0 auto;
  width:728px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */

#comments {
    width:894px;
    margin:10px 0 0 0;
	padding:20px 30px 20px 30px;
    background-image: url(/images/bg_diagonal.gif);
	float:left;
	display:inline;
    }
	
* html #comments {
	margin:0px 0 0 0;
	padding:15px 30px 15px 30px;
	}
	
.comm_post img {
  padding:4px;
  border:1px solid #999999;
  }
  
.comm_post ol {
  padding:0px 0px 0px 25px;
  }
  
.comm_post li {
  padding:5px;
  }
  
  .signature {
	font-style:italic;
	font-weight:100;
	font-size:86%;
	color:#999999;
	margin:0 0 .5em;
    }

#comments h4 {
  margin:1em 0;
  font:bold;
  font-size:90%;
  text-transform:none;
  letter-spacing:.01em;
  color:white;
  font-style:italic;
  }
#comments h4 strong {
  font-size:100%;
  }
#comments-block {
  margin:1em 0 1.4em;
  line-height:1.4em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em;
  font-size:90%;
  text-transform:none;
  letter-spacing:.01em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul, #sidebar2 ul {
  margin:0 0 1.4em;
  padding:0 0 1.4em;
  list-style:none;
  }
#sidebar li, #sidebar2 li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.4em;
  }
#sidebar p, #sidebar2 p {
  color:#999999;
  line-height:1.4em;
  }
  
#sidebar a:link, #sidebar2 a:link {
  color:#999999;
  text-decoration:none;
  }
  
#sidebar a:visited, #sidebar2 a:visited {
  color:#999999;
  text-decoration:none;
  }
  
#sidebar a:hover, #sidebar2 a:hover {
  color:white;
  text-decoration:none;
  font-weight:400;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.4em;
  /*border-bottom:1px solid #B3B3B3;*/
  padding-bottom:.1em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #B3B3B3;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em;
  text-transform:none;
  letter-spacing:.01em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em;
  text-transform:none;
  letter-spacing:.01em;
  }


/* Footer
----------------------------------------------- */
#footer {
 width:955px;
 margin:0px auto 15px auto;
 font-size:86%;
 position:relative;
 text-align:center;
  clear:both;
  padding:10px 0 0 0;
}

* html #footer {
	padding:0;
	margin:0px auto 0px auto;
	}

#footer p {
margin-top: 0px;
margin-bottom: 4px;
color:#ffffff;
}

 #footer a {
 text-transform:none;
 text-decoration:none;
 color:#81a3ab;
 }
 #footer a:hover {
 text-decoration:underline;
 color:#acdb29;
}

/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }

/* Controller
------------------------------------------------*/
#controller {
	font-size:85%;
	z-index:99;
	width:500px;
    margin:8px auto 8px auto;
	padding:0 0 13px 0;
	background-image:url(http://www.runningonemptycomic.com/images/cont_bar.gif);
	 background-repeat:no-repeat;
	 line-height:1.1em;
}

#controller ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}

#controller li { /* all list items */
	float: left;
	position: relative;
	width: 100px;
	padding: 0;
	margin: 0;
}

#controller li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	padding: 0;
	margin: 0;
}

#controller li:hover ul, #controller li.over ul { /* lists nested under hovered list items */
	display: block;
	padding: 0;
	margin: 0;
}

#controller #content {
	clear: left;
	padding: 0;
	margin: 0;
}

#controller ul li a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-weight:900;
	color:white;
	text-transform:none;
	letter-spacing:1px;
	padding: 0;
	margin: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html #controller ul li { float: left; }
* html #controller ul li a { height: 1%; }
/* End */

#controller ul li a:hover {
	color:#acdb29;
	padding: 0;
	margin: 0;
	} /* Hover Styles */
	
	#controller a.active {
	color: #acdb29;
	padding: 0;
	margin: 0;
}