/*  
Theme Name: The Hartman Group
Theme URI: http://example.com/example/
Description: A search engine optimized website framework for WordPress.
Author: You
Author URI: http://example.com/
Version: 1.0
Tags: Comma-separated tags that describe your theme
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/




/* PAGE DEFAULTS */
html{ background-color: #eeeeee; }

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #eeeeee;
}
TABLE, TD, P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #666666;
}
em{ font-style: italic; }

p {
	margin: 10px 0px 10px 0px;
}
blockquote {
	margin: 10px;
	border: 1px solid #999999;
	padding: 5px 10px 5px 10px;
}
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { display: block; margin: 1.12em 0 }

ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
FORM{ display: inline; }
A{

}
A:link{
	text-decoration: none;
	color: #de6d27;
}
A:visited{
	text-decoration: none;
	color: #de6d27;
}
A:hover{
	text-decoration: underline;
	color: #de6d27;
}
A:active{
	text-decoration: none;
	color: #de6d27;
}
#page-wrap{

}

.clear-both {
	clear: both;
}

strong{
	font-weight:bold;
}

#content-wrap{
	position: relative;
	width: 952px;
	margin:0 auto;
	text-align:center;
	/*margin-left:110px;*/
}


/* HOME HEADER */

#hd{ 
	position: relative;
	overflow:hidden;
	height:253px;
	clear:both;
	margin-top: 28px;
}

#hd a{
	background:url(../../../../images/thg_logo.jpg) no-repeat left top;
	display:block;
	width:293px;
	height:253px;
}

#hd a span{ display:none; }

#hd h1{
	margin: 0 auto;
	width: 952px;
	height:253px;
}

/* NAVIGATION */

#nav-wrap{ 
	position: relative;
	display:block;
	height:auto;
	margin:0 auto;
	float:left; 
	margin-top: 30px;
	margin-bottom: 48px;
}
#nav-wrap ul{
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav-wrap ul li{
	float: left;
	list-style: none;
	padding-left: 4px;
	padding-right: 3px;
}
#nav-wrap ul li#nav-aboutus{ padding-left: 0px; }
#nav-wrap ul li#nav-contactus{ padding-right: 0px; }

#nav-wrap ul li a{
	background: url(../../../../images/thg_nav_rollover.jpg) no-repeat 0 -33px;
	width: 151px;
	height: 33px;
	display: block;
	font-size: 12px;
}
#nav-wrap ul li a span{
	display: block;
	padding-top: 8px;
}
#nav-wrap ul li a:link, #nav-wrap ul li a:active, #nav-wrap ul li a:visited, #nav-wrap ul li a:hover{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#nav-wrap ul li a:hover { background: url(../../../../images/thg_nav_rollover.jpg) no-repeat 0 0px; }
body#about a.nav-aboutus { background: url(../../../../images/thg_nav_rollover.jpg) no-repeat 0px 0px; }
body#staff a.nav-ourstaff { background: url(../../../../images/thg_nav_rollover.jpg) no-repeat 0px 0px; }
body#blog a.nav-ourblog { background: url(../../../../images/thg_nav_rollover.jpg) no-repeat 0px 0px; }
body#contact a.nav-contact { background: url(../../../../images/thg_nav_rollover.jpg) no-repeat 0px 0px; }

/* PAGE CONTENT */

#page-content{
	position: relative;
	clear: left;
	width: 950px;
	float: left;
	text-align: left;
}

#home #page-content ul{
	clear: left;
	margin: 0px 0px 0px 70px;
	}

#home #page-content ul li{
	float: left;
	padding: 6px;
	background: #ff6600;
	margin: 0px 4px 10px 4px;
}

/* ABOUT */
#about #bd{
	border-bottom: 1px solid #cccccc;
}
#about #page-content h1{
	clear: left;
	font-weight: bold;
	font-size: 28px;
	color: #de6d28;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
#about #page-content #left h2{
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
#about #page-content #right h2{
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	padding-bottom: 10px;
	border-bottom: 2px solid #d1d2d4;
}
 h2.production{
	margin-top:16px;
}
#about #page-content #left{
	width: 700px;
	float: left;
	line-height: 17px; 
	color: #333333;
	padding-bottom: 30px;
}
#about #page-content #left p{ 
	line-height: 17px; 
	color: #333333; 
}
#about #page-content #right{
width: 200px;
	float: right;
}

#about #page-content #right ul{
	font-size: 13px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin-left: 2em;
}
#about #page-content #right ul li{
	background: url(../../../../images/thg_list_square_grey.jpg) no-repeat 0 .4em;
	padding-left: 1.5em;
	margin: 15px 0px 15px 0px;
	text-transform: uppercase;
}

