/*
Theme Name: mh
Theme URI: http://graphpaperpress.com/
Description: A multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 1.0.1
Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
Contributors: Chandra Maharzan, Richard Cornish
License: Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
*/

		/* ------------Blueprint CSS Styles------------ */
@import url( 'css/screen.css' );

		/* ------------jQuery UI CSS------------------ */
@import url( 'css/jquery-ui-1.7.1.custom.css' );

		/*------------- Override--------------------- */
body { 
	background:#0f0f0f; 
	color: #fff; }
	
.container { 
	margin-top:0px;
	}
	
h1,h2,h3,h4,h5,h6 { 
	color: #999 
	}	
	
p {color:#777;
} 

	
	
	
	
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { 
	color: #fff
	}
a { 
	color:#428ce7; 
	text-decoration:underline 
	}


h5 a:hover{color:888888; font-weight:bold; text-decoration:underline; text-transform:uppercase; font-size:150; background-color:333333; }




a:hover { 
	color:#fff 
	}
	
	#logo{
		height:71px;
		background:#A30500;
	
	}

		/* ---------------Masthead------------------ */
#masthead {   /*headder block size*/
	padding:0; 
	margin:0px 0 0px 0; 
	height: 100px;
	position: relative; 
	display:block; 
		clear:both 
	}
	
	
	.mastheadimage {   /*headder block size*/

	
	position: absolute; 
	top:7px; 
	display:block; 
		clear:both 
	}
	
	
	
		
#header-wrap { 
	width:100%; 
	background:#000; 
	padding:0px 0;
	
	}
		
		
		
			

#masthead h2, #branding h2 { /*this is the home page logo placement*/
	float:left;
	position:absolute; 
	top:20px; 
	text-transform:uppercase; 
	margin:0; 
	padding:0 
	
	}

	
#masthead h2 a, #branding h2 a { 
	color:#000
	
	}
#masthead .description, #branding .description { 
	float:left; 
	color:#999; 
	margin: 10px 12px; 
	padding-left:12px; 
	border-left: 1px solid #999; 
	font-size:11px
	
	
	
	
	
	
	
	 
	}

			/* ----------------Home Thumbs & Nav--------------------*/
.home-thumbs {
		 margin-top: 0; 
		 padding: 0; 
		 overflow: auto; 
		 overflow: -moz-scrollbars-none; 
		 }
		 
.bottom-thumbs {
	position: absolute; 
	top: 120px; 
	left:0;
	}
	
.thumbs { display:hidden; }

ul.thumbs { 
	width: 1600px; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	position:relative; 
	top:0; 
	left:0; 
	right:1600px 
	}
	
ul.thumbs li { 
	float: left; 
	width: 160px; 
	height:160px; 
	margin:0; 
	overflow:hidden; 
	}

 
 
 ul.thumbs a{ 
color:#0f0f0f

	}



	
ul.thumbs li.thumb-big { 
	float: left; 
	width: 320px; 
	height:320px; 
	margin:0; 
	overflow:hidden; 
	}
	
ul.thumbs li img.attachment-thumbnail { 
	margin:0 
	}
	
ul.thumbs li.thumb-end {
	margin-top:144px
	}
	
.go-left { 
	position:absolute; 
	top:20px; 
	right:80px;
	display: none
	}
	
.go-right { 
	position:absolute; 
	top:20px; 
	right: 50px; 
	}
	
#branding { /*------this is the entire block for the nav and logo on the home page----*/
	background: #000; 
	color:#000; 
	position:absolute; 
	z-index: 4; 
	left: 0px; 
	top:0px; 
	height:40px; 
	padding:40px; 
	zoom:1; 
	width:100%; 
	margin:auto; 
	clear: both; 
	display: block; 
	}
	
#branding a, #masthead a { 
	color:#000; 
	text-decoration:none 
	}
	
#branding h1 a, #masthead h1 a { 
	color:#000; 
	}
#branding h1, #masthead h1 { 
	text-transform:uppercase; 
	font-weight:bold; 
	margin:0;
	}
#branding a:hover { 
	color:#fff }
	
#branding .description { 
	text-align:left;}
	
.brand-wrap { float:left }


				/* -------------------Navigation at rest---------------------- */
				
#nav { 
	position: absolute; 
	top: 44px; 
	right: 0; 
	
	}
	
#branding #nav { /*home page nav link position-----*/
	position: absolute; 
	top: 50px; 
	right:0px;
	}
#nav ul, #nav ul li { 
	margin: 0; 	
	padding: 0; 
	}
	
#branding #nav ul {height:30px;width:520px}

#nav ul li { /*-----home page nav links----*/
	font-size: 15px; 
	font-weight: normal; 
	font:  14px "Arial Black" , Sans-Serif;
   letter-spacing: -1px;
