/*
Theme Name: The Tubbygaijin
Theme URI: http://naffworld.co.uk/wordpress-themes/
Description: After many years of using a theme by <a href="http://andreasviklund.com/">Andreas Viklund</a> i've decided to start creating my own.
Version: 1.01
Author: James Brown
Author URI: http://www.naffworld.co.uk/blog
*/

hr
{
  border-color: #f2934f;
  border-style: dotted;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}


/* Body */
* {margin:0; padding:0;}
body {background:#000000 url(img/page_bg.jpg) top center fixed no-repeat; color:#eee; font:80% "Trebuchet MS",Verdana,sans-serif; line-height:1.3em; text-align:center; padding-bottom:20px;}

#setdiv{
margin-top:10px;
margin-left:30px;
margin-bottom:20px
width:560px;
}

/* Top */
#top {
padding:0; width:1000px; margin:0px auto 0px auto;height:96px;
background-image:url(img/topbg.png);
background-repeat:no-repeat;
background-position:top left;
}
#topleft {width:260px; float:left; margin:0; text-align:left;}
#topleft p, #topright p {margin:0 0 5px 0; padding:0; color:#ccc;}
#topright {width:560px; padding:0; float:right; text-align:left; margin:0;}

#topleftlogo{
	width:225px;
	height:50px;
}

#topleftlogo h1 a{
	width:225px;
	height:50px;
	display:block;
}

#topleftlogo h1 a span{
	display:none;
}

.toplink{
	float:right;
	width:70px;
	height:70px;
	margin-left:20px;
}

.toplink a{
	width:70px;
	height:70px;
	display:block;
}

.toplink a span{
	display:none;
}


/* Searchbox */
.searchbox {margin:10px 0 10px 0; padding:0;}
.searchbox label {color:#ddd;}
.searchbox input {background:none; padding:8px 0 3px 5px; margin:0; width:190px; color:#666; border:0px solid #888;}


/*holder */
#holder{
	width:100%;
	background-image:url(img/holderbg.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

/* Header */
#header {color:#eee; margin:0 auto 0px auto; padding:0; text-align:left; width:1000px; height:141px;background-image:url(img/header.png);}

#headerfeatures {margin:0 auto 0px auto; padding:0; text-align:left; width:1000px; height:100px;clear:both;}

#header h2, #header h3 {font-size:1.6em; color:#eee;}





#headerleft {clear:both; width:620px; height:141px; float:left; padding:9px 0 0 0px;}
#headerleft h2{
	display:none;
}
#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:left; padding:0; margin:0 0 5px 0; color:#eee;}
#headerleft li {list-style:none; float:left;margin:0 0 2px 0;}

#headerleft li a{
	color:transparent;
}

.cat-item-1 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-1.png);
	background-repeat:no-repeat;
	margin-right:18px;
	padding-bottom:15px;
}

.cat-item-644 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-644.png);
	background-repeat:no-repeat;
	margin-right:18px;
		padding-bottom:15px;
}

.cat-item-4 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-4.png);
	background-repeat:no-repeat;
	margin-right:18px;
		padding-bottom:15px;
}

.cat-item-11 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-11.png);
	background-repeat:no-repeat;
		padding-bottom:15px;
}

.cat-item-8 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-8.png);
margin-right:18px;
}

.cat-item-6 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-6.png);
	margin-right:18px;
}

.cat-item-13 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-13.png);
	margin-right:18px;
}

.cat-item-7 a{
	float:left;
	width:140px;
	display:block;
	height:45px;
	background-image:url(img/item-7.png);
	margin-right:18px;
}

.cat-item-9 a{
	float:left;
	width:140px;
	height:45px;
	background-image:url(img/item-9.png);
}



#headerright {width:170px; float:right; height:120px; margin:5px 140px 0 0;text-align:left; padding:9px 10px 0 0;}
#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:left; padding:0; margin:0 0 5px 0; color:#eee;}
#headerright li {list-style:none; margin:0 0 2px 0;}

/* Main wrap */
#wrap {margin:0 auto; padding:0; padding-top:25px;text-align:left; width:1000px;background-image:url(img/wrap.png);background-repeat:no-repeat;}

