/*
Theme Name: Ninja Theme
Theme URI: http://hardmode.org/wp-content/themes/NinjaTheme
Description: Hardmode Ninja Theme
Version: 1.0
Author: Garret Evans
Author URI: http://garretevans.com

*/

html {
	padding: 0px;
	margin: 0px;
}

body {
	background-image: url(http://www.hardmode.org/wp-content/themes/Ninja/images/background.jpg);
	background-repeat: repeat-x;
	background-color: #999999;
	font-family: "Helvetica", sans-serif;
	
}
a {
	text-decoration: underline;
	color: #4c4c4c;
}
a:hover {
	color: red;
}
img {
        border-style: none;
}
/*global/universal image classes */
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: none; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*—:[ image captioning ]:—*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*global/universal image classes */

/* Header Stuffs */

#box {
	width: 970px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: static;
}
#head {
	background-image: url(http://www.hardmode.org/wp-content/themes/Ninja/images/NINJAS2_02.jpg);
	width: 952px;
	height: 83px;
}
#nav a {
	color: #999999;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 1em;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	font-size: 2em;
	word-spacing: -2px;
}
#nav ul li {
	display: inline;
}
#nav a:hover {
	color: black;
}
#banner {
	background-image: url(http://www.hardmode.org/wp-content/themes/Ninja/images/NINJAS2_04.jpg);
	width: 952px;
	height: 317px;
}
.bannertext {
	width: 300px;
	padding-left: 35px;
	padding-top: 40px;
	color: #ffffff;
	font-size: 1.75em;
	font-weight: normal;
}

/* Sidebar Stuffs */
#sidebar {
	width: 237px;
	float: left;
	padding-left: 13px;
}
#sidebar_top {
	background-image: url(images/sidebar_top.png) no-repeat top left;
	width: 237px;
	height: 12px;
}
#sidebar_bottom {
	background-image: url(images/sidebar_bottom.png) no-repeate top left;
	width: 237px;
	height: 12px;
}
.title {	
	width: 220px;
	color: #999999;
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	padding-left: 15px;
	text-decoration: underline;
}
.sidebar_body {
	background-image: url(images/sidebar_body.png);
	background-position: top left;
	background-repeat: repeat-y;
}
#sidebar a {
	color: #999999;
	text-decoration: none;
}
#sidebar a:hover {
	color: black;
}
#sidebar p {
	font-size: 1em;
	font-weight: normal;
	padding-left: 10px;
}
#sidebar ul  {
	list-style-type: none;
	padding-left: 30px;
	color: #999999;
	margin-top: -2px;
	margin-right: 10px;
}

/* Searchform Stuffs */
#search_header {
	width: 662px;
	float: left;
	display: inline;
	padding-left: 20px;
	
	clear: none;
	
}
#searchform {
	
	text-align: center;
	background-image: url(images/sidebar_body.png) ;
	background-repeat: repeat-y;
	padding-bottom: 15px;
	padding-top: 10px;
	}

#sidebar #searchform #s {
	width: 150px;
	padding: 2px;
	
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 15px;
	}
#commentform textarea {
	width: 400px;
	padding: 5px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}

/* Main Content Stuffs */
#contentbox {
	background-image: url(images/content-background.jpg);
	width: 952px;
	float: left;
	background-repeat: repeat-y;
}
#content {
	width: 662px;
	float: left;
	display: inline;
	padding-left: 20px;
        
}