text-transform: uppercase; list-style: none; float: left; margin-left: 5px; position: relative;color:#fff }

#nav ul li a { color: #999; text-decoration: bold; }
#nav ul li a:hover {color:#fff}

			/*-------- Navigation interaction------------ */

#nav ul li ul { 




	display: none; 
	text-align:left;}
	
#nav ul li.drop:hover ul { 
	display: block; }

#nav ul li span {cursor: pointer}

			/*------------Sub-navigation-------------- */
			
#nav ul li ul { 
	padding-top: 7px; 
	margin-left: -10px; 
	position: absolute;
	z-index:200}
	
#nav ul li ul li { 
	margin-right: 0; 
	font:  11px "Arial" , Sans-Serif;
	letter-spacing: 1px;
	float: none; 
		font-weight: normal; 
	text-transform: lowercase;
	font-weight: normal; 
	font-size: 11px;
	z-index:210}
	
	/*this is the drop down nav links*/
#nav ul li ul li a { 
	display: block; 
	padding: 7px 10px; 
	width: 130px; 
	color: #999; 
	/*
background-repeat: 
	no-repeat; 
*/
	background-position: 5px 50%; 
	background: #1a1a1a; 
	opacity:0.8;
	filter:alpha(opacity=60) 
	  
	}
#nav ul li ul li a:hover { 
	text-decoration:underline;
	background:#000;
	}
#nav #search {
		margin:0; 
		padding:0;}
#nav #search #s {
		color: #999;
		font-size: 1em;
		margin:0;
		padding: 8px 0 8px 10px;
		width: 140px;
		border:none;
		background:#1a1a1a}
		
#nav #search input {border:0}

#nav #search #s:hover {
	color: #fff;
	background: #000
	}

			/*-------------- Navigation enhanced styles---------------- */
			
#nav ul li ul.push { 
	margin-top: 12px; 
	z-index:211}
	
#nav ul li.enhanced {
	 margin-right: 0; 
	 padding-right: 15px; 
	 z-index:211}
	 
#nav ul li.enhanced span { 
	padding-right: 7px; 
	float: left; 
	z-index:211}
	
#nav ul li.enhanced a.arrow { 
	display: block; 
	position: relative; 
	top: -2px; 
	width: 18px; 
	height: 15px; 
	overflow: hidden; 
	float: left; }
	
#nav ul li.enhanced a.arrow:hover { 
	cursor: pointer; }
	
#nav ul li.enhanced a.arrow img { 
	display: block; 
	position: relative; 
	border: 0; }
	
#nav ul li.enhanced a.rest img { 
	top: 0; }
	
#nav ul li.enhanced a.hover img { 
	top: -15px; }
	
#nav ul li.enhanced a.open img { 
	top: -30px; }

		/* -----------------IE 6 hacks for position fixed-------------- */
* html #branding { position: absolute; 
	padding:45px 40px 35px 50px;
	width: 1505px;}
* html .go-left { top:17px; right: 280px; display: none}
* html .go-right { top:17px; right: 240px; }

		/* --------------Footer------------------------------------- */
		
#footer-wrap { 
	width:100%; 
	background:#000; 
	padding:24px 0 
	}
	
#footer { 
	width: 950px; 
	margin:0 auto;
	color:#333; 
	text-align: left 
	}
	
#footer a { 
	color:#333 
	}

#footer a:hover { 
	color:#ccc 
	}

#footer ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	border-top:1px solid #111 
	}

#footer ul li { 
	border-bottom:1px solid #111 
	}
	
	
	

#footer ul li a { 
	text-decoration:none; 
	padding: 4px 
	}

.post-nav-prev,.post-nav-next, #dialog_link,.icon { 
	float:left; 
	margin:0 10px 0 0; 
	padding: .4em 1em .4em 20px; 
	text-decoration: none; 
	position: relative; 
	color:#999 }

.icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon { 
	margin: 0 5px 0 0; 
	position: absolute; 
	left: .2em; top: 50%; 
	margin-top: -8px }

.post-nav-next span.ui-icon { 
	margin: 0 5px 0 0; 
	position: absolute; 
	left: 42px; top: 50%; 
	margin-top: -8px 
	}
	
ul#icons { 
	margin: 0; 
	padding: 0 
	}

ul#icons li { 
	margin: 2px; 
	position: relative; 
	padding: 4px 0; 
	cursor: pointer; 
	float: left;  
	list-style: none 
	}

ul#icons span.ui-icon { 
	float: left; 
	margin: 0 4px 
	}

#post-nav { 
	float:right 
	}

		/* --------------Posts----------------- */

#content { 
	display:block; 
	clear:both; 
	 
	}

.post { display:block; clear:both }