/* Headers */
h2, h3, h4 {margin:0 0 15px; color:#fff; font-weight:normal;}

/* Sidebar */
#sidebar {margin:0 0 5px 0; float:right; width:330px; padding:0;}
#sidebar h2, #sidebar h3 {font-size:1.6em; padding:2px 0; margin:0 0 14px 14px;}
#sidebar h3, #sidebar h4 {font-size:1.2em; margin:0 0 8px 0;}
#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:14px; padding:0;}
#sidebar li {list-style:none; margin:5px 0 3px;}
#sidebar ul li a {font-size:1.2em;margin-bottom:8px;}
#sidebar ul ul, #sidebar ul ul ul {list-style:none; margin: 2px 0 0 0px; padding:0;}
#sidebar ul ul li, #sidebar ul ul ul li {list-style:none; margin:0px; padding:0;}
#sidebar ul ul li a {font-size:0.9em; font-weight:normal; margin:0 0 8px 0; padding:0;}
#sidebar table {width:180px;}
#sidebar caption {font-size:1.6em; padding:2px 0; margin:0 0 8px 0; text-align:left;}

/* Menu buttons */
#sidebar ul.menubuttons li {list-style:none; width:180px; padding:0; margin:0 0 3px 0;}
#sidebar ul.menubuttons li a {display:block; padding:3px 0 3px 5px; background-color:#3a3a3a; color:#ccc; border:1px solid #555; border-left:4px solid #666;}
#sidebar ul.menubuttons li a:hover, #sidebar ul.menubuttons li.current_page_item a {background:#444; border:1px solid #555; border-left:4px solid #f29450;}
#sidebar ul.menubuttons ul {margin:0; padding:2px 0 0 10px;}
#sidebar ul.menubuttons ul li {width:170px;}
#sidebar ul.menubuttons ul li a {font-size:0.9em; background:#2a2a2a; padding:1px 0 1px 5px;}
#sidebarsky{width:120px;height:600px;float:right;margin-right:15px;margin-top:15px;}



/* Content */
#content {float:left; width:620px; margin-bottom:5px;}
#content h1 {font-size:1.8em; clear:left;}
#content h2 {font-size:1.8em; clear:left; line-height:1;margin:0px 0px 0 30px;}
#content h3 {font-size:1.4em; clear:left;}
#content h2, #content h3 {}
#content h2 a, #content h3 a {font-weight:normal; margin:0px;padding:0px;}
#content p {margin:9px 30px 9px 30px;}
#content div.postnav {padding:0px 0;}
#content div.postnavleft{width:48%;}
#content div.postnavright {width:48%;text-align:right;}
#content ul, #content ol {margin:0 0 18px 30px;}
#content ul li, #content ol li {margin:0 0 3px;}
#content ul ul, #content ol ol {margin:5px 0 5px 15px;}

#content img.left {float:left; margin:0 30px 20px 30px;border:1px solid #f2934f;}
#content img.right {float:right; margin:10px;border:1px solid #f2934f;}
#content img.center {margin:2px auto 10px auto; display:block;border:1px solid #f2934f;}
#content img.framed {padding:5px; background:#222; border:1px solid #f2934f;}



#content .wp-smiley{
border:none;
}

#content .post {margin:0 0 30px 0;}
#content .timestamp {font-size:1.4em;}
#content .timestamp a {font-weight:normal;}
#contenttext span{
border:1px solid #f2934f;
}

#ats{
	float:left;
	width:570px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding-top:6px;
	padding-bottom:6px;
}

#ats img{
	border:none;
	margin-top:5px;
}

.flickr-image{
margin:9px 30px 9px 0px;
}

.flickr-image alignnone{
margin:9px 30px 9px 0px;
}

/* post boxes */
.posttop{
	float:left;
	width:620px;
	height:15px;
	background-image:url(img/posttop.png);
        background-repeat:no-repeat;
        background-position:bottom;
}

.postcontent{
	float:left;
	width:620px;
	background-image:url(img/postcontent.png);
}

.postbottom{
	float:left;
	width:620px;
	height:15px;
	background-image:url(img/postbottom.png);
        background-repeat:no-repeat;
        background-position:top;
margin-bottom:30px;
}

.sidebartop{
	float:left;
	width:336px;
	height:15px;
	background-image:url(img/sidebartop.png);
        background-repeat:no-repeat;
        background-position:bottom;
	display:block;
	margin:0px;
	padding:0px;
}

