/*
Theme Name: Tristar Web Design
Theme URI: http://www.tristarwebdesign.co.uk/
Author: Tristar Web Design
Author URI: http://www.tristarwebdesign.co.uk/
*/

/* Misc Styles */

/*** All Resets ***/

* { margin: 0; padding: 0; outline: none; border: 0; list-style-type: none; }

/*** Body Styles ***/

body
{
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	background: #111 url('images/bg-outercontainer.png') repeat-x;
}

/*** Misc Styles ***/

.clear { clear: both; }
img { border: 0; }
a { color: #9A0; text-decoration: none; font-weight: bold; }
a:hover { color: #FFF; }
#mainleft .sexy-bookmarks { margin: 0 0 15px 0; }

/* Clear Bug Fix */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Captions */

.wp-caption { border: none; text-align: right; background: #181818; padding-top: 4px; margin: 0 0 10px 10px; }
.wp-caption img { margin: 0 0 5px 0; padding: 0; border: none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 15px; padding: 0 10px; margin: 0; }

/* Images */

img.alignleft,img.alignright,img.aligncenter { border: 1px dotted #444; padding: 5px; }
img.alignleft { margin: 0 10px 10px 0; }
img.alignright { margin: 0 0 10px 10px; }
a img.alignleft, a img.alignright, a img.aligncenter { border: 1px dotted #9A0; padding: 5px; }
a:hover img.alignright, a:hover img.alignleft { border: 1px solid #FFF; }

/* Floats */

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin: 0 auto; }

/* Search Results Background */

.hls { color: #FFF; background: #444; padding: 2px 5px; font-weight: normal; }

/* Back to Top Button Styles */

#maincont .backtotop { margin: 0 0 35px 0; text-align: left; border: 0; font-size: 12px; }
#maincont .backtotop a, .wpcf7 input.sendbutton { background: #9A0; margin: 0 0 15px 0; padding: 6px 10px !important; color: #FFF; font-weight: bold; -moz-border-radius: 4px; border: 0; cursor: pointer; }
#maincont .backtotop a:hover, .wpcf7 input.sendbutton:hover { background: #FFF; color: #9A0; border: 0; cursor: pointer; }

/* General Button Styles */

#maincont a.generalbutton, #maincont input.addtocart, #maincont input.update-button, #maincont .generalbutton input { background: #9A0; margin: 0 0 15px 0; padding: 6px 8px !important; text-transform: capitalize; font-size: 12px; color: #FFF; font-weight: bold; -moz-border-radius: 4px; border: 0; cursor: pointer; }
#maincont a:hover.generalbutton, #maincont input.addtocart:hover, #maincont input.update-button:hover, #maincont .generalbutton input:hover { background: #333; color: #FFF; border: 0; cursor: pointer; }

#maincont input.update-button { margin: 0; }

/* Search Form */

form#searchform { margin: 0 0 15px 0; }
form#searchform label { display: none; }
input#s { border: none; width: 180px; padding: 8px; margin: 0 5px 0 0; text-transform: none; color: #CCC; background: #222; border-top: 2px solid #333; }
input#searchsubmit { border: none; padding: 0; margin: 0; text-transform: uppercase; color: #9A0; background: none; font-weight: bold; cursor: pointer; }

/* Sliding Blog Posts */

#mainfull #templatecont { margin: 0; }
#mainfull .slidecont { padding: 10px; background: #141414; width: 250px; height: 200px; float: left; margin: 0 15px 15px 0; overflow: hidden; }
#mainfull .slidediv { position: relative; float: left; overflow: hidden; height: 200px; width: 250px; }
#mainfull .slidediv img { left: 0; position: absolute; top: 0px; z-index: 99; cursor: pointer; }
#mainfull .boxcont { padding: 15px; height: 170px; width: 220px; font-size: 11px; line-height: 12px; background: #222; cursor: pointer; }
#mainfull .boxcont p { margin: 0 0 10px 0; }
#mainfull .boxcont h3 { margin: 0 0 10px 0; font-weight: bold; font-size: 20px; }
#mainfull .boxcont p strong { text-transform: capitalize; }
#mainfull .boxcont a { font-weight: bold; text-transform: uppercase; }

#mainfull .boxcont ul { list-style-type: none; margin: 0 0 15px 0; }
#mainfull .boxcont ul li { list-style-type: none; display: block; }
#mainfull .boxcont ul li a { float: left; line-height: 35px; padding: 0 0 0 45px; margin: 0 0 10px 0; }
#mainfull .boxcont ul li a.tempview { background: url('http://localhost:8888/new-tristar/wp-content/themes/tristarwebdesign/images/template-icon-view.jpg') no-repeat top left; }
#mainfull .boxcont ul li a.tempdown { background: url('http://localhost:8888/new-tristar/wp-content/themes/tristarwebdesign/images/template-icon-download.jpg') no-repeat top left; }

/* Recent Post / Comment Styles */

.recentposts, .yourcart, .latesttweet { width: 390px; margin: 0 0 15px 0; background: transparent url('images/bg-recentposts.png') repeat; padding: 15px; border-top: 3px solid #9A0; }
.yourcart { padding: 15px 15px 5px 15px; }
.recentposts .recpostimg { float: left; width: 90px; }
.recentposts .recpostimg a img { padding: 3px; border: 2px solid #9A0; }
.recentposts .recpostimg a:hover img { padding: 3px; border: 2px solid #FFF; }
.recentposts .recpostexcerpt { float: left; width: 285px; padding: 0 0 0 15px; }

#maincont #mainright h3 { font-size: 18px; line-height: 18px; margin: 0 0 10px 0; letter-spacing: 0px; }

.recentcomments { width: 355px; margin: 0 0 5px 0; background: transparent url('images/bg-recentposts.png') repeat; padding: 10px 50px 14px 15px; border-top: 1px solid #444; }
.recentcomments span { color: #FFF; text-transform: capitalize; }
.recentcomments a { line-height: 14px; text-transform: none; }

/* Contact Form Styles */

.wpcf7 span.your-name input, .wpcf7 span.your-email input, .wpcf7 span.your-subject input, .wpcf7 span.your-message textarea, .wpcf7 span.wpcf7-form-control-wrap input
{
	width: 260px; border-top: 2px solid #444; padding: 10px; text-transform: none; color: #FFF; background: #222; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px;
}

.wpcf7 span.captcha-613 input
{
	width: auto;
	border: 1px solid #555;
	background: #333;
	margin: 10px 0 0 0;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 6px;
}

.wpcf7 span.your-message textarea
{
	width: 350px;
}

/* Main Styles */

#outercontainer
{
	width: 100%;
	padding: 20px 0 0 0;
	background: url('images/bg.png') no-repeat top center;
}

#headercont
{
	margin: 0 auto;
	margin-bottom: 15px;
	width: 900px;
	height: 100px;
	background: #181818;
}

#headercont #headerlogo
{
	float: left;
	width: 325px;
	height: 100px;
}

#headercont #headerlogo .myButton2 a
{	
	position: relative;
	width: 325px;
	height: 100px;
	cursor: pointer;
	display: block;
	background: url('../images/button.png');
	
}

#headercont #headersearch
{
	float: left;
	width: 575px;
	height: 100px;
	text-align: right;
	line-height: 100px;
}

#menucont
{
	margin: 0 auto;
	width: 900px;
	height: 40px;
}

#menucont a { text-transform: uppercase; }

/*

#menucont ul { list-style-type: none; }
#menucont ul li { display: inline; }
#menucont ul li a { color: #FFF; background: url('images/bg-menu.png') repeat-x 0 0; float: left; line-height: 40px; padding: 0 15px; }
#menucont ul li.current_page_item a, #menucont ul li.current_page_parent a { color: #FFF; background: url('images/bg-menu.png') repeat-x 0 -40px; }
#menucont ul li a:hover { background: url('images/bg-menu.png') repeat-x 0 -80px; color: #FFF; }

*/

#menucont #dropmenu * { margin: 0; padding: 0; }
#menucont #dropmenu ul { list-style-type: none; position: relative; line-height: 40px; z-index: 300; }
#menucont #dropmenu li a, #menucont #dropmenu li.current_page_item ul li a { display: block; color: #FFF; background: url('images/bg-menu.png') repeat-x 0 0; float: left; line-height: 40px; padding: 0 15px; }
#menucont #dropmenu li.current_page_item a { color: #FFF; background: url('images/bg-menu.png') repeat-x 0 -40px; }
#menucont #dropmenu li a:hover, #menucont #dropmenu li.current_page_item a:hover { background: url('images/bg-menu.png') repeat-x 0 -80px; color: #FFF; }
#menucont #dropmenu li { float: left; position: relative; }
#menucont #dropmenu ul { position: absolute; display: none; width: 160px; top: 40px; }
#menucont #dropmenu ul a { color: #FFF; background: url('images/bg-menu.png') repeat-x 0 0; float: left; line-height: 40px; padding: 0 15px; }
#menucont #dropmenu li ul { width: 220px; }
#menucont #dropmenu li ul a { width: 200px; height: auto; float: left; color: #FFF; background: url('images/bg-menu.png') repeat-x 0 0; float: left; line-height: 40px; padding: 0 15px; }
#menucont #dropmenu ul ul { top: auto; }
#menucont #dropmenu li ul ul { left: 220px; }
#menucont #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #menucont #dropmenu li:hover ul ul ul ul { display: none; }
#menucont #dropmenu li:hover ul, #dropmenu li li:hover ul, #menucont #dropmenu li li li:hover ul, #menucont #dropmenu li li li li:hover ul { display: block; }

#menucont ul#twittericon { float: right; }
#menucont ul#twittericon li { display: inline; }
#menucont ul#twittericon li a { float: left; width: 40px; height: 40px; }
#menucont ul#twittericon li a:hover { background: url('images/bg-menu.png') repeat-x 0 -80px; }

#container
{
	margin: 0 auto;
	width: 900px;
}

#maincont
{
	width: 900px;
	margin: 20px 0;
	line-height: 22px;
	background: url('images/bg-maincont.png') repeat-y;
}

#maincont p { margin: 0 0 15px 0; }
#maincont a { color: #9A0; text-decoration: none; font-weight: bold; }
#maincont a:hover { color: #FFF; }

#maincont ul, #maincont ol { margin: 0 0 15px 30px; }
#maincont ul li { list-style-type: circle; }
#maincont ul oi { list-style-type: decimal }

#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5, #maincont h6
{
	font-family: "Droid Sans", serif;
	margin: 0 0 15px 0;
	color: #FFF;
	font-size: 25px;
	line-height: 27px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: bold;
}

#maincont h2, #maincont h3, #maincont h4, #maincont h5 { font-size: 21px; line-height: 23px; text-transform: uppercase; }

#maincont #mainfull
{
	width: 860px;
	
	min-height: 600px;
	height: auto !important;
	height: 600px;
	
	padding: 20px;
	border-top: 3px solid #9A0;
	background: #181818;
}

#maincont #mainleft
{
	float: left;
	width: 420px;
	padding: 20px;
	background: #181818;
	border-top: 3px solid #9A0;
	
	min-height: 600px;
	height: auto !important;
	height: 600px;

}

#mainleft .datedetails
{ width: 390px; height: 40px; line-height: 40px; background: #151515 url('images/bg-blogdetails.png') no-repeat; margin: 0 0 15px 0; padding: 0 15px; }

#mainleft .datedetails a
{ text-transform: none; font-weight: normal; }

#maincont #mainright
{
	float: left;
	padding: 0 20px 20px 20px;
	width: 400px;
	color: #999;
}

#footercont
{
	clear: both;
	width: 900px;
	padding: 20px 0 5px 0;
	font-size: 11px;
	border-top: 2px dotted #9A0;
}

#footercont h3 { font-size: 16px; margin: 0 0 15px 0; text-transform: uppercase; }

#footercont #section1, #footercont #section2, #footercont #section3
{ float: left; width: 300px; margin: 0 0 15px 0; }

#footercont #section1 ul, #footercont #section2 ul, #footercont #section3 ul
{ margin: 0 0 15px 0; }

#footercont #section1 ul li, #footercont #section2 ul li, #footercont #section3 ul li
{ display: block; }

#footercont #section1 ul li a, #footercont #section2 ul li a, #footercont #section3 ul li a
{ float: left; width: 270px; padding: 10px; margin: 0 10px 5px 0; background: #151515; border-top: 2px solid #252525; text-transform: uppercase; }

#footercont #section2 ul li a
{ padding: 6px 10px; }

#footercont #section3 ul li a img
{ float: left; padding: 0 10px 0 0;  }

#footercont #section1 ul li a:hover, #footercont #section2 ul li a:hover, #footercont #section3 ul li a:hover
{ background: #222; border-top: 2px solid #333;  }

#bottomcont
{
	clear: both;
	width: 900px;
	padding: 20px 0;
	font-size: 11px;
	text-align: right;
	border-top: 2px dotted #9A0;
}

#bottomcont a { text-transform: none; font-weight: normal; }


/* Comments */

#comments *
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#comments
{
	clear: both;
	float: left;
	width: 100%;
}

h2.commenth2 { margin: 0 0 15px 0; }

#comments p.notice
{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
}

#comments ol.commentlist
{
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}

#comments ol.commentlist li
{
	clear: both;
	padding: 0px;
	margin: 0 0 15px 0;
}

#comments ol.commentlist li.comment
{
	padding: 20px;
	background: #222;
	border-top: 2px solid #333;
}

#comments ol.commentlist li.comment-author-admin
{
	padding: 20px;
	background: #151515;
	border-top: 2px solid #9A0;
}

#comments ol.commentlist li div.comment-author .avatar
{
	padding: 5px;
	margin: 0 0 10px 10px;
	float: right;
	width: 65px;
	height: 65px;
	border: 3px solid #444;
}

#comments ol.commentlist li div.comment-meta
{
	margin-bottom: 10px;
	font-size: 10px;
	text-transform: uppercase;
}

#comments ol.commentlist li .reply
{
	float: right;
	font-weight: bold;
}



#comments ol.commentlist li .reply a
{
	float: left;
	color: #FFF;
	background: #555;
	margin: 10px 0 0 0;
	padding: 3px 5px;
	text-transform: uppercase;
	font-size: 10px;
}

#comments ol.commentlist li .reply a:hover
{
	color: #FFF;
	background: #9C0;
}

#comments ol.commentlist li ul.children li
{
	clear: both;
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 100%;
}

#comments ol.commentlist li:after, #comments ol.commentlist li div.comment-body:after, #comments ol.commentlist li ul.children li:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



#comments #respond
{
	clear: both;
	margin: 0 0 15px 0;
	padding: 20px 20px 0 20px;
	background: #333;
	border-top: 2px solid #444;
}

#comments #respond .cancel-comment-reply
{
	float: left;
	margin: -10px 0 20px 0;
	text-transform: uppercase;
}

#comments #respond .cancel-comment-reply small a
{
	float: left;
}

#comments #respond .form
{
	clear: both;
	margin: 0;
	padding: 0;
}

#comments #respond .form p
{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
}

#comments #respond .form p label
{
	float: left;
	width: 35%;
	margin-top: 4px;
}

#comments #respond .form p label small
{
	margin-left: 5px;
	font-size: 10px;
}

#comments #respond .form .tf, #comments #respond .form textarea.tf
{
	float: right;
	width: 60%;
	padding: 8px;
	font: normal 12px  Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #444;
	border: 0;
	border-top: 2px solid #777;
}
 
#comments #respond .form #submit, #comments #respond .form #reset
{
	float: right;
	padding: 5px;
	margin: 0 0 0 10px;
	border: none;
	background: #9A0;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}


/* Pagination Styles */

.wp-pagenavi
{
	font-size: 11px;
	background: #222;
	border-top: 2px solid #333;
	padding: 8px;
	margin: 0;
	text-align: left;
}

.wp-pagenavi a
{
	padding: 5px 8px;
	margin: 2px;
	text-decoration: none;
	background: #222;
	border: 1px solid #333;
	color: #9C0;
}

.wp-pagenavi span.pages
{
	padding: 5px 8px;
	margin: 2px 2px 2px 2px;
	border: 0;
}

.wp-pagenavi span.current
{
	padding: 5px 8px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #444;
	background: #333;
	color: #FFF;
}

.wp-pagenavi a:hover
{	
	border: 1px solid #9A0;
	background: #9A0;
	color: #FFF;
}

.wp-pagenavi span.extend
{
	padding: 5px 8px;
	margin: 2px;	
	border: 1px solid #CCC;
}



/* Twitter Tweet */

.recentposts .tweet .tweet_list, .recentposts .query .tweet_list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #141414;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.recentposts .tweet * { margin: 0 !important; list-style-type: none !important; }

.recentposts .tweet .tweet_list li, .recentposts .query .tweet_list li
{
	/*overflow-y: auto;
	overflow-x: hidden;*/
	padding: 8px 8px 10px 8px;
}

.tweet .tweet_list li a, .query .tweet_list li a
{
	color: #9C0;
	font-weight: normal;
}

.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even
{
	background: #141414;
}

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar
{
	float: left;
	
}

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img
{
	vertical-align: middle;
	padding: 0 10px 12px 0;
}