/*** THORN TECHNOLOGIES STYLES ***/


/* @group basics */
html, body { height: 100%; margin: 0; padding: 0; color: #e0e0e0; }
/* create full height content box, place footer at bottom of browser */
#container { margin: 0 auto; min-height: 100%; margin-bottom: -300px; position: relative; }
.clearfooter { height: 300px; clear: both; }
#footer	     { margin: 0 auto; height: 300px; position: relative; }
/* end full height */
#header		 { height: 125px; }
#mid-home	 { height: 400px; }
/* @end */

/* @group main-styles */
body	{ background: #3b3b3b; }
#container-home { background: #3b3b3b url(../images/home-bg.png) repeat-x 0 0; }
#container-blog { background: #3b3b3b url(../images/blog-bg.png) repeat-x 0 0; }
#container-page { background: #3b3b3b url(../images/page-bg.png) repeat-x 0 0; }
#footer { background: #171717 url(../images/footer-bg.png) repeat-x 0 0; padding: 50px 0 30px 0; }
#clear-div { margin: 25px 0; }

a, p a { text-decoration: none; color: #0099cc; }
a:hover, p a:hover { color: #e0e0e0; }
p { margin: 10px 0; padding: 0; }
blockquote, p blockquote { padding: 0 25px; margin: 0 0 0 10px; border-left: 5px solid #a8a8a8; font-style: italic; }
/* @end */

/* @group image styles */
div.blog-entry img { background: #a8a8a8; border: 1px solid #e5e5e5; padding: 5px; }
.alignleft, img.alignleft { float: left; margin: 0 20px 10px 0; }
.alignright, img.alignright { float: right; margin: 0 0 10px 20px; }
.aligncenter, img.aligncenter { margin: 0 auto; margin-bottom: 10px; }
img.thumb { float: left; padding: 5px; background: #000; border: 1px solid #282828; margin: 0 10px 10px 0; }
/* @end */


/* @group header */
#logo { padding: 20px 0 0 0; }
#logo h1 { padding-left: 10px; }
#logo h1 a { display: block; width: 314px; height: 92px; text-indent: -9999px;
	background: url(../images/logo.png) no-repeat 0 0; }
#navigation { padding: 67px 0 0 0; height: 25px; }
	
	/* @group menu */
	ul#menu { padding: 0; margin: 0 0 0 51px; list-style: none; }
	ul#menu li { display: inline; padding: 0; margin: 0; }
	ul#menu li a { text-indent: -9999px; float: left; height: 24px; display: block; }
	
	/*** buttons - normal state ***/
	li.home a { background: url(../images/buttons/home-norm.png) no-repeat 0 0; width: 94px; }
	li.services a { background: url(../images/buttons/services-norm.png) no-repeat 0 0; width: 129px; }
	li.blog a { background: url(../images/buttons/blog-norm.png) no-repeat 0 0; width: 85px; }
	li.about a { background: url(../images/buttons/about-norm.png) no-repeat 0 0; width: 101px; }
	li.contact a { background: url(../images/buttons/contact-norm.png) no-repeat 0 0; width: 120px; }
	
	/*** buttons - hover/active state ***/
	li.home a:hover, li.home a.active { background: url(../images/buttons/home-over.png) no-repeat 0 0; }
	li.services a:hover, li.services a.active { background: url(../images/buttons/services-over.png) no-repeat 0 0; }
	li.blog a:hover, li.blog a.active { background: url(../images/buttons/blog-over.png) no-repeat 0 0; }
	li.about a:hover, li.about a.active { background: url(../images/buttons/about-over.png) no-repeat 0 0; }
	li.contact a:hover, li.contact a.active { background: url(../images/buttons/contact-over.png) no-repeat 0 0; }
	/* @end */
/* @end */

/* @group mid-home */
#mid-home { padding: 20px 0 0 0; }
	/* @group tagline */
	#tagline-box { padding: 50px 0 0 0; }
	#tagline  { height: 259px; padding: 25px 25px 0 25px; }
	#tagline h2 { font-size: 3.25em; font-family: 'Arial Narrow'; letter-spacing: -0.025em; color: #0099cc;
		background: url(../images/dark-div.png) repeat-x 0 100%; padding: 0 0 15px 0; margin: 0 0 5px 0; }
	#tagline p { font-size: 1.6em; line-height: 1.6em; font-weight: lighter; }
	/* @end */
h2 a.service-button { float: left; display: block; width: 169px; height: 45px; text-indent: -9999px;
	background: transparent url(../images/services-button.png) no-repeat 0 0; position: relative; left: -5px; }
a.service-button:hover { background: transparent url(../images/services-button-over.png) no-repeat 0 0; }
h2 a.contact-button { float: right; display: block; width: 169px; height: 45px; text-indent: -9999px;
	background: transparent url(../images/contact-button.png) no-repeat 0 0; position: relative; right: -5px; }
a.contact-button:hover { background: transparent url(../images/contact-button-over.png) no-repeat 0 0; }

	/* @group slider */
	#slider { background: transparent url(../images/slider-bg.png) no-repeat 0 0; height: 360px;
		position: relative; top: 38px; }
	#slider-container { margin: 17px auto; margin-bottom: 0; background: #333; width: 525px; height: 300px;
		border: 1px solid #a3a3a3; }
	#slider-container span { position: absolute; font: 13px/17px 'Helvetica Neue', Arial, Helvetica, sans-serif;
		padding: 12px 13px 10px 13px; width: 499px; background-color: #000; filter: alpha(opacity=90);
		-moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff;}
	#slider-container span p {  }
    #slider-container span h2 { color: #ffffff; margin: 0; padding: 0; }
	.bottom { bottom: 0; left: 0; }
	.bottom small {  }
	
	#pager { margin-top: 10px; float: right; display: inline; margin-right: 23px; }
	#pager a { color: #efefef; padding: 2px 4px; text-decoration: none; font-size: 11px; background: #656565;
		margin: 0 5px 0 0; }
	#pager a:hover, #pager a.activeSlide  { background: #0066cc; color: white; }
	/* @end */

/* @group content-area */
#content-home { background: url(../images/container-home-bg.png) repeat-y 0 0; margin: 50px 0; overflow: auto; }
#content-blog { background: url(../images/container-blog-bg.png) repeat-y 0 0; overflow: auto; margin: 0 0 50px 0;}
	
	/* @group left-column */
	#left-column  {  }
	h3.we_do { display: block; width: 244px; height: 33px; text-indent: -9999px; position: relative; left: -5px;
		margin: 0 0 10px 0;background: url(../images/wwd-graphic.png) no-repeat 0 0; }
	.about_text p { font-size: 1.4em; line-height: 1.6em; font-weight: lighter; }
	/* @end */
	
	/* @group blog-styles */
	#blog-head h2 { display: block; width: 492px; height: 49px; text-indent: -9999px;
		background: url(../images/wwut-big.png) no-repeat 0 0; }
		
	div.blog-entry { background: url(../images/blog-top-bg.png) no-repeat 0 0; padding: 25px; color: #444;
		margin: 5px 0 0 0; min-height: 150px; }
	div.blog-bottom { background: url(../images/blog-bot-bg.png) no-repeat 0 0; height: 36px; margin-bottom: 15px;
		clear: both; }
	div.blog-title {  }
	span.entry-date { float: right; font-weight: normal; color: #ebebeb; text-shadow: 1px 1px #606060; }
	h2.entry-title { background: url(../images/lite-horz-div.png) repeat-x 0 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; }
	h2.entry-title, h2.entry-title a { color: #ebebeb; text-shadow: 1.5px 1.5px #606060; }
	h2.entry-title a:hover { color: #444; text-shadow: 1.5px 1.5px #888; }
	span.comment-counter { float: right; position: relative; bottom: 15px; right: 25px; }
	span.comment-counter a { color: #444; text-shadow: 1px 1px #ebebeb; }
	span.comment-counter a:hover { text-shadow: none; }
	
	div.blog-entry ul { margin: 0 15px; padding: 0; }
	div.blog-entry ul li { padding: 5px 0; }
	
	/* @group comment styles */
	ul.comment-list { list-style: none; margin: 0; padding: 0; }
	ul.comment-list li { margin: 0; padding: 0; }
	.gravatar { background: url(../images/avatar-bg.png) no-repeat 0 0; height: 112px; width: 111px;
		padding: 22px 0 0 24px; float: left; }
	.gravatar img { width: 88px; height: 88px; }
	.comment { padding: 0; overflow: auto; margin-top: 0; }
	.comment-container { float: right; width: 448px; background: url(../images/comment-top.png) no-repeat 0 0;
		padding: 15px 25px 0 25px; color: #444; min-height: 135px; }
	div.comment-bottom { height: 25px; background: url(../images/comment-bottom.png) no-repeat 0 0; clear: both; 
		position: relative; right: 1px;}
	.date { float: right; font-weight: normal; color: #ebebeb; text-shadow: 1px 1px #606060; }
	.comment-content { background: url(../images/comment-top.png) no-repat 0 0; margin: 0; padding: 10px; }
	.author, .author a { color: #ebebeb; text-shadow: 1px 1px #606060; font-size: 1.2em; margin: 6px 0 0 0;
		font-weight: normal; }
	.author:hover, .author a:hover { text-shadow: none; }
	/* @end */
	
	/* @group comment form */
	div#form { }
	#comment-form { background: url(../images/post-separator.png) no-repeat 0 0; padding: 10px 0; }
	#comment-form h3 { display: block; width: 214px; height: 21px; text-indent: -9999px; }
	#comment-form input, #comment-form textarea { background: #0b0b0b; border: 1px solid #1f1f1f; padding: 5px 3px;
		color: #949189; }
	#comment-form textarea { width: 570px; margin: 5px 0 0 2px;  }
	#comment-form input#submit { background: none; border: none; }
	#comment-form input#submit { display: block; width: 187px; height: 34px; text-indent: 0; position: absolute;
		left: 1px; background: url(../images/submit-button.png) no-repeat 0 0; }
	#comment-form input#submit:hover { background-position: 0 -36px; }
	/* @end */
	
	/* @group page-styles */
	.page-title { width: 670px; padding: 0 0 0 10px; margin: 30px 0; }
	.page-title h2 { display: block; width: 680px; height: 60px; background: url(../images/page-titles.png) no-repeat 0 0;
		text-indent: -9999px; }
	h2.services { background-position: -10px -10px; }
	h2.about    { background-position: -10px -70px; }
	h2.contact  { background-position: -10px -130px; }
	img.page-image { float: left; margin: 0 10px 10px 0; }
	/* @end */
	
	/* @end */
	
	/* @group right-column */
	#right-column {  }
	.right-content { padding: 0 10px; }
	h3.up_to { display: block; width: 365px; height: 33px; text-indent: -9999px; position: relative; left: -5px;
		margin: 0 0 10px 0;background: url(../images/wwut-graphic.png) no-repeat 0 0; }
	div.recent-work { background: url(../images/recent-bg.png) no-repeat 0 0; width: 470px;
		padding: 10px 10px 5px 10px; }
	div.recent-bottom { background: url(../images/recent-bot-bg.png) no-repeat 0 0; height: 11px; }
	
		/* @group recent-work */
		div.home-post { background: url(../images/dark-div.png) repeat-x 0 100%; padding: 0 0 7px 0;
			margin: 10px 0 15px 0;	}
		div.home-post h2 { font-size: 1.75em; margin: 0 0 7px 0; padding: 0; }
		div.home-post p  { line-height: 1.7em; margin: 0; }
		div.home-post p.more { padding: 10px 0 0 0; }
		/* @end */
		
		/* @group search */
		#search {  margin: 15px 0 50px 0; }
		#search div { margin: 0 0 0 5px; }
		#search #s { border:0; padding: 1px 0 0 10px; width:281px; height: 26px; float:left; color:#999; 
			background: transparent url(../images/search-bg.png) no-repeat 0 0; font-size: 12px; }
		#search-submit { float: left; display: block; width: 64px; height: 27px; text-indent: -9999px;
			background: transparent url(../images/hs-resources.png) no-repeat -830px -44px; border: 0;
			cursor: pointer; }
		/* @end */
		
		/* @group side-widgets */
		div.widget { margin: 0 0 20px 0; }
		div.widget h3 { margin: 0 0 2px 0; }
		h3.cat-header { display: block; width: 139px; height: 25px; text-indent: -9999px;
			background: url(../images/categories-title.png) no-repeat 0 0; }
		h3.tag-header { display: block; width: 139px; height: 25px; text-indent: -9999px;
			background: url(../images/tags-title.png) no-repeat 0 0; }
		.side-menu { margin: 3px 0 10px 0; padding: 5px 0; list-style: none;
			background: url(../images/horz-div.png) repeat-x 0 0; }
		.side-menu li { padding: 2px 10px; margin: 0; }
		.side-menu li a { color: #e9e9e9; text-shadow: 2px 2px #333; }
		.side-menu li a:hover { color: #0099cc; text-shadow: none; }
		/* @end */
	/* @end */
/* @end */

/* @group footer */
#footer-contents { color: #494949; height: 100%; }
#footer-left { background: none; height: 100%; }
#footer-middle { text-align: right; background: url(../images/footer-div.png) no-repeat 100% 0; }
#footer-right { padding: 3px 0; text-shadow: 1.5px 1.5px black; }

	/* @group footer-middle */
	ul.footer-links { list-style: none; font-size: 14px; padding: 0 15px 0 0; }
	ul.footer-links li { padding: 3px 0; }
	ul.footer-links li a { color: #494949; text-shadow: 1.5px 1.5px black; }
	ul.footer-links li a:hover { color: #777; text-shadow: none; }
	/* @end */
	
	/* @group footer-right */
	#footer-right h4 { font-size: 1.2em; margin: 0 0 10px 0; }
	#footer-right a  { color: #494949; }
	#footer-right a:hover { color: #777; }
	
	div.gmb-logo { position: relative; top: 140px; }
	div.gmb-logo h2 a { display: block; width: 273px; height: 35px; text-indent: -9999px;
		background: url(http://files.grandmasterb.com/images/gmb-link-logo.png) no-repeat; }
	/* @end */
/* @end */