.sidebarcontent{
	float:left;
	width:336px;
	background-image:url(img/sidebarcontent.png);
}

.sidebarcontent ul li{
	border-bottom:1px dotted #CC6600;
	padding-bottom:10px;
}

.sidebarbottom{
	float:left;
	width:336px;
	height:15px;
	background-image:url(img/sidebarbottom.png);
	margin-bottom:30px;
        background-repeat:no-repeat;
        background-position:top;
}

/* Footer */
#footertop{float:left;width:1000px;height:10px;background-image:url(img/footertop.png);}
#footer {clear:both; color:#eee; text-align:center; background-image:url(img/footer.png);background-repeat:repeat-y;}
#footer p {margin:0; padding:10px 0;}
#footer .credits {font-size:1.3em;}
#footer a {color:#eee;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footerbottom{float:left;width:1000px;height:12px;background-image:url(img/footerbottom.png);background-position:bottom;}

.orange{
color:#f2934f;
}

.green{
color:#4ff266;
}

.red{
color:#f24f4f;
}

.yellow{
color:#f2f04f;
}

.postpiccie{
   border:1px solid #f2934f;
}

.postpiccie2{
border-top:2px solid #f2934f;
border-left:2px solid #f2934f;
border-bottom:2px solid #ce6c26;
border-right:2px solid #ce6c26;
}

#sectionalbox{
clear:none;
float:left;
width:80px;
height:125px;
padding-right:30px;
padding-bottom:20px;
text-align:center;
font-size:16px;
font-weight:bold;
}

#sectionalbox img{
margin:10px 0 5px 0;
}

#sectionalbox a{
font-size:12px;
}

/* Comments */
#comments {margin:20px 0 16px 0;}
.comment {width:560px;background-color:#2a2a2a; color:#eee;margin-top:10px;margin-bottom:20px; padding-top:7px; border-bottom:1px solid #555;margin-left:30px;margin-right:30px;background-image:url(img/comment1.jpg);background-position:top left;background-repeat:no-repeat;}
.comment2 {padding-left:10px;background-image:url(img/comment2.jpg);background-position:bottom right;background-repeat:no-repeat;padding-top:12px;padding-bottom:10px;}
.archiveheader{
	margin:9px 30px 9px 30px;
}
#content div.comment p.commenticon {margin:0 0 10px;}
#content div.comment p {margin:0 0 4px;}
#respond {margin:20px 0 0 0;float:left;}
#respond p {margin:9px 30px 9px 30px;}
#respond input,#respond textarea {padding:4px; width:240px; background-color:#2a2a2a; color:#eee;}
#respond textarea#comment {width:500px;}
#respond input#submit {width:75px;}
#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #555;}
#respond textarea:focus{background:#5e5e5e;}



.loggedin textarea{padding:4px; width:500px; background-color:#2a2a2a; color:#eee;}
.loggedin textarea:focus{background:#5e5e5e;}

.button{
background-color:#2a2a2a;width:75px;font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #555;color:#ffffff;}



/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#2a2a2a; border:1px solid #555;}

/* Links */
a {color:#f29450; font-weight:400; text-decoration:none;}
a:hover {color:#f2c7a8; text-decoration:none;}
a img {border:1px solid #f29450;
}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Various classes */
.feedlink {padding:2px 0 2px 18px; margin:0 0 0 12px; font-size: 1.1em; background: url(img/rss.png) center left no-repeat;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clear {visibility:hidden; clear:both;}
.hide {display:none;}

.searchbox button {
	color: #ffffff;
	background-color: #f29450;
	border: 1px solid #f29450;
}

#twitter_div ul li{
margin-bottom:8px;
text-align:right;
}

#sidebarcontent li{
	margin-bottom:15px;
}

#yarp{
	width:400px;
	margin-left:40px;
	float:left;
}

.exthumb{
float:left;
margin-left:0px;
margin-right:20px;
margin-bottom:10px;
}

.flickr-image {
 margin:0; padding:0;}

.alignleft{
float:left;
margin-left:30px;
margin-right:20px;
margin-bottom:10px;
}

p img{
 border:1px solid #f2934f;
}