.headshot{	
	clear: all;
	float: left;
	background: #ff6600;
	padding: 6px;
}
#about #page-content .staffbox{ 
	float: left;
	padding: 0px 0px 40px 0px;
}
#about #page-content .staffbox p{ margin: 0px 0px 10px 10px; line-height: 16px;}
#about #page-content .name{
	float: left;
	width: 660px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#about #page-content .description{
	width: 640px;
	font-size: 12px;
	color: #333333;
	float: left;
}

/* END ABOUT */

/* BLOG */
#blog #bd{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}
#blog #page-content h1{
	clear: left;
	font-weight: bold;
	font-size: 28px;
	color: #de6d28;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
#blog .post{
	float: left;
	width: 700px;
}
#blog .post .title{
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	padding: 0px 0px 10px 0px;
}
#blog .post .date{
	font-size: 12px;
	font-weight: bold;
	color: #808285;
	padding: 0px 0px 10px 2px;
}
#blog .post .description p{
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	padding: 0px 0px 20px 0px;
}
#blog .post .tags{
	float: left;
	padding: 0px 0px 0px 2px;
}
#blog .post .tags ul{ 
	float: left;
	color: #808285;
	list-style-type: none;
	padding: 0;
}
#blog .post .tags ul li{
	float: left;
}
#blog .post .tags ul li#cat{
	background: url(../../../../images/thg_list_cat.jpg) no-repeat 0 .2em;
	padding-left: 1em;
}
#blog .post .tags ul li#com{
	background: url(../../../../images/thg_list_com.jpg) no-repeat 0 .25em;
	padding-left: 1em;
}
#blog .post .tags ul li#share{
	background: url(../../../../images/thg_list_share.jpg) no-repeat 0 .2em;
	padding-left: 1em;
}
#blog .post .tags ul li span{
	padding: 0px 10px;
}
#blog .post .tags ul li#thingstodo span{
	padding-left: 15px;
	padding-right: 10px;
}
#blog .post .tags a:link, #blog .post .tags a:active, #blog .post .tags a:visited{
	color: ##808285;
	text-decoration: underline;
}
span.category-spacer {
	margin: 0px 5px 0px 5px;
}
#blog .post .tags a:hover{
	color: ##808285;
	text-decoration: none;
}
#blog .seperator{
	border-top: 1px solid #cccccc;
	width: 650px;
	display: block;
}
#blog #page-content .spacer{
	clear: left;
	float: left;
	margin: 30px 0px 30px 0px;
	border-top: 1px solid #cccccc;
	font-size: 1px;
	display: block;
	width: 600px;
}

#blog #page-content #right{
	position: relative;
	border: 1px solid #d1d1d1;
	background: #f6f5f5;
	width: 200px;
	float: right;
	padding: 12px 0px 12px 13px;
}
#blog #right ul {
	margin: 0px;
	padding: 0px;
}
#blog #right ul li {
	list-style: none;
}
#blog #page-content #right h2{
	font-weight: bold;
	font-size: 14px;
	color: #de6d28;
	border-bottom: 1px solid #d1d3d4;
	width: 180px;
	padding-bottom: 4px;
}
#blog #page-content #right #show-logos{
	float: left;
}
#blog #page-content #right #show-logos ul{
	float: left;
	padding-bottom: 5px;
}
#blog #page-content #right #show-logos ul li{
	float: left;
	padding: 3px;
	background: #ff6600;
	display: block;
	margin: 0px 7px;
}
#blog #page-content #right #show-logos ul li img{
	display: block;
	width: 43px;
	height: 58px;
}
#blog #page-content #right #search{
	float: left;
	margin-top: 10px;
}
#blog #page-content #right #search ul{
	padding-top: 8px;
	float: left;
}
#blog #page-content #right #search ul li{
	float: left;
}
input#s{
	height: 17px;
	border: 1px solid #d1d1d1;
	width: 145px;
	margin-top: 10px;
}
input#searchsubmit{
	background: url(../../../../images/thg_blog_submit_btn.jpg) no-repeat;
	width: 18px;
	height: 17px;
	border: 0px;
	margin-left: 5px;
	text-indent: -10000px;
}
#blog #page-content #right #categories{
	clear:  left;
	float: left;
	margin-top: 10px;
}
#blog #right #categories ul{
	color: 808285;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#blog #right #categories ul li {
	width: 130px;
}
#blog #right #categories ul.parent{
	color: 808285;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#blog #right #categories ul.parent li{
	float: left;
}
#blog #right #categories ul.parent li ul.child{
	float: left;
	padding-left: 10px;
}
#blog #right #categories ul.parent li ul.child li{
	float: left;
	width: 150px;
}
#blog #right #categories ul.parent li ul.child li ul.grandchild{
	float: left;
	padding-left: 10px;
}

#blog #page-content #right #archive{
	clear:  left;
	float: left;
	margin-top: 10px;
} 
#blog #right h2.archive-header, #blog #right h2.meta-header {
	float: left;
	margin-top: 5px;
}

