/*
Theme Name: JofArnold.com Theme
Description: This theme was created and designed by <a href="http://www.jofarnold.com">Jof Arnold</a> from <a href="http://www.brainbakery.com">BrainBakery Ltd</a>
Version: 1.0
Author: Jof Arnold
Copyright: No reproduction permitted
*/

/* 
colors:
	green: 	#68a523
	grey: 	#333
	purple:	#bd8fd7

*/

body {
	color: #222;
	font-family: Georgia;
	padding: 0;
	margin: 0;
	background: transparent url('images/dark-bg.png') repeat 0 0;
	font-size: 12pt;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

#m {
	background: transparent url('images/jof-arnold-bg.png') repeat-y 0 0;
	width: 944px;	
	margin: 0 auto;
	padding: 0 40px;
}

#lbox {
	width: 363px;
	height: 258px;
	background: transparent url('images/fuzzy.png') no-repeat 0 0;
	float: left;
}

#texture {
	width: 335px;
	height: 90px;
	margin-left: 14px;
	padding-top: 141px;
	background: transparent url('images/black-fabric.jpg') repeat 0 0;
}

#jof-arnold-logo {
	padding-left: 12px;
}

ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 20px;
	float: left;
	width: 310px;
	font-family: Arial;
	margin-left: 35px;
	font-weight: bold;
	font-size: 14pt;
	color: white;
	margin-top: 20px;
}

ul#nav a {
	text-decoration: none;
	padding: 2px 6px;
	background: black;
	color: white;
}

ul#nav a.bl {
	background: #000180;
}

ul#nav a:hover {
	color: #000180;
	background: white;
}

#nav li {
	padding-top: 6px;
}

#me {
	margin-top: 20px;
}

#texture a, #texture a img {
	border: none;
}

.lt-t, .lt-m, .lt-b, .gt-t, .gt-m, .gt-b {
	width: 959px;
}

.lt-m, .gt-m {
	padding: 20px 40px 20px 40px;
	width: 879px;
}

.lt-t {
	background: transparent url('images/lt-t.png') no-repeat 0 0;
	height: 27px;
}

.lt-m {
	background: transparent url('images/lt-m.png') repeat-y 0 0;
}

.lt-b {
	background: transparent url('images/lt-b.png') no-repeat 0 0;
	height: 35px;
}

.gt-t {
	background: transparent url('images/gt-t.png') no-repeat 0 0;
	height: 31px;
}

.gt-m {
	background: transparent url('images/gt-m.png') repeat-y 0 0;
}

.gt-b {
	background: transparent url('images/gt-b.png') no-repeat 0 0;
	height: 31px;
}

h1 {
	height: 30px;
	padding: 15px;
	margin: 0;
	font-size: 18px;
	position: relative;
	z-index: 1;
	margin-left: -10px
}

h1, h1 a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

h1 a:hover {
	color: #ff8200;
}

h1.lt {
	margin-bottom: -35px;
}

h1.gt {
	margin-bottom: -45px;
}


#entries {
	margin-top: 40px;
}

.entry {
	position: relative;
	z-index: 0;
	margin-bottom: 25px;
}

p {
	padding: 0;
	margin: 0;
	line-height: 130%;
	margin-bottom: 10px;
	padding-left: 10px;
}

.entry a {
	text-decoration: none;
	font-weight: bold;
	color: black;
	background: #ccc; /* #ff8200; */
	padding: 0 2px;
	color: #ff8200;
	background: none;
	border-bottom: 1px dashed #ff8200;
}

.entry a:hover {
	color: white;
	background: black;
}

a.addthis {
	text-decoration: none;
	border: none;
}

a.addthis:hover {
	background: none;
}

textarea {
	padding: 5px;
}

h3 {
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
}

h2 {
	margin: 0;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 7px;
	font-size: 14pt;
	font-weight: bold;
	background: url(images/curly.png) no-repeat left bottom;
}


h2.widgettitle {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	background: 0;
}

#disqus_thread {
	margin-top: 35px;
}

.bookmark {
 position: relative;
 top: 3px;
}

#moreFuzz {
	margin-top: 50px;
	background: transparent url('images/top-fuzz.gif') no-repeat -7px 3px;
	height: 23px;
		
}


#footer {
	background: transparent url('images/black-fabric.jpg') repeat 0 0;
	padding: 10px;
	color: white;
	font-size: 10pt;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	border-bottom: 1px dashed white;
}

#footer a:hover {
	border-bottom: 1px dashed white;
}

.widget {
	float: left;
	width: 288px;
	margin: 10px;
}

img.alignleft {
	margin: 10px;
	margin-left: 0;
	float: left;
	border: 3px solid #ccc;
}

img.alignright {
	margin: 10px;
	margin-right: 0;
	float: right;
	border: 3px solid #ccc;
}

.searchterm1 {
	background: #FFFF00;
}

img.email {
	margin: 10px auto;
	display: block;
}