/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





body{
background: #141414 url('http://www.tomspetter.com/images/site/bg.jpg') repeat;
	background-position: top center;
	background-attachment: fixed;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:
	22px;color:#999;
	}
div{position:relative;}
ul{}
ul li{}

a{text-decoration:none;color:#fff;}
a:hover{color:#ff3300;}
a:active {}
a:visited{text-decoration:none;}
img{}
p{padding:5px;padding-left:0;}
p.nopad{padding:0;}
.floatLeft{float:left;}
.clear{clear:both;}
h1{font-size:30px;line-height:32px;padding-bottom:15px;color:#fff;font-family:Trebuchet MS;font-weight:normal;}
h2{font-size:24px;line-height:28px;padding-bottom:0;color:#fff;font-family:Trebuchet MS;font-weight:normal;padding-top:15px;}
h2 span{color:#ff3300;font-size:12px;line-height:22px;}
h3{font-size:18px;line-height:22px;padding-bottom:15px;color:#A8C545;font-family:Trebuchet MS;font-weight:normal;}
h3.white{color:#fff;}
h4{font-size:18px;line-height:22px;padding-bottom:15px;color:#999;font-family:Trebuchet MS;font-weight:normal;font-style:italic;}
h5{font-size:14px;line-height:16px;font-weight:normal;}
h5.bold{font-weight:bold;}
h6{font-size:10px;line-height:12px;}
.white{color:#fff;}
.blue{color:#36C4C6;}
.padTop{padding-top:15px;}

	/* Custom element styling */
	h3.element{display:block;margin:30px 0 0 0;color:#A8C545;font-size:16px;font-style:italic;margin-bottom:0;padding-bottom:5px;}
	/*blockquote*/
	blockquote {margin: 15px 15px 15px 30px;padding-right: 30px;background: url('http://www.tomspetter.com/images/site/closeQuote.jpg') no-repeat bottom right;}
	blockquote p {background: url('http://www.tomspetter.com/images/site/openQuote.jpg') no-repeat top left;padding-left: 30px;font-weight:normal;font-style:italic;}
	
	/*content dividers*/
	.darkDivider{display:block;height:2px;background:url('http://www.tomspetter.com/images/site/divider.jpg') repeat-x;margin:30px 0;}
	.darkDivider.smallMargin{margin:15px 0;}
	.darkDivider.tinyMargin{margin:0 0 15px 0;}
	
	/*input styling*/
	label{padding-bottom:5px;display:block;color:#fff;}
	input{border:none;padding:0;margin:0;}
	.input{padding:10px;background:#000;display:block;color:#999;width:450px;margin-bottom:15px;border:1px solid #222;}
	.submit{padding:10px;background:#000;color:#fff;margin-top:10px;cursor:pointer;border:1px solid #222;}
	.textarea{background:#000;color:#fff;border:none;padding:7px;width:590px;border:1px solid #222;}
	fieldset{border:none;padding:0;margin:0;}
	input.inputError{border: 1px solid #FF3300;}	/*for form validation*/
	label.inputError{float:none;margin:0;padding:0;border:none;}
	
	/*messages*/
	.infoMessage{display:block;min-height:31px;padding-left:45px;padding-top:12px;width:450px;color:#fff;font-size:16px;margin-bottom:5px;border-left:5px solid #2c1c10;background-position:10px 8px;}
	.infoMessage span{font-weight:bold;}
	.infoMessage.error{background:#222 url('http://www.tomspetter.com/images/site/error.jpg') no-repeat;background-position:11px 8px;border-left:5px solid #fff;}	
	.warning{background:#222 url('http://www.tomspetter.com/images/site/warning.jpg') no-repeat;background-position:7px 8px;border-left:5px solid #fff;}	
	.message{background:#222 url('http://www.tomspetter.com/images/site/message.jpg') no-repeat;background-position:7px 8px;border-left:5px solid #fff;}


	/*table styling*/
	thead th {background-color:#36C4C6;border-bottom:1px solid #000;color:#23140B;}
	table th, table td {padding:6px 10px;text-align:left;vertical-align:top;}
	tr.accentRecord{background:#222;}
	tr:hover td {background:#000;border-bottom:1px solid #000;color:#fff;}


/*General styles*/
#page{margin-top:1px;}
#wrapper{
	width:960px; 
	margin:0 auto;
	background:url('http://www.tomspetter.com/images/site/wrapperBG_39.jpg') no-repeat;
	min-height:980px;
	background-position:100px 50px; 
	background-attachment: fixed;
}

/*portfolio image tooltip/fade styling*/
#preview{position:absolute;border:1px solid #000;background:#000;padding:3px;display:none;color:#fff;}

/*Header styles*/
#header{padding-bottom:30px;}
#logo a{display:block;background:url('http://www.tomspetter.com/images/site/logo.jpg') no-repeat;width:186px;height:158px;float:left;}
#logo span{margin-left:-99999px;}
#navigation{width:774px;height:96px;background:url('http://www.tomspetter.com/images/site/menuBG.jpg') repeat-x;float:left;margin-top:30px;}
#menuEndCap{width:5px;height:96px;background:url('http://www.tomspetter.com/images/site/menuEndCap.jpg') no-repeat;position:absolute;right:0;top:0;}
#mainNav{}
#mainNav li{display:block;float:left;}
#mainNav li.first{margin-left:10px;}
#mainNav li a{display:block;height:50px;float:left;padding:25px 35px;font-size:18px;color:#fff;}
#mainNav li.active{background:url('http://www.tomspetter.com/images/site/menuRightDoor.jpg') no-repeat right top;}
#mainNav li a:hover{background:url('http://www.tomspetter.com/images/site/menuRightDoor.jpg') no-repeat right top;}
#mainNav li.active a:hover{background-image:none;}
#mainNav li a span{padding:0;margin:0;color:#ccc;font-size:12px;display:block;}


/*Bread crumb and search styles*/
#bread{width:960px;height:45px;background:url('http://www.tomspetter.com/images/site/breadBG.jpg') repeat;}
#bread span{padding:5px 10px 0 0;}
#trail{padding:10px 10px 0 25px;}
#search{width:325px;position:absolute;right:0;top:0;height:45px;background:url('http://www.tomspetter.com/images/site/searchBG.jpg') repeat;}
#search .searchInput{background:none;padding:12px;border:none;font-size:14px;color:#ccc;width:240px;}
#search #searchIcon{background:url('http://www.tomspetter.com/images/site/searchIcon.jpg') no-repeat; position:absolute; width:31px;height:30px;right:25px;top:6px;}

/*Main Body Content styles*/
#mainContent{margin-top:25px;width:960px;}
#mainContent #leftCol{width:610px;float:left;margin-right:25px;}
#mainContent #rightCol{width:325px;float:left; padding: 0;}
#mainContent #rightCol .content{width:275px;margin:0 auto;padding:25px 0;}
#mainContent #rightCol #accent{background:url('http://www.tomspetter.com/images/site/sideBarAccentBG.jpg') repeat;border:1px solid #383838;}
#mainContent #rightCol .module{background:url('http://www.tomspetter.com/images/site/rightColBG.jpg') repeat;margin-top:25px;border:1px solid #333232;}
#mainContent #rightCol a{color: #A8C545;}
	/*ad styling*/
	#rightCol .ads{}
	#rightCol .ads li{width:125px;height:125px;float:left;margin-bottom:20px;margin-right:25px;}
	#rightCol .ads li.right{margin-right:0;}
	
	/*recent post styling*/
	.recentPosts li{padding:5px 5px 5px 10px;display:block;background:url('http://www.tomspetter.com/images/site/sideBarLIBG.jpg') repeat;margin-bottom:5px;}
	.recentPosts li:hover{background:#333;}
	.recentPosts li.last{margin-bottom:0;}	
	#mainContent #rightCol a.light{color:#999;}
	
	/*cateogry styling*/
	.categories li a{padding:5px 5px 5px 10px;display:block;background:url('http://www.tomspetter.com/images/site/sideBarLIBG.jpg') repeat;margin-bottom:5px;}
	.categories li a:hover{background:#333;}
	.categories li.last{margin-bottom:0;}	

/*portfolio styling*/
#portfolioPage .portfolioItem{margin-bottom:30px;}
#portfolioPage #leftCol a img{width:310px;float:left;margin-right:30px;display:block;}	
#portfolioPage #leftCol span.description{display:block;width:260px;float:left;}
#portfolioPage #leftCol img{padding:3px;background:#000;}
#portfolioPage #leftCol p {padding: 10px 0 0 0;}
#portfolioPage .meta{display:block;margin-bottom:10px;}
#portfolioPage .title{font-size:24px;line-height:28px;padding-bottom:0;color:#fff;font-family:Trebuchet MS;font-weight:normal;padding:0 0 15px 0;display:block;}

/*blog styling*/
#blogPage .blogItem{margin-bottom:30px;position:relative;min-height:220px;}
#blogPage #leftCol .postImage{float:left;margin-right:27px;display:block;width:195px;}
#blogPage #leftCol .blogItem img{width:190px;float:left;display:block;padding:3px;background:#000;}	
#blogPage #leftCol span.description{display:block;width:384px;float:left;}
#blogPage #leftCol p {padding: 10px 0 0 0;}
#blogPage .meta{display:block;margin-bottom:10px;}
#blogPage .title a{font-size:24px;line-height:28px;padding-bottom:0;color:#fff;font-family:Trebuchet MS;font-weight:normal;padding:0 0 15px 0;display:block;text-decoration:underline;}
#blogPage .title a:hover{text-decoration:none;}
#blogPage .text{font-style:italic;display:block;padding-top:10px;}
#blogPage .readmore{display:block;margin-top:10px; float:right;}
#blogPage .totalComments a{}
#blogPage .totalComments span{}
#blogPage .totalComments {position:absolute;top:205px;left:0;width:100px;}

/*blog single styling*/

#blogPage .text.full{font-style:normal;}
#blogPage #leftCol .text.full p{padding:0px 0 10px 0;}
#blogPage #leftCol .text.full p.start:first-letter{font-size:28px;line-height:32px;}
#blogPage .options{padding:3px;background:#000;display:inline;}
#blogPage .options a{color:ff3300; padding:5px;}
#blogPage #leftCol .blogItem .singlePost{margin-right:25px;}

/*blog comment styling*/
#blogPage .comments .author{width:110px;float:left;margin-right:10px;}
#blogPage #leftCol .grav img{border:1px solid #252424;width:80px;height:80px;margin:0;}
#blogPage #leftCol .commentText{width:490px;float:left;}
#blogPage #leftCol .commentText.highlight{color:#ccc;}
#blogPage #leftCol .commentText p{padding-bottom:10px;}
#blogPage #leftCol .meta .user a{padding-top:3px;display:block;}
#blogPage #leftCol .meta .date{display:block;line-height:13px;}


/*pagination styling*/
.pagination{float:right;}
.pagination li{display:inline;margin-right:25px;}
.pagination li.last{margin-right:10px;}
.pagination li a{color:#ff3300;}

/*Footer styles*/
#footer{margin:35px 0 10px 0;width:960px;background:url('http://www.tomspetter.com/images/site/divider.jpg') repeat-x top;padding-top:25px;}
#footer a{color:#ff3300;}

.formborder {
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #fff;
	background-image: url(http://www.tomspetter.com/images/site/form_button.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	height: 30px;
	width: 89px;
	padding: 0 0 1px 0;
	margin: 15px 0 0 0;
}
.formborder:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #fff;
	background-image: url(http://www.tomspetter.com/images/site/form_button_over.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	height: 30px;
	width: 89px;
	padding-bottom: 1px;
}


.galleryImage{
float:left;
margin: 0 7px 7px 0;
display:block;
}

.portfolioItem{
width: 610px;
overflow: hidden;
}
.center{
text-align: center;
}
#blogPage #leftCol .blogItem img.rightphoto {
float: right;
background-color: transparent;
}
#blogPage #leftCol .blogItem img.leftphoto {
float: left;
background-color: transparent;
}
#blogPage #leftCol .blogItem #htmlelement a.jsocial_button img{
background: transparent;
width: 48px;
margin: 0 0px 10px 0px;
}
#htmlelement{
width: 440px;
margin: 0 auto;
}


#links {
}

#links ul {
	list-style-type: none;
	width: 520px;
}

#links li {
	border: 1px solid #000;
	border-width: 1px 0;
	margin: 5px 0;
}

#links li a {
	background:#7c932f url('http://www.tomspetter.com/images/site/cart.png') no-repeat 10px 7px ;
	padding: 5px 5px 5px 95px;
	color: #990000;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 520px;
}

#links li a:hover {
	background:#62771d url('http://www.tomspetter.com/images/site/cart.png') no-repeat 10px 7px ;
}

#links a em {
	color: #fff;
	display: block;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 125%;
}

#links a span {
	color: #000;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
text-align: right;
}

#twitter{
	background-image:url('http://www.tomspetter.com/images/site/twitterbox.gif');
	background-repeat:no-repeat;
	width:290px;
	color:#4c4c4c;
	height:127px;
margin-left:-15px;

   overflow:hidden;

}

#twitter p{
	color:#fff;
	padding:9px 10px 10px 90px;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
line-height: 1.4;
}

/* Social icons */
#social_footer {
	float: right;
	margin-top: 29px;
}
#social { margin: 0; width: 245px; float: right; clear: right; overflow: hidden; position: relative;}
#social li { float: left; margin: 0 0 0; position: relative;}
#social a { height: 60px; width: 60px;display: block;padding: 15px 0 0; text-align: center; background: url('http://www.tomspetter.com/images/social/social-shadow.png') 50% 44px no-repeat; }
#social a:hover,
#social a:focus { background-position: 50% -104px; }
#social a img.social_icon { margin: 0 auto 12px; display: block;}
#social a img.title { margin: -100px auto 0; /*fx2 fix*/padding: 0 0 100px; display: block;}
#social a:hover img.social_icon{ margin: -12px auto 16px;}
#social a:hover img.title { margin-top: 5px; }
#social img.icon {}