/*
Theme Name: ComicPress GreyMatter
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Philip M. Hofer (Frumph)
Author URI: http://frumph.net/
Version: 1.1
*/

@import url("../comicpress/style.css");

/* STANDARD TAGS */

body {
	background: url('images/background.jpg') repeat;
}

#header {
	height: auto;
}

#header .description {
	margin-left: 50px;
}

#menubar-wrapper {
	margin-bottom: 10px;
	font-weight: 700;
	padding: 3px 0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 0 -1px 1px #111;
	background: #111;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;
	background: -moz-linear-gradient(100% 100% 90deg,#0b0b0b, #333, #444 100%); /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(         gradientType=1, startColor=0, endColoStr=#FFFFFF 	);
	background-image: -webkit-gradient(           linear, left top, left bottom, from(rgba(72, 72, 72, 1.0)),           to(rgba(11, 11, 11, 3.0))         );
}

.ie #menubar-wrapper {
	background: #111;
}

.menu-item-home {
	margin-left: 3px;
}

.menunav {
	margin-right: 3px;
}

.menu ul li a:hover, .menu ul li ul li a:hover {
	color: #fcff00;
}
.menunav-prev a:hover, .menunav-next a:hover, .menunav-rss:hover, .menu ul li a:hover, .menu ul li a.selected {
	color: #fcff00;
	background: -moz-linear-gradient(100% 100% 90deg, #303030, #444, #000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 1.0)),to(rgba(56, 56, 56, 3.0)));
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.menu ul li ul li a:hover, .menu ul li ul li a.selected {
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #111;
}

/* this is the color of the text in the menubar when its on that page */
.menu .current_page_item a {
	color: #fcff00 !important;
}

.menu-item-home {
	margin-left: 5px;
}
#content-wrapper {
	background: #333 url('images/background-lines.png') repeat;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 0;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;	
}

#comic-wrap {
	padding: 10px;
}

#comic {
	background: #fff;
	padding: 5px 2px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#submit, #searchform button, 
.type-post, .type-page, .type-comic, 
.type-showcase, .type-music, 
.sidebar h2, #comment-wrapper {
	padding: 2px 5px;
	background: #111;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:-moz-linear-gradient(100% 100% 90deg,#aaa, #ccc, #ddd 100%);
    /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=#ccc, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),
          to(rgba(170, 170, 170, 3.0))
        );
}

#submit, #searchform button {
	color: #fff;
}

#searchform button {
	padding: 0 5px;
}

.post-author-gravatar img, .comment-avatar {
	border: solid 1px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	-khtml-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;	
	margin: 3px;
}

.type-post, .type-page, .type-comic, #comment-wrapper {
	border: solid 1px #000;
	margin-bottom: 20px;
}

.ie .type-post, .ie .type-page, .ie .type-comic, .ie .type-showcase, .ie .type-music, .ie #comment-wrapper, .ie .sidebar h2 {
	background: #ddd;
}

.page-title, .post-title, .menu a, .menunav a, #header h1 {
	text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-khtml-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
}

h2.pagetitle, h2.page-title, .searchresults, .archiveresults {
	color: #fff;
}

.post-title, .page-title {
	border-bottom: solid 1px #000;
	margin-bottom: 3px;
}

table#wp-calendar caption {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-khtml-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
}

#wp-calendar th, #wp-calendar td {
	color: #ccc;
}

#wp-calendar a {
	color: #ffcf00;
}

a   {
	color: #003d6c;
}

.sidebar a, .nav a, #header h1 a {
	color: #fff;
}

a:hover, .sidebar a:hover, .nav a:hover, #header h1 a:hover {
	color: #f00;
}

#wp-calendar-wrap {
	background: #111;
   background: -moz-radial-gradient(75% 75%, farthest-side, #555, #111);
   background: -webkit-gradient(radial, 75% 75%, 0, 50% 50%, 350, from(#555), to(#111));
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

table#wp-calendar td {
	border-color: #ccc;
}

.narrowcolumn {
	min-height: 800px;
}

.sidebar h2 {
	border: solid 1px #000;
	margin-bottom: 5px;
}

.comment-text {
	padding: 10px;
	border-bottom: dotted 1px #000;
}

/* comments */

#comment, #author, #email, #url, #comment-textarea, #s-search {
	padding: 2px;
	color: #000;
	font-family: 'Verdana' , sans-serif;
	font-size: 12px;
	background: #eee;
	border: 1px solid #888;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#comment-textarea:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #comment:focus, #author:focus, #email:focus, #url:focus {
	background: #fff;
}

#submit, #searchform button {
	color: #000;
	font-weight: 700;
}

.ie #searchform button, .ie #submit {
	height: 20px;
	padding-bottom: 3px;
	line-height: 8px;
	background: #ccc;
}