/*-------------------archive_post_titles-------------------*/




#content h2, .post h2 { 
  
 font-family:veranda, Arial, sans-serif;

	text-align:left; 
	/*
text-transform:uppercase;
*/

	 font-weight: bold;
	font-size:20px; 
	 
	clear:both;
	margin:0 4px;
	
height:22px
}



#content h2 a, .post h2 a { 
	text-decoration:none;
	color:#fff;
	}
	


/*
h6 { 
	color: #333;
	
	margin-left:auto;
margin-right:auto;
	 
	  clear:both;
	}
*/
	
	
	
	
	
	
	
	

.archiveexcerpt { 
	background: #000; 
	margin:0 0 1em 0; 
	padding:1em; 
	color:#333; 
	
	background: url(images/stripe.png) repeat ;
	border-top:1px solid #222;
	border-bottom:1px solid #222; 
	font-size:9px; 
	-moz-border-radius: 0px; 
	-khtml-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 
	display:block; 
	clear:both ;
	height:10px}







.postmetadata { 

	
	margin:0 0 3em 0; 
	/*
font-family:Courier New, Lucida Console;
*/
	font-weight:900;
	padding:0em; 
	 color:#999999; 
	font-size:11px; 
	margin-left:4px;
	/*
	 background: #000; 
	
-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	display:block; 
	

	
/*
text-align:justify;
*/
float:left;
	clear:both ;
	height:5px}
	
.postmetadata a { 
	color:#515151; 
	}
	
.postmetadata a:hover { 
	color:#eee
	}
	
.sub { 
	text-transform:uppercase 
	}
	
.underlined { 
	border-bottom:1px solid #222 
	}
	
.nav { 
	margin:12px 0; 
	font-size:11px
	}
	
.nav a { 
	background:#000; 
	color:#999; 
	padding:8px; 
	text-decoration:none; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	}
	
.nav a:hover { 
	color:#eee; 
	background:#333; 
	cursor:pointer }

		/* -------------------Floats & Images------------------------ */
.right { 
	float: right; 
	}
	
.left { float: left; }

.middle {margin: 0 auto;float:left;}

.clear { clear: both; }

img.centered{
	display: block;
	margin-left:auto;
	margin-right: auto;
	max-width:950px}
	
img.alignright{
	padding: 4px 0 4px 4px;
	margin: 3px 0 2px 10px;
	display: inline;
	max-width:950px}
	
img.alignleft{
	padding: 4px 4px 4px 0;
	margin: 3px 10px 2px 0;
	display: inline;
	max-width:950px}
	
img.alignnone{
	padding:4px 4px 4px 0; 
	margin:3px 10px 2px 0;
	display: block;
	max-width:950px}
	
.alignleft{float: left;}

.alignright{float: right;}

.aligncenter,div.aligncenter {
	display: block;
        
	clear:both;
	margin-left: auto;
	margin-right: auto;}
	/* ----------------use to create left handed border on archives -------------------*/
.thumbnail, .attachment-thumbnail {
	float:center;
	margin-left: 4px;
	margin-top:0px;
	margin-bottom:4px;
	}
	
.attachment-medium {
	max-width:950px;
	overflow:hidden;
	display: inline}
	
.attachment-large {
	max-width:950px;
	overflow:hidden;
	display: inline}

			/* ----------------Gallery -------------------*/
.gallery { 

	
margin:auto;
	 

 }

.gallery-image { 
	border: 2px solid #cfcfcf; 
	margin-left: 0; }
.gallery-caption { margin-left: 0; }

.gallery-item { 
	float: left; 
	text-align: center; 
	margin-left: 0px; }
	
.gallery-columns-2 { width: 50%; }

.gallery-columns-3 { width: 33%; }

.gallery-columns-4 { width: 25%; }

.gallery-columns-5 { width: 20%; }

.gallery-columns-6 { width: 16%; }

.gallery-columns-7 { width: 14%; }

.gallery-columns-8 { width: 12%; }

.gallery-columns-9 { width: 11%; }

			/*----------------- Captions----------------- */
.wp-caption { text-align: center; }

.wp-caption img { 
		margin: 0; 
		padding: 0;
		 border: 0 
		 none; }
		 
.wp-caption .wp-caption-text { 
	margin: 0; 
	padding: 5px; }

			/*----------------- Etc---------------------- */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
