/*

Theme Name: NinjaandPirateTheme

Theme URI: http://comicpress.org

Template: comicpress

Description: ComicPress theme for Ninja and Pirate

Author: Joe M. Flanders

Author URI: 

Version: 1.1

*/



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



/* STANDARD TAGS */



body {

	/*background: url('images/grunge_bg.jpg') no-repeat fixed;*/
	background-color: #000000;
	background-image: url('images/ninjapirate_bg.jpg');
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:right bottom; 
}



#header {

	height: auto;
    color: #FFFFFF;
}

/*#header .header-info h1 a {
	background: url('images/np_logo3.jpg') no-repeat;
	color: #FFFFFF;
	width: 400px;
	height: 100px;
}*/

#header .header-info h1 {
	background: url('images/np_logo3.jpg') no-repeat;
	color: #FFFFFF;
	width: 400px;
	height: 100px;
}
/*#header .header-info  {
	background: url('images/np_logo3.jpg') no-repeat;
	color: #FFFFFF;
	width: 400px;
	height: 100px;
}*/

#header .description {

	margin-left: 0px;

}



#menubar-wrapper {

	margin-bottom: 5px;

	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: 5px;

}



.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: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	padding: 0px 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: 0px;

}



#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: #000;

}



.post-title, .page-title {

	border-bottom: solid 1px #000;

	margin-bottom: 3px;

}



table#wp-calendar caption {

	color: #000;

	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: #000;

}



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: 700px;

}



.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;

}