/*
Theme Name: tnd
Theme URI: http://wordpress.org/
Description: skj attempt to create a them based on The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.0
Author: scott k james
Author URI: http://www.scottkevajames.com/
Tags: yellow, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* -------STRUCTURE ------------------------------------------------------ */

#page {
	background-color: #656565;
	margin: 0 auto;
	padding: 0;
	width: 778px;

	}

#header {
	background-color: #656565;
	margin: 0 0 0 1px;
	padding: 0;
	height: 165px;
	width: 778px;
	}

#headerimg {
	margin: 0;
	}


.post {
	margin: 0 0 0 0;
	text-align: left;
	}

.post hr {
	display: block;
	}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#container {
	width: 778px;
	background: url('images/container_background.gif') #656565 repeat-y 0px 0px;
	 font-size: 11px;
	color: inherit;
}

#box_column_blk {
	padding: 0px 20px;
	color: inherit;
	background-color: #000000;
	overflow: hidden;
}


#box_column_ltgry {
	padding: 0px 20px;
	color: inherit;
	background-color:  #656565;
	overflow: hidden;
}

#box_column_gry {
	padding: 0px 20px;
	color: inherit;
	background-color:  #343231;
	overflow: hidden;
}

#box_blk {
	color: inherit;
	background-color: #000000;
	overflow: hidden;
}

#box_gry {
	color: inherit;
	background-color:  #656565;
	overflow: hidden;
}

#box_dkgry{
	color: inherit;
	background-color: #343231;
	overflow: hidden;
}

.fixed0 {
	
	 height: 10px;
}


.fixed1 {
	height: 170px;
}


.fixed2{
	
	height: 251px;
}

.fixed2_1 {
	height: 226px;
}

.fixed3 {
	
	height: 300px;
}

.fixed4 {
	
	height: 330px;
}

.fixed5 {
	
	height: 140px;
}

.fixed6 {
	
	height: 200px;
}
	
#smallbox_left {
	width: 200px;
	background-color: #656565;
	float: left;	
	overflow: hidden;
}



/* Columns */


#left_column {
	width: 362px;
	float: left;
}


#left_column2 {
	width: 414px;
	float: left;
}


#right_column {
	padding-bottom: 0px;
	width: 414px;
	background-color: #343231;
	color: inherit;
	float: right;
	clear: right;
}

#right_column2 {
	padding-bottom: 0px;
	width:362px;
	background-color:#0C070D;
	color: inherit;
	float: right;
	clear: right;
}


#left_column3 {
	width: 200px;
	float: left;
}

#left_column4 {
	width: 576px;
	float: left;
}

#right_column3 {
	width: 576px;
	float: right;
}

#right_column4 {
	width: 200px;
	float: right;
}
/* End Columns */

#blurb_plain {
	padding: 10px 16px 2px;
}

#blurb_column {
	padding: 8px 30px 8px;
}

#blurb_plain h3 {
	background-color:inherit;
	background-position:50% 50%;
	background-repeat:no-repeat;
	color:#C7C7C7;
	padding:0px;
	margin-top: 2px;
margin-bottom: 0px;
}

#blurb_column h2 {
	margin-bottom: 5px;
	height: 37px;
}

#blurb_column h3 {
	background-color:inherit;
	background-position:50% 50%;
	background-repeat:no-repeat;
	color:#C7C7C7;
	padding:0px 20px;
	margin-top: 2px;
margin-bottom: 2px;
}



#blurb_column li {
		font-size: 11px;
		line-height: 14px;
	   margin-left: -20px;
	   margin-bottom: 2px;
}

#blurb_column li a {
		color:#CC6600;
}

/* -------End STRUCTURE ------------------------------------------------------ */



/* ------ NEW STRUCTURE _________ */

#thecontainer {
	width: 778px;
	 font-size: 11px;
	color: inherit;
}

.leftshifted {

	float: left;
}

.rightshifted {

		float: right;
		clear: right;
}


.width_a1 {

	width: 362px;
}


.width_a2 {

	width: 414px;

}


.width_b1 {

	width: 200px;
}


.width_b2 {

    width: 576px;

}

.width_c1 {

	width: 130px;
}


.width_c2 {

    width: 646px;

}



.height_01 {
 height: 10px;
}


.height_02 {
	height: 140px;
}


.height_03 {

height: 170px;
}

.height_04 {

height: 200px;
}

.height_05 {

height: 226px;
}

.height_06 {
	height: 251px;
}


.height_07 {
	
	height: 300px;
}

.height_08 {
	
	height: 330px;
}

.black  {
color: inherit;
	background-color: #000000;
	overflow: hidden;

}

.graydark {

	color: inherit;
	background-color: #343231;
	overflow: hidden;
}


.graymid {
	color: inherit;
	background-color:  #454443;
	overflow: hidden;
}


.graylight {
	color: inherit;
	background-color:  #656565;
	overflow: hidden;
}

.yellowmid {
	color: inherit;
	background-color:  #F8AC00;
	overflow: hidden;

}
.blurb_plain {
	padding: 10px 16px 8px;
}

