/*
Theme Name: TomForest.com
Description: Designed by <a href="http://www.bxdesigns.com">BX Designs</a>. Based in K2 structure. All rights reserved.
Version: 1.1
Author: BX Designs
Author URI: http://www.bxdesigns.com
*/

/*----------------------------------------
		Page Structure 
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none;
}

html {
	background-color: #fff;
	background-image: url('images/tf_background.png');
	background-repeat: no-repeat;
	height:100%;
}

body { height:100%; }
#container { min-height: 100%; position: relative; }
#splash { margin: 65px 0 50px 290px; width: 650px; height: 380px; }
	
#top_border {
	background: url('images/wborder_top.png');
	width:650px;
	height:35px;
	margin: 650px auto 0;
	}

#page {
	background: url('images/wborder_middle.png');
	text-align: left;
	margin: 0px auto;
	/* The entire template's width is set in this class. */
	width: 650px;
	_width: 650px;
	}
	
#bottom_border {
	background: url('images/wborder_bottom.png');
	width:650px;
	height:35px;
	margin: 650px auto 0;
	}
	
#footer {
	background: url('images/footer.png');
	font-size: .8em;
	color: #a2becd;
	width: 100%;
	height: 75px;
	text-align: center;
	}

#footerwrap { padding: 25px 0 0 0; }
#login { float: left; margin: 14px 0 0 20px; }
#login a { opacity: .2; filter: Alpha(Opacity=20); }
#login a:hover { opacity: .5; filter: Alpha(Opacity=50); }
#bx { float: right; margin-right: 20px; color:#999; }
#bx a { color: #eee; opacity: .6; }
#bx a:hover { opacity: 1; text-decoration: none; }

/*----------------------------------------
		Search Forms
----------------------------------------*/

form#topSearch {
	background: url('images/bg-search.png') no-repeat;
	width: 178px; height: 32px;
	position: absolute;
	top: 25px; right: 30px;
}

form#topSearch p.fields input {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 130px;
	background: none;
	overflow: hidden;
	border: none;
	position: absolute;
	top: 8px; left: 8px;
}

form#topSearch p.fields button {
	background: url('images/ico-search.png') no-repeat;
	width: 21px; height: 21px;
	border: none;
	position: absolute;
	top: 5px; right: 10px;
}

/*----------------------------------------
		Main Menu in Header 
----------------------------------------*/

#titlelink { margin: 18px 0 0 39px; }
	
#titlelink a {
	display: block;
	width: 310px;
	height: 76px;
	background: url('images/tf_link.png') no-repeat 0 1px;
	text-indent: 150%;
	overflow: hidden;
	opacity: .0;
	filter: Alpha(Opacity=0); //IE
}
#titlelink a:hover, h1 a:focus { opacity: .4; filter: Alpha(Opacity=40); //IE }
#titlelink a:active { opacity: .8; filter: Alpha(Opacity=80); //IE background-position: 0 2px; }

#masthead { margin: -52px 0 40px 380px; height: 40px; }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #e7e7e7;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 9px 15px;
	text-transform: uppercase;
}

#nav a:hover {
	color: #a2becd;
	background: url('images/bg-nav.png');
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#nav li { float: left; }

.admintab {
	position: absolute;
	right: 0px;
	_padding: 5px 15px 6px; /* IE hack */
	}