:focus {outline: 0;}
.sticky {font-size: 24px;border: 1px solid #bbb;border-width: 1px 0;background: #eee;padding: 15px;}
.ad-main, .ad-sidebar {display:block;clear:both;}
.hidden {display:none}
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/* Search */
#search {float:right;margin:55px 12px 0 0; padding:0;}
#search #s {background: #ddd url('images/search.png') 0px center no-repeat;color: #222;font-size: 1em;margin:0;padding: 4px 0 4px 17px;width: 150px;border:1px solid #333;}
#search input {border:0}
#search #s:hover {color: #0066cc;background: #fff url('images/search_blue.png') 0px center no-repeat;}
.search-excerpt {margin: 0;}
#searchsubmit {display:none}

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border-top:5px solid #ccc; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;}
ol.commentlist li:hover {background:#ccc;}
ol.commentlist li.comment-author-admin {border-top:5px solid #ccc;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; color:#222 }
ol.commentlist li div.vcard a {color:#222}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#ccc; padding:6px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#ccc; color:#fff}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff}
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover {color:#fff; background:#222}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#comments {margin:4px 0}
#respond {margin:30px 0; padding:10px 0;border-top:5px solid #ccc}
#commentform{ margin-bottom: 60px;}	
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:1px #ccc solid;font-size: 1.2em;}
#commentform textarea:hover {border:1px solid #222;}
#commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.3em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-size:1.3em;font-weight:bold;margin-top:5px;padding:5px;}
legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px}
#commentform #submit:hover{background:#000;color:#fff}
#wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;}
#wp-submit:hover {background:#000;color:#fff}

	
	
	
	/*------------from Jason------------*/
	
	
	h6 { color: #1f1f1f;  }
	h4 { color: #1f1f1f; margin: 4px 10px; }
h3 { color: #1f1f1f; font-weight: bold;font-size: .8em; float:right; clear:both; margin: 4px 4px; padding: 2px 10px;}

	
	
	
	.post-block {
/*------------block_size individual post------------*/
	width: 208px;
	
	float: left;
	margin-left: 0px;
	clear: none;
	position: relative;
	border:1px solid #0f0f0f;
	background-color:#0f0f0f;
	
	

	
	}

.text-block {
/*------------block_size individual post------------*/
	
	width: 210px;
	float: right;
         
	margin-right: 0px;
margin-bottom: 0px;
	clear: none;
	position: relative;

float:top;
   margin-top: 5px;    
color: #777;	
	
	
	

	
	}






#container_division {
	/*------------overall archive posts container------------*/

       margin-left:auto;
margin-right:auto;
	   position: relative; 
	  clear:both;
	  width:845px;
	  height:618px;
	 /*
 border:1px solid white;
*/
/*------------padding:1px 2px;   fills up page------------*/

	
      

	}
	
	
	#container_div {
	/*------------overall archive posts container------------*/

       margin-left:auto;
margin-right:auto;
	   position: relative; 
	  clear:both;
	  width:930px;
	  height:618px;
/*------------padding:1px 2px;   fills up page------------*/

	
      

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#gallery_division {
	/*------------overall archive posts container------------*/

       margin-left:auto;
margin-right:auto;
	   position: relative; 
	  clear:both;
	  width:930px;
margin-top:-25px;
	
height:645px;

  
	}	
	
	
	.next {  


position: absolute; 
	right: .2em; top: 47%; 
 




 }
	.prev {  
	
position: absolute; 
	left: .2em; top: 47%; 	
	
	
	
	
/*
float: left;
 margin-left: 10px;
 margin-bottom: 5px;
margin-top: 5px;
*/
 }
 
 
 
 
 /*
multi page posts
*/
 
 #numberblock
 {
 	
	 position: absolute; 
	
	
	  top:620px;
	right: 1%;
	
	
	
	
 }
 


span.contentjumpnumber {    vertical-align: middle ;
                          
                            color: #fff; 
                            font-weight: bold;
                            border:0px #ddd solid ; 
                            border-top-color: #a7a7a7; 
                            background-color: #000; 
                            padding: 3px 3px 3px 3px }

a.contentjumpnumber {   

							vertical-align: right; 
                        border:0px #ddd solid ; 
						color: #2f2f2f;
                        border-top-color: #a7a7a7; 
                        padding: 3px 3px 3px 3px}

a.contentjumpnumber:hover { border-top-color: #25a; }



h2 {
   position: absolute;
   top: 138px;
   left: 0;
  
}


h2 span {
   color:#9f9f9f;
   font:  14px/45px "Arial Black" , Sans-Serif;
   letter-spacing: -1px;
   background: #0f0f0f; /* fallback color */
 /*
  background: rgba(0, 0, 0, 0.3);
*/
   padding: 3px;
}

h1 {
   position: absolute;
   top: 173px;
   left: 0px;
   width:100%;


}


h1 span {
   color:#5f5f5f;
   font: bold 11px helvetica , Sans-Serif;
  text-align:left;
   background: #0f0f0f; /* fallback color */
  /*
 background: rgba(0, 0, 0, 0.9);
*/
 padding: 0px 10px 1px;
display:block;
height:30px;

}