#post_top {
	background-image: url(images/post_top.png) no-repeat top left;
	width: 659px;
	height: 17px;
}
#post_body{
	background-image: url(http://www.hardmode.org/wp-content/themes/Ninja/images/post_body.png);
	background-position: top left;
	background-repeat: repeat-y;
}
#post_bottom {
	background-image:  url(images/post_bottom.png) no-repeat top left;
	width: 662px;
	height: 14px;
}
#content ul {
	font-size: 1em;
}
#content li {
	padding-bottom: 5px;
}
.content_author {
	font-weight: normal;
	padding: 0 0 0 15px;
	font-size: .75em;
	color: #4c4c4c;
}
.content_author a {
	text-decoration: underline;
	color: #4c4c4c;
}
.content_author a:hover {
	color: black;
}
.content_text  {
	font-weight: normal;
	padding: 20px;
	display: block;
}
h2 {
	font-weight: bold;
	display: inline-block;
	padding-left: 15px;
        padding-right: 15px;
        margin: -2px 0 0 0;
	
}
#content .pagepost {
	
}
.post_author {
	text-decoration: underline;
	color: #4c4c4c;
}
.post_tags {
	padding-left: 15px;	
	font-size:.75em;
}
.post_comments {
	display: inline;
	font-size: 1em;
}
blockquote {
	background-color: grey;
	color: white;
	margin-left: 10px;
	padding: 5px;
}
blockquote h2 {
	color: white;
	padding-left: 0px;
}
blockquote a {
	text-decoration: underline;
	color: white;
}
blockquote a:hover {
	color: #4c4c4c;
}
.next_entries {
	float: left;
	padding-bottom: 0px;
	display: inline;
}
.previous_entries {
	float: right;
	padding-bottom: 0px;
	display:  inline;
}
.navigation {
	background-image: url(http://www.hardmode.org/wp-content/themes/Ninja/images/post_body.png);
	padding: 0px 20px;
	clear: both;
	font-size: .75em;
	
}
/* Footer Stuffs */
#footer {
	width: 952px;
	height: 48px;
	background-image: url(http://www.hardmode.org/wp-content/themes/Ninja/images/NINJAS2_07.jpg);
	clear:both;
	text-align: center;
 	color: white;
}
#footer p {
	padding-top: 15px;
}

#footer a {
	text-decoration: none;
	color: white;
}
#footer a:hover {
	color: grey;
}
/* CSS Menu */

ul.cssmenu {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	display: inline;
	}

ul.cssmenu li a {
	display: block;
	width: 36px;
	height: 36px;
	background: url('http://www.hardmode.org/wp-content/themes/Mario/images/buttons2.gif');
	}

/*
*	Normal Links
*/
ul.cssmenu li.rsss a {
	background-position: 0 0;
	}

ul.cssmenu li.fb a {
	background-position: -36px 0;
	}

ul.cssmenu li.twitter a {
	background-position: -71px 0;
	}

/*
*	Hover Links
*/
ul.cssmenu li.rsss a:hover {
	background-position: 0 -36px;
	}

ul.cssmenu li.fb a:hover {
	background-position: -36px -36px;
	}

ul.cssmenu li.twitter a:hover {
	background-position: -71px -36px;
	}
	/* CSS Menu2 */

ul.cssmenu2 {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -6000px;
	}

ul.cssmenu2 li {
	float: left;
	display: inline;
	}

ul.cssmenu2 li a {
	display: block;
	width: 142px;
	height: 34px;
	background: url('http://www.hardmode.org/wp-content/uploads/2009/12/popoutbuttons.png');
	}

/*
*	Normal Links
*/
ul.cssmenu2 li.video a {
	background-position: 0 0;
	}

ul.cssmenu2 li.game a {
	background-position: -142px 0;
	}

ul.cssmenu2 li.chat a {
	background-position: -284px 0;
	}

/*
*	Hover Links
*/
ul.cssmenu2 li.video a:hover {
	background-position: 0 -34px;
	}

ul.cssmenu2 li.game a:hover {
	background-position: -142px -34px;
	}

ul.cssmenu2 li.chat a:hover {
	background-position: -284px -34px;
	}


/* CSS image hover */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 40px; /*position where enlarged image should offset horizontally */

}

/* Add To Any Plugin CSS */
.addtoany_share_save_container{margin:5px 0;}
ul.addtoany_list{
	display:inline;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
}
ul.addtoany_list li{
	background:none !important;
	border:0;
	display:inline !important;
	line-height:32px;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
}
ul.addtoany_list li:before{content:"";}
ul.addtoany_list li a{padding:0 9px;}
ul.addtoany_list img{
	float:none;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}
ul.addtoany_list a img{
	opacity:.7;
	-moz-opacity:.7;
	filter:alpha(opacity=70);
}
ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
a.addtoany_share_save img{border:0;width:auto;height:auto;}

/* Let's remove that Wordpress Stats Smiley Face ! */
img#wpstats {
     display: none;
}