/*  
Theme Name: TotGear.co.uk
Theme URL: http://www.TotGear.co.uk
Description: TotGear.co.uk theme
*/



* { margin:0; padding:0;}

body { background:url(images/background.jpg); font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}

.clear, .c {clear:both;}
a { text-decoration:none; color:#666666;}
a img { border:none;}

#wrap {width:960px; margin:0 auto 3em auto; background:#FFFFFF;}

#header { height:132px; background:url(images/main-bg.gif) repeat-x top; padding:20px 15px 0 15px; }
#header h1 { background:url(images/logo.jpg); width:282px; height:89px; float:left;}
#header h1 a {display:block; height:100%; width:100%;}
#header h1 a span {display:none;}
#header h2 {display:none;}

.ad-top { float:right; width:468px; height:60px; margin-top:20px;}


#menu { background:url(images/menu-bg.jpg); height:48px;}
#menu ul { list-style-type:none; float:left;}
#menu ul li { float:left; padding:0 25px; margin-top:15px; border-right:1px solid #FFFFFF; font-size:14px;}
#menu ul li:last-child {border:none;}
#menu ul li a {color:#FFFFFF;}



.twitter {float:right; background:url(images/twitter.jpg); width:171px; height:48px;}
.twitter a {display:block; height:100%; width:100%;}
.twitter a span {display:none;}


#contentwrap { padding:5px 0;}
#content { width:670px; float:left;}
#sidebar { width:280px; float:right;}

h3 { margin-bottom:5px; color:#FFFFFF; font-size:16px;}

/*FEATURED*/
#featured { background:url(images/header-bg-pink.jpg) repeat-x top #fff3f8; border-bottom:1px solid #f4c6d9; padding:0 0 15px 0; margin-bottom:2em;  }
#featured h3 { background:url(images/header-featured.jpg) no-repeat top left; height:39px; padding:6px 0 0 20px; }
#featured .post {float:left; padding:0 5px 0 4px; }

h2.pagetitle { margin:10px; font-size:18px;}

/*POSTS*/
.articles .post { margin-bottom:2em; padding:20px; background:url(images/post-bg.jpg) repeat-x #FFFFFF; border-bottom:1px solid #e6e6e6;}
.post .left {float:left; width:150px;}
.post .right {float:right; width:470px;}
.post .meta {clear:both;}
.post .image {width:150px; height:150px; background:#2869b3;}
.post h4 { font-size:18px; color:#444444; margin-bottom:10px; }
.post .text { border-left:3px solid #dcdcdc; padding:0 0 0 10px; font-size:14px; font-style:italic; margin-bottom:2em;}
.post .text p, .page-text p { text-align:justify; margin-bottom:1em;}
.post .social {padding:10px 0 0 2px;}
.post .social img {float:left; }
.post .buy { background:url(images/icon-cart.png) no-repeat #f2a4c5; background-position:7px 5px; padding:5px 10px 5px 35px; float:left; font-size:16px; font-weight:bold; text-transform:uppercase;}
.post .buy a {color:#FFFFFF; display:block; width:100%; height:100%;}
.post .rating { background:#2869b3; float:left; margin-left:3px; padding:4px 7px;}
.post .meta { padding:10px 0 0 0; font-size:14px; font-weight:bold;}
.pink {color:#d7739d;}
.blue {color:#2869b3;}

.post ul, .post ol { margin:5px 0 1em 20px;}
.post li { margin:2px 0;}


.page-text { line-height:18px; }

/*SIDEBAR*/
#sidebar .widget { padding:0 0 15px 0; margin-bottom:7px;  }
#sidebar .widget h3 {height:41px; padding:7px 0 0 45px; }

#sidebar .widget.search {background:url(images/header-bg-pink-darker.jpg) repeat-x top #fce8f0; border-bottom:1px solid #f4c6d9; }
#sidebar .widget.search h3 { background:url(images/header-search.jpg) no-repeat top left;  }
#sidebar .widget.search input { background:url(images/search-input.jpg); width:217px; height:18px; padding:8px 15px; border:none; margin:0 auto; display:block; font-size:14px; color:#b5b5b5;  }


#sidebar .widget.ads {background:url(images/header-bg-gray.jpg) repeat-x top #f8f8f8; border-bottom:1px solid #ededed; }
#sidebar .widget.ads h3 { background:url(images/header-ads.jpg) no-repeat top left;  }
#sidebar .widget.ads .ad-125-container{ margin:0 auto; width:270px;}
#sidebar .widget.ads .ad-125 { float:left; padding:5px;}

#sidebar .widget.latest {background:url(images/header-bg-blue.jpg) repeat-x top #e8f7fc; border-bottom:1px solid #c1e7f3; }
#sidebar .widget.latest h3 { background:url(images/header-latest.jpg) no-repeat top left;  }
#sidebar .widget.categories {background:url(images/header-bg-orange.jpg) repeat-x top #fff4ea; border-bottom:1px solid #f9ded4; }
#sidebar .widget.categories h3 { background:url(images/header-categories.jpg) no-repeat top left;  }
#sidebar .widget.archives {background:url(images/header-bg-green.jpg) repeat-x top #eefede; border-bottom:1px solid #v; }
#sidebar .widget.archives h3 { background:url(images/header-archives.jpg) no-repeat top left;  }

.widget ul { list-style-type:none; padding:0 0 0 25px;}
.widget ul li { padding:0px 0 0px 8px; margin:15px 0; border-left:#333333 3px solid;}
.widget ul li:last-child { margin-bottom:10px;}
.widget ul li a {color:#333333;}

#footer { background:url(images/footer-bg.jpg) #ffffff repeat-x; padding:20px;}

#footer .widget.latest {float:left; width:230px; background:url(images/footer-divider.jpg) no-repeat right;}
#footer .widget.links {float:left; width:310px; margin-left:20px; background:url(images/footer-divider.jpg) no-repeat right;}

#footer .widget.newsletter {float:left; width:330px;  margin-left:20px; }
#footer .widget.newsletter p { text-align:center; color:#b3b3b3; font-weight:bold;}
#footer .widget.newsletter img {display:block; margin:0 auto;}

#newsletter { background:#444444 url(images/icon-subscribe.jpg) no-repeat; background-position:3px 3px; padding:3px 3px 3px 48px; margin-bottom:2.5em;}
#newsletter .input{height:20px; margin-top:4px; display:block;  border:none; background:#444444; color:#a5a5a5; font-size:14px; font-weight:bold; float:left;  }
#newsletter .submit { float:right; background:#2da311; padding:5px; color:#FFFFFF; border:none; font-size:14px; font-weight:bold;}




#footer .widget h3 {color:#444444; font-weight:bold;}
#footer .widget ul li a {color:#666666; font-weight:bold;}
#footer .widget ul li { border-color:#444444;}
#footer .widget ul.left {float:left; width:120px;}
#footer .widget ul.right {float:left; width:120px;}
.widget_wrap { border-bottom:1px solid #e4e4e4; float:left; padding:0 0 10px 0;}

/*--------------- Comments ---------------*/
#content .comments {float: right;margin-bottom: 0 !important;padding-bottom: 6px;}
#content .comments a {	display: block;	color: #ffffff;	font-family: Verdana;	font-size: 0.9em;	text-decoration: none;	padding: 2px 6px;	background-color: #212121;}

#comments {	padding: 10px 10px;}
#comments a {text-decoration: none;	}

#comments p {margin-bottom: 10px;line-height: 1.6em;	}
#comments form p {margin-bottom: 5px;}
#comments form input {	margin-right: 5px;}
#comments form input, textarea {border: 1px solid #cccccc;font-size: 0.9em;font-family: Verdana; padding:4px;background-position: 4px 4px;background-repeat: no-repeat;		}
#comments form input {width: 240px;border: 1px solid #cccccc;}
#comments form textarea {width: 350px;padding: 4px 4px !important;border: 1px solid #cccccc;}
#comments form button {background:#ebebeb; border:none;  color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;padding:7px;}
.commentdetails {margin-top: 25px;	}
.commentauthor {margin-bottom: 5px !important;font-weight: bold;}
.commentdate {font-size: 0.8em;margin-bottom: 5px;color: #909090;}
.required {color: #ff0000; }

.notfound {padding: 40px;}
.notfound h2 {font-size: 18px;font-weight: normal;margin-bottom: 10px;}

/*--------- 2.7 Wp Comments --------*/
#comments ol {list-style-type: none;clear: both;padding: 0;margin: 0;}
#comments .buffer {padding: 10px;}
#comments h2 {font-size: 14px;}
#comments ol li {margin-bottom: 10px;}
#comments ol li ul li {border: 1px solid #e0e0e0;padding: 10px;}
#comments ol li .avatar {float: right;}
#comments ol li .comment-author {}
#comments ol li .comment-author .fn {font-weight: bold;font-size: 1.2em;}
#comments ol li .comment-meta {font-size: 0.9em;color: #999999;margin: 5px 0 10px;}
#comments ol li .reply {font-size: 0.9em;font-weight: bold;padding-bottom: 10px;}
#comments .children {list-style-type: none;}
#comments .navigation {padding: 0 10px 20px;font-size: 0.9em;}
#comments .navigation a {color: #999999;padding: 3px 8px;border: 1px solid #cccccc;}
#comments .navigation a:hover {color: #000000;border-color: #000000;text-decoration: none;}
#comments .says {display: none;}