/*
This file is full of styles to make stripShow Sandbox more attractive out
of the box. However, it's all in its own file. Why? Because people are using
child themes out there in the world, and I don't want to change the CSS of
the parent theme without knowing how it would affect them.
*/

body {
	background-color: #888899;
	margin: 0;
	font-family:  Helvetica, sans-serif;
	}
#wrapper {
	background-color: #f0f0f0;
	margin-top: 0;
	border: 2px solid #333333;
	}
	
div#header {
	margin-top: 0;
	background: transparent url(../images/header-bg-grey.png) no-repeat;
	color: White;
	}
div#header a {
    color: White;
    text-shadow: #000000 2px 2px 2px;
    }
#main {
	padding: 0 10px;
	}
#primary, #secondary {
	background-color: #ffffff;
	border: 1px solid Black;
	}
#branding {
	height: 50px;
	}
#access {
	font-family: Helvetica;
	background: transparent url(../images/menu-bg-shiny.png) repeat-x;
	}
.sf-menu a, .sf-menu a:visited {
	color: #ffffff;
	text-shadow: #000000 2px 2px 2px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	}
.sf-menu a:hover {
	background: transparent url(../images/menu-bg-shiny-blue.png) repeat-x;
    text-shadow: #0000ff 2px 2px 4px;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	
	}
#access .menu ul ul {
	background-color: #666666;
	}
	
.sf-menu li:hover {
	background-color: transparent;
	}
	
#comic-container {
	margin: 20px ;
	width: 918px;
	background-color: #ffffff;
	border: 1px solid Black;
	}
#comic-header {
	padding: 2px 10px 2px 10px;
	border: none;
	}
div#content {
	padding: 0;
	}

div#nav-above, div#nav-below {
	height: 32px;
	font-family: Helvetica, sans-serif;
	text-shadow: #000000 2px 2px 2px;
	background: transparent url(../images/menu-bg-shiny.png) repeat-x;
	line-height: 32px;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
    padding: 0;
	}
div.nav-next {
    background-color: Yellow;
    text-align: right;
    float: right;
    position: relative;
    }
div.nav-previous {
    position: relative;
    float: left;
    }
div.nav-next a {
    position: absolute;
    right: 0;
    }
div.nav-previous a {
    position: absolute;
    left: 0;
    }
div.navigation a{
	color: White;
	line-height: 32px;
	height: 32px;
	display: block;
	padding: 0 10px;

	}
div.navigation a:hover {
	background: transparent url(../images/menu-bg-shiny-blue.png) repeat-x;
	text-decoration: none;
    text-shadow: #0000ff 2px 2px 4px;
}    

div.post, div.page {
    padding: 10px;
	background-color: #ffffff;
	border: 1px solid Black;
	margin-bottom: 20px;
	}
#index-rant .post {
    border: 1px solid Black;
    }
    
#respond {
	border-color: #000000;
	background-color: #ffffff;
	}
#respond input, #respond textarea {
	background-color: #f0f0f0;
	}
#respond input.button {
	background-color: Black;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cccccc;
	}
.comments .comment {
	background-color: #ffffff;
	border-color: #000000;
	border-width: 1px;
	}
.comments .comment.bypostauthor, .comments .comment.alt.bypostauthor {
	background-color: #ffe0e0;
	}