.blurb_column {
	padding: 12px 30px 8px;
}˙

.blurb_column2 {
	padding: 12px 30px 8px 45px;
}



.blurb_plain h3 {
	background-color:inherit;
	background-position:50% 50%;
	background-repeat:no-repeat;
	color:#C7C7C7;
	padding:0px;
	margin-top: 2px;
margin-bottom: 0px;
}

.blurb_column h2 {
	margin-bottom: 5px;
	height: 37px;
}

.blurb_column h3 {
	background-color:inherit;
	background-position:50% 50%;
	background-repeat:no-repeat;
	color:#C7C7C7;
	margin-top: 2px;
margin-bottom: 2px;
}

.subheading {
font-size: 12px;
font-weight: 600;
	background-color:inherit;
	background-position:50% 50%;
	background-repeat:no-repeat;
	color:#C7C7C7;
	margin-top: 2px;
	margin-bottom: 0px;
}

.blurb_column2 h3 {
	background-color:inherit;
	background-position:50% 50%;
	background-repeat:no-repeat;
	color:#C7C7C7;
	margin-top: 2px;
margin-bottom: 2px;
padding: 0px 20px
}

.blurb_column li, .blurb_column2 li  {
		font-size: 11px;
		line-height: 14px;
	   margin-left: -20px;
	   margin-bottom: 2px;
}

.blurbcolumn2 li {
		font-size: 11px;
		line-height: 14px;
	   margin-left: -20px;
	   margin-bottom: 2px;
}

.blurb_column li a {
		color:#CC6600;
}


.sponsorlist {

		font-size: 13px;
}

.sponsorlist li {
	   list-style-type: circle;
	   margin-left: 0px;
}

.sponsorlist ul {

list-style-type: disc;
	
	list-style-position: inside;

	  margin-left: -10px;
	 margin-top: 10px;
}


/* ------ End NEW STRUCTURE --------------------------*/

/* ------ NEW IMAGES ---------------------------------*/

.image_full {
	width: 362px;
	height: 226px;
	background: #09070a no-repeat 0px 100%;
	color: inherit;
	overflow: hidden;
}

.image_inset {
padding: 4px 30px 2px 30px;

}

#blockpic01 {
      background:  url('http://www.thenowdevice.com/wp/images/pic_model.jpg') #656565 no-repeat 0 0;
      }

#blockpic02 {
      background:  url('http://www.thenowdevice.com/wp/images/pic_peopsyellow2.jpg') #656565 no-repeat 0 0;
      }

#blockpic03 {
      background:  url('http://www.thenowdevice.com/wp/images/pic_yellowconvLFT.jpg') #656565 no-repeat 0 0;
      }
      
#blockpic04 {
      background:  url('http://www.thenowdevice.com/wp/images/pic_model.jpg') #656565 no-repeat 0 0;
      }
      
      
.thumbnail {
	   padding: 1px 0px 1px;
}

.thumbnail img {
	border: #999999 1px solid;
}

.thumbnail a img {
	border: #FFFFFF 1px solid;
	//margin: 5px;
}


.gallery img {
margin: 10px


}
/* ------ End NEW IMAGES ---------------------------------*/


/* ------ NEW MEDIA PLAYER ---------------------------------*/
.mediaplayer {
padding: 10px 30px;

}


/* ------ End NEW MEDIA PLAYER ---------------------------------*/


/* -------PROJECT LIST------------------------------------------------------ */


.project_list {
	width: 544px;
	padding: 8px 15px;
	float: left;
}

.project_list i {
	font-size: 12px;
	font-style: italic;
	color: #c7c7c7;
}

.project_list a {
	font-size: 12px;
	line-height: 11px;
	color: #ccccdd;
}


.project_list h3{
		font-size: 12px;
	line-height: 11px;
	margin: 0 0 -5px 0;
}

.project_list h2{
		margin: 10px 0;
}
/* -------End PROJECT LIST------------------------------------------------------ */




/* -------PROJECTS - formerly 'posts'------------------------------------------------------ */

.post-meta li {
	   list-style-type: none;
	   margin-left: 0px;
}

.post-meta ul {
	  margin-left: 0px;
	 margin-top: -50px;
}

.post-meta {
	   font-variant: small-caps; 
	   color: #cb9f46; 
	   font-weight: bold; 
	   font-size: 12px; 
	   margin-left: -40px;
	   }
.post-meta-key {
	   color: #999999; 
	   font-style: italic;
	   font-size: 12px; 
	   }

/* -------End PROJECTS--------------------------------------------------------------- */








/* -------MENUS ---------------------------------------------------------------------- */
#menu { 
	clear: both;
	font-family: Verdana;
	overflow: auto;
}
#menu ul {
	list-style-type: none;
		 }

#menu ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#menu ul li a { 
	color: #c2bebe;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	padding: 0px 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#menu ul li a:hover {
	background-color: inherit;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.mainmenu {
	background: #2a2a2a url('images/menubg.gif');
}