#blog #page-content #right #archive ul.archives{
	color: 808285;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#blog #page-content #right #archive ul.archives li{
	width: 100px;
}
#blog #page-content #right ul.archives{
	color: 808285;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#blog #page-content #right ul.archives li{
	width: 100px;
}
#blog #page-content #right ul.meta{
	color: 808285;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#blog #page-content #right ul.meta li{
	width: 100px;
}


/* END BLOG */

/* STAFF */
#staff #bd{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}
#staff #page-content h1{
	clear: left;
	font-weight: bold;
	font-size: 28px;
	color: #de6d28;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
/* END STAFF */

/* CONTACT */
#contact #bd{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}
#contact #page-content h1{
	clear: left;
	font-weight: bold;
	font-size: 28px;
	color: #de6d28;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
#contact-left{
	float:left;
 	width:300px;
	line-height:18px;
	margin:0 0 0 150px;
}
#contact-right{
	float:left;
 	width:400px;
	line-height:26px;
	margin:0 0 0 0;
}
/* END CONTACT */

/* SHOW */
#show #bd{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}
#show #page-content h1{
	clear: left;
	font-weight: bold;
	font-size: 28px;
	color: #de6d28;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	margin-left: 5px;
}

#show #left {
	width: 180px;
	float: left;
}

#show #right {
	width: 642px;
	float: left;
}

#show span.image-border {
	margin: 0px 0px 20px 11px;
	padding: 4px;
	background: #ff6600;
	float: left;


}

#show img {
	display: block;

}

#show #left ul{
	font-size: 12px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin-left: 12px;
	
}
#show #left ul li{
	background: url(../../../../images/thg_list_square_grey.jpg) no-repeat 0 .4em;
	padding-left: 13px;
	margin: 0px 0px 15px 0px;
}

#show sup {
	color: #de6d28;
	margin-left: 2px;
}

#show h2 {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	margin-bottom: 10px;
}

#show p {
	font-size: 12px;
	color: #333333;
	line-height: 15px;
}

#show p.copy {
	line-height: 22px;
	margin: 25px 0px 10px 0px;
}
#about p.copy {
	line-height: 22px;
	margin: 25px 0px 10px 0px;
}

#show a.purchase:link, #show a.purchase:active, #show a.purchase:visited {
	background: #de6d27;
	width: 130px;
	display: block;
	text-align: center;
	padding: 6px 0px 6px 0px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

#show a.purchase:hover {
	background: #333333;
	text-decoration: none;
}

/* SHOW */
/* THUMBS */