img { vertical-align: bottom; }
a { color: #39c; cursor: pointer; }
a:focus, a:hover { text-decoration: underline; }
a:active { color: #069; }

/*----------------------------------------
		Content
----------------------------------------*/

#contentbg {  
	background: url('images/contentbg.png') no-repeat;
	width:650px;
	margin: 60px 0 0 240px;
	}
	
.primary {
	width: 550px;
	_width: 550px; /* IE Hack */
	padding: 10px 15px 10px;
	margin: 0 10px 0 290px;
	_margin: 0 20px 0 15px; /* IE Hack */
	}

.primarybg {
	width: 550px;
	_width: 550px; /* IE Hack */
	padding: 10px 15px 10px;
	margin: 20px 10px 0 30px;
	_margin: 0 20px 0 15px; /* IE Hack */
	}

.primary img, .primarybg img { margin-left: -5px;  padding:2px;	border: 2px solid #999; max-width: 100%; }
.primary a img, .primarybg a img  { margin-left: -5px; padding:2px; border: 2px solid #999; max-width: 100%; }
.primary a:hover img, .primarybg a:hover img { margin-left: -5px;  padding:2px;	border: 2px solid #585858; max-width: 100%; }

.secondary {
	font: 10px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif;
	padding: 0px 5px 10px;
	color: #666;
	width:100%;
	position: relative;
	/* The following are IE Fixes */
	_padding: 30px 5px 10px;
	_margin-left: 0%;
	_margin-right: -4%;
	_width: 26.5%;
	}
	
.sb-section { margin:20px 0 0 35px; }
.vertical { vertical-align:top; }
.comments { text-align: left; padding: 30px 0 0; position: relative; }
.linebreak {overflow:hidden; height:1px; background-color:#aaa; width:92%;}
#titlenews { margin: 40px 0 0 293px; width: 256px; height: 56px; background: url('images/news.png') no-repeat; }

/*----------------------------------------
		Sidebar Subpages Menu 
----------------------------------------*/

#sidebar { width:170px; padding:4px; }
.sb-pagemenu ul { margin-left: 10px; }
.sb-pagemenu ul ul { margin-top: 2px; }
.sb-pagemenu ul ul .page_item { margin-left: 10px; padding: 0; }
.graybox {background-color: #ddd;}

/*----------------------------------------
		Headings 
----------------------------------------*/

h1, h2, h3, h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 75px;
	margin: 0 0 0 40px;
	width: 100%;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1:hover { text-decoration: underline; }

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: left;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 15px;
	padding: 0;
	display: inline;
	}

.primary h3, .primary h4, .permalink .primary .aside h3, 
.primarybg h3, .primarybg h4, .permalink .primarybg .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}

.primary .aside h3, .primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 10px 0 0;
	padding: 0;
	}

.secondary div div div {
    margin: 0;
    }
	
.primary .metalink a, .primary .metalink a:visited,
.primarybg .metalink a, .primarybg .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink
.primarybg .item .itemhead .metalink, .comments .primarybg .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink, .primarybg .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink .primary .aside .itemtext, .permalink .primarybg .aside .itemtext {
	font-size: 1.4em;
	color: #999;
	}

.comments .primary .metalink, .comments .primarybg .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 14px;
	width: 12px;
	border: none;
	margin-left:30px;
	}

.primary .aside, .primarybg .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a {
	color: #777;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/*----------------------------------------
		Primary Contents 
----------------------------------------*/

p { margin: 20px 0 10px 0; }
.primary .item, .primarybg .item { margin: 0; padding: 5px 0 15px; position: relative; }

.primary .item .itemtext, .primarybg .item .itemtext {
	font: 16px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	font-weight: lighter;	
	color: #444;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote
.primarybg .item .itemtext p,
.primarybg .item .itemtext ul,
.primarybg .item .itemtext ol,
.primarybg .item .itemtext div,
.primarybg .item .itemtext blockquote { margin: 13px 0; }

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote
.primarybg .aside .itemtext p,
.primarybg .aside .itemtext ul,
.primarybg .aside .itemtext ol,
.primarybg .aside .itemtext div,
.primarybg .aside .itemtext blockquote { margin: 5px 0; }

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote
.permalink .primarybg .aside .itemtext p,
.permalink .primarybg .aside .itemtext ul,
.permalink .primarybg .aside .itemtext ol,
.permalink .primarybg .aside .itemtext div,
.permalink .primarybg .aside .itemtext blockquote { margin: 13px 0; }

.metalinks { margin-top: 3px; }

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.comments .commentlist {
	margin: 0;
	padding: 20px 0;
	position: relative;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

.commentmetadata a{ color:#666; }
.comments .commentlist li img { padding: 0; border: none; }
.comments .commentlist li img.gravatar { float: right; margin: -5px 0 0; }

.comments .commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
.commentauthor { color:#444; }
.commentauthor a { text-decoration:underline; color:#444; }
	
.comments .commentlist li .counter {
	display: none;
	font: normal 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment { background: #f6f7f8; }
.comments .pinglist { font-size: 1.2em; padding: 0; margin: 0; }
.comments .pinglist li { margin-left: 40px; padding: 7px 0; list-style: none; }
.comments .pinglist li .commentauthor { font-weight: bold; display: block; }
.comments .pinglist li small { font: .8em Arial, Sans-Serif; display: block; }
.comments .pinglist li .counter { display: none; }
.comments .pinglist li span.favatar img { margin-left: -25px; border: none; padding: 0; float: left; }
.comments .pinglist li img { padding: 0; border: none; }
	
.comments #leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading { 
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form { clear: both; padding: 1px 0 30px; margin: 0; }
input[type=text], textarea { font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 3px;	color: #777; }
input[type=text]:focus, textarea:focus { background: #fff; color: #333; border-color: #666; }
.comments form input[type=text] { width: 45%; margin: 5px 5px 1px 0; }
.comments form textarea { height: 250px;  padding: 2px;	width: 100%; _width: 98.5%; /* IE hack */ }
.comments form #submit { margin: 0; float: right; }

/*----------------------------------------
		Links 
----------------------------------------*/

.primary a:hover, .primary a:visited:hover,
.primarybg a:hover, .primarybg a:visited:hover,
.secondary a:hover, .secondary a:visited:hover { text-decoration: underline; }
h2 a:hover, h2 span a:hover { color: #a70000 !important; }
a { color: #a70000; text-decoration: none; }
.itemtext a:visited { color: #a70000; }

/*----------------------------------------
		Various Tags and Classes 
----------------------------------------*/

.clear { clear: both; margin: 0; padding: 0; }
.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left }
img.center, img[align="right"] { display: block; margin-left: auto; margin-right: auto; }
img.alignright, img[align="right"] { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft, img[align="left"] { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.noborder { border: none !important; }
.favorite img { padding: 0; border: none; }
small { font-size: .9em; line-height: 1.5em; }
small, strike { color: #666; }
code { font: 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; }
acronym { font-size: 0.9em; letter-spacing: .07em; border-bottom: 1px dashed #999; cursor: help; }
abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; }
blockquote { margin: 20px 0; padding: 0 20px 0 50px; background: url('images/quote.png') 5% no-repeat; border: none; }
hr { display: none; }
.navigation { text-align: center; margin: 10px 0 10px; padding: 0; width: 100%; }
.navigation .left { float: left; width: 50%; text-align: left; }
.navigation .right { float: right; width: 50%; text-align: right; }
.navigation p { margin: 0; padding: 0; }
.navigation a { color: #999; }

.alert { 
	background: #FFD5EA;
	border-top: 2px solid #ee0088;
	border-bottom: 2px solid #ee0088;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley { border: none !important; padding: 0 0 0 5px !important; }

/*----------------------------------------
		Begin Lists 
----------------------------------------*/

.itemtext ol, .itemtext ul { padding: 0 0 0 35px; margin: 0; }
.itemtext ol li, .itemtext ul li { margin: 0 0 3px; padding: 0; }
.secondary ul, .secondary ol { margin: 5px 0 0; padding-left: 0; }
.secondary ul { _margin-left: 0px; /* IE Fix */ }
.secondary ol { margin-left: 15px; }
.secondary ul li, .secondary ol li { margin: 0; padding: 1px 0; }
.secondary ul li { list-style-type: none; list-style-image: none; }
ol li { list-style: decimal outside; }
.sb-links ul li { margin-top: 20px; }
.sb-links ul ul li { margin-top: 0; }

/*----------------------------------------
		Search Form and Livesearch 
----------------------------------------*/

.sb-search { margin-top: 0px; width:92%; text-align:center; }
input[type=text], textarea { color: #444; padding: 2px 0 2px 2px; margin: 0; }
input#livesearch { width: 97.1%; }
input#s { width: 75%; }
.livesearchform input[type=submit] { margin: 0; }

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #eee url('images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small { margin: 0; padding: 0; }

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;	}

#LSResult:hover #LSHighlight { background: none; border: none; padding: 5px 2px; }
#LSHighlight small, #LSHighlight small span a { color: #999; }
.LSRow { padding: 5px 10px; }

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}

/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

.secondary div.sb-comments ul li { margin-bottom: 6px; }
.activityentry { font-size: 1em; }
div.sb-comments small { display: block; margin: 0; font-weight: normal; line-height: 1em; }
.sb-flickr { width:658px; }
.sb-flickr img { margin:0 2px 0 2px; padding: 4px; border: 2px solid #999; }
.sb-flickr a img { padding: 4px; border: 2px solid #999; }
.sb-flickr a:hover img { padding: 4px; border: 2px solid #585858; }
#poststuff fieldset { border: none; }
#poststuff #title, #poststuff #excerpt, #poststuff #tags { width: 470px; }
#poststuff #title { font-size: 2em; }
.localtags, .technoratitags { display: none; }

/*----------------------------------------
		Contact Form
----------------------------------------*/

.contactform { width: 100%; position: relative; }

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror { border: 1px solid #ff0000; }

.wpcf7 input[type="text"], .wpcf7 textarea
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de; 
    width: 500px;
    background-color: #fff;
}

.wpcf7 input[type="submit"]
{
color: #000;
background: #85b1de;
border: 3px outset #999;
margin-top: 5px;
padding: 5px;

}