.mainmenu ul li a {
	background: url('images/menudiv.gif') no-repeat;
}
.mainmenu ul {
	margin: 0px;
	 padding: 0px;
}
.submenu_a {
		background: #343231 url('images/menubg_sub1.gif');
		}
.submenu_a ul {
	margin: 0px 0px 0px 20px;
	 padding: 0px;
}

/* -------End MENUS --------------------------------------------------------------- */

/* -------Page FOOTER --------------------------------------------------------------- */

#page_footer_wide {
	width: 766px;
	padding: 4px 6px;
	background: url('images/menubg.gif') #343231 repeat-x 0px 0px;
	color: inherit;
	clear: both;
	font-size: 10px;
	line-height: 12px;
}
/* -------End Page FOOTER --------------------------------------------------------------- */






/* -------TYPOGRAPY & COLORS --------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	color: #c2bebe;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: left;
	 margin: 0 0 0 0;
	padding: 0;
	}


#page {
	background-color: #FFFFFF;
	border: 1px solid #959596;
	text-align: left;
	}

#header1 {
	background: #FFFFFF url('images/banner01.jpg') no-repeat top center;
	}

#header2 {
	background: #343231 url('images/banner02.jpg') no-repeat top center;
	}

#header3 {
	background: #343231 url('images/banner03.jpg') no-repeat top center;
	}

.title {
	background-color: #727272;
	color: #cb9f46;
	}

.musictitle {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: 600;
}


.musiccomment {
   	font-family: Verdana, Sans-Serif;
	font-style: regular;
	font-size: 11px;
} 


.border {
     border: 1px solid #666666;
     }

.list {
	padding-bottom: 10px;
	}

#headerimg	{

	height: 165px;
	width: 780px;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	line-height: 11px;
	}

.byline {

	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: italic;
	font-weight: 300;
	line-height: 13px;
		margin-left: 15px;
		margin-bottom: 10px;
	}


.quote p {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-style: regular;
	font-size: 11px;
}



#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}


#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}


.entry p a:visited {
	color: #cc6600;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}


small, .project_list a:visited {
	color: #9595A0;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a, h3 a {
	color: #E6E6E6;

	text-decoration: none;
	//font-style: italic;
}

a:hover, h2 a:hover, h3 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
a:visited {
  color: #cc6600;
}

h1 {
	padding-top: 70px;
	margin: 0;
	}



h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


#container h2 {
	 font-size: 13px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: inherit;
	color: #c7c7c7;
}

#container p {
	 padding-top: 2px;
}

/* -------End TYPOGRAPY & COLORS --------------------------------------------------------------- */




/* -------IMAGES --------------------------------------------------------------- */

#page_image {
	width: 414px;
	height: 300px;
	background: url('images/left_image.jpg') #09070a no-repeat 0px 100%;
	color: inherit;
	overflow: hidden;
}

#image_inset {
	padding: 4px 30px 2px 30px;
}

#image_left_full {
	width: 362px;
	height: 226px;
	background: #09070a no-repeat 0px 100%;
	color: inherit;
	overflow: hidden;
}



#page_title {
	width: 361px;
	height: 96px;
	background: url('images/tnd_logo.jpg') #343231 no-repeat 50% 50%;
	overflow: hidden;
}

a img {
	border: none;
	}
	
/* -------End IMAGES --------------------------------------------------------------- */






/* -------MISC --------------------------------------------------------------- */

hr {
	display: none;
	}


/* -------End MISC --------------------------------------------------------------- */



/* ------- Junk ??? --------------------------------------------------------- */

#right_list1 {
	 padding-bottom: 10px;
	width: 576px;
	background-color: #656565;
	color: inherit;
	float: right;
	clear: right;
}

#right_list2 {
	 padding-bottom: 10px;
	width: 576px;
	background-color: #343231;
	color: inherit;
	float: right;
	clear: right;
}


#right_list_ender {
	width: 576px;
	background-color: #343231;	
	color: inherit;
	float: right;	
	overflow: hidden;
}

#post_left_gray {
	width: 130px;
		height: 60px;
		border: 1px solid #666666;
		background-color: #666666;	
	color: inherit;
	float: left;	
	overflow: hidden;
}

#post_right {
		width: 646px;
		border: 1px solid #666666;
	background-color: #343231;
	float: right;
	clear: right;
}

#post_title_left {
	width: 200px;
	background-color: #656565;
	float: left;	
	overflow: hidden;
}


#post_title_right {
	width: 576px;
	background-color: #727272;
	color: #cb9f46;
	float: right;
	overflow: hidden;
}

#largebox_right{
	width: 576px;
	float: right;
	clear: right;
}

#am_popup{
width: 600px;
}



.list1	{
	padding-bottom: 10px;
	color: inherit;
	background-color: #656565;
}
	
.list2 {
	padding-bottom: 10px;
	color: inherit;
	background-color: #343231;
}
/* ------- End Junk ??? -------------------------------------------------- */