a.thumb-steadyrain { 
	background:url(../../../../images/thg_thumb_steadyrain.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
}
a.thumb-steadyrain span { display: none; }

a.thumb-americanidiot { 
	background:url(../../../../images/thg_thumb_americanidiot.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
}
a.thumb-americanidiot span { display: none; }
a.thumb-americanidiot:hover { background:url(../../../../images/thg_thumb_americanidiot.jpg) no-repeat 0px 0px transparent; }

a.thumb-billyelliot { 
	background:url(../../../../images/thg_thumb_billyelliot.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-billyelliot span { display: none; }
a.thumb-billyelliot:hover { background:url(../../../../images/thg_thumb_billyelliot.jpg) no-repeat 0px 0px transparent; }

a.thumb-comeflyaway { 
	background:url(../../../../images/thg_thumb_comeflyaway.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-comeflyaway span { display: none; }
a.thumb-comeflyaway:hover { background:url(../../../../images/thg_thumb_comeflyaway.jpg) no-repeat 0px 0px transparent; }

a.thumb-dreamgirls { 
	background:url(../../../../images/thg_thumb_dreamgirls.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-dreamgirls span { display: none; }
a.thumb-dreamgirls:hover { background:url(../../../../images/thg_thumb_dreamgirls.jpg) no-repeat 0px 0px transparent; }

a.thumb-theheights { 
	background:url(../../../../images/thg_thumb_theheights.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-theheights span { display: none; }
a.thumb-theheights:hover { background:url(../../../../images/thg_thumb_theheights.jpg) no-repeat 0px 0px transparent; }

a.thumb-memphis { 
	background:url(../../../../images/thg_thumb_memphis.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-memphis span { display: none; }
a.thumb-memphis:hover { background:url(../../../../images/thg_thumb_memphis.jpg) no-repeat 0px 0px transparent; }

a.thumb-nexttonormal { 
	background:url(../../../../images/thg_thumb_nexttonormal.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-nexttonormal span { display: none; }
a.thumb-nexttonormal:hover { background:url(../../../../images/thg_thumb_nexttonormal.jpg) no-repeat 0px 0px transparent; }

a.thumb-promises { 
	background:url(../../../../images/thg_thumb_promises.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-promises span { display: none; }
a.thumb-promises:hover { background:url(../../../../images/thg_thumb_promises.jpg) no-repeat 0px 0px transparent; }

a.thumb-rockofages { 
	background:url(../../../../images/thg_thumb_rockofages.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-rockofages span { display: none; }
a.thumb-rockofages:hover { background:url(../../../../images/thg_thumb_rockofages.jpg) no-repeat 0px 0px transparent; }

a.thumb-2st { 
	background:url(../../../../images/thg_thumb_2st.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-2st span { display: none; }
a.thumb-2st:hover { background:url(../../../../images/thg_thumb_2st.jpg) no-repeat 0px 0px transparent; }

a.thumb-westsidestory { 
	background:url(../../../../images/thg_thumb_westsidestory.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-westsidestory span { display: none; }
a.thumb-westsidestory:hover { background:url(../../../../images/thg_thumb_westsidestory.jpg) no-repeat 0px 0px transparent; }

a.thumb-wicked { 
	background:url(../../../../images/thg_thumb_wicked.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-wicked span { display: none; }
a.thumb-wicked:hover { background:url(../../../../images/thg_thumb_wicked.jpg) no-repeat 0px 0px transparent; }

a.thumb-wintuk { 
	background:url(../../../../images/thg_thumb_wintuk.jpg) no-repeat 0px 0px #ff6600;
	display:block;
	width:115px;
	height:152px;
	
}
a.thumb-wintuk span { display: none; }
a.thumb-wintuk:hover { background:url(../../../../images/thg_thumb_wintuk.jpg) no-repeat 0px 0px transparent; }

/* END THUMBS */

/* PHOTOS */

 ul.photos{
	width:680px;
	float: left;
	list-style-type: none;
}
ul.photos li{
	height:104px;
	width:135px;
	float: left;
	margin:0px 0px 0px 0px;
}
/* END PHOTOS */

/* FOOTER */
#ft{
	position: relative;
	clear: left;
	width: 950px;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 26px;
}
#about #ft{ margin-top: 15px; }
#ft #ft-nav{
	float: left;
	width: 330px;
	font-size: 11px;
	margin-top: 5px;
}
#ft #ft-nav ul {
	margin: 0px;
	padding: 0px;
}
#ft #ft-nav ul li{
	margin: 0px;
	float: left;
	list-style-type: none;
	margin-right: 10px;
}
#ft #ft-nav ul li a{
	margin-left: 10px;
}

#ft #ft-copy{
	float: left;
	width: 275px;
	font-size: 10px;
	color: #999999;
	margin-top: 5px;
}
#ft #ft-links{
	float: right;
	width: auto;
}
#ft #ft-links ul {
	margin: 0px;
}
#ft #ft-links ul li{
	margin: 0px;
	float: left;
	list-style-type: none;
	margin-right: 10px;
}

a.link-youtube { 
	background:url(../../../../images/thg_link_youtube.jpg) no-repeat 0 0;
	display:block;
	width:62px;
	height:26px;
}
a.link-youtube span { display: none; }

a.link-facebook { 
	background:url(../../../../images/thg_link_facebook.jpg) no-repeat 0 0;
	display:block;
	width:68px;
	height:26px;
}
a.link-facebook span { display: none; }

a.link-twitter { 
	background:url(../../../../images/thg_link_twitter.jpg) no-repeat 0 0;
	display:block;
	width:90px;
	height:26px;
}
a.link-twitter span { display: none; }

.orangeblock{
	display: block;
	float: left;
	font-size: 0;
	background-color: #ff6600;
	border: 1px solid #ff6600; 
	height: 4px; 
	width: 4px;
	margin-top: 4px;
}
a.orange:link, a.orange:active, a.orange:visited{
	color: #de6d27;
	text-decoration: none;
	font-weight: bold;
}

a.orange:hover{
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}

.entry-utility {
	font-size: 11px;
	margin: 10px 0px 10px 0px;
}
.nav-previous {
	float: left;
	margin: 0px 0px 10px 0px;
}

.nav-next {
	float: right;
	margin: 0px 20px 10px 0px;
}

li.search-form div {

}
li.search-form div label.screen-reader-text {
	font-weight: bold;
	font-size: 14px;
	color: #de6d28;
	border-bottom: 1px solid #d1d3d4;
	padding-bottom: 4px;
	width:180px;
	float: left;
}

.entry-utility a:link, .nav-next a:link, .nav-previous a:link, .entry-utility a:active, .nav-next a:active, .nav-previous a:active, .entry-utility a:visited, .nav-next a:visited, .nav-previous a:visited {
	text-decoration: underline;
}
.entry-utility a:hover, .nav-next a:hover, .nav-previous a:hover {
	text-decoration: none;
}
div#form-allowed-tags {
	width: 600px;
	font-size: 12px;
}