/*
THEME Josh
THEME URI:http://joshgrimm.com
DESCRIPTION:This theme is based on Corporate Sandbox
VERSION:1.0
AUTHOR:<a href="http://nathangjones.com">nate jones</a>
AUTHOR URI:http://nathangjones.com
*/

/* Architecture */
html{
height:100%;
margin:0;
padding:0;
width:100%;
}
* {
margin:0;
padding:0;
}

body {
background:#5E7A00;
font-family:Arial, Helvetica, sans-serif;
font-size:.88em;
padding:0;
height:100%;
width:100%;
}
#wrapper{
width:1060px;
min-height:100%;
height: auto !important;
margin:0 auto -40px auto;
padding:0;
background:#fff url(images/wrapperbg.jpg) top left repeat-y;
display:block;
}
#navcontainer{
background: url(images/navbg.png) 0 0 repeat;
width:100%;
height:50px;
display:block;
position:absolute;
z-index:10;
border-bottom:solid 1px #d8d8d8;
margin:0;
left:0;
top:0;
}
#navigation {
list-style: none;
padding:0;
width:1024px;
height:50px;
z-index:10;
margin:0 auto;
}
#navigation li {
float: left;
padding:0;
margin:0;
}

#navigation a * {
display: none;
}

#navigation a,
#navigation a .hover {
height: 50px;
position: relative;
display: block;
background: url(images/button.png) 0 0 no-repeat;
outline:none;
border:none;
}

/* individual navigation items */
#navigation a.home, #navigation a.home:visited {
background-position: 0 0;
width: 165px;
}
#navigation .highlight a.home:hover,
#navigation a.home .hover {
background-position: 0 -50px;
}
#navigation a.two, #navigation a.two:visited {
background-position: -161px 0px;
width: 200px;
}
#navigation .highlight a.two:hover,
#navigation a.two .hover {
background-position: -161px -50px;
}
#navigation a.three, #navigation a.three:visited {
background-position: -378px 0;
width: 161px;
}
#navigation .highlight a.three:hover,
#navigation a.three .hover {
background-position: -378px -50px;
}
#navigation a.four, #navigation a.four:visited {
background-position: -565px 0;
width: 170px;
}
#navigation .highlight a.four:hover,
#navigation a.four .hover {
background-position: -565px -50px;
}
#navigation a.five, #navigation a.five:visited {
background-position: -755px 0;
width:150px;
}
#navigation .highlight a.five:hover,
#navigation a.five .hover {
background-position: -755px -50px;
}
#navigation a.six, #navigation a.six:visited {
background-position: -885px 0;
width:178px;
}
#navigation .highlight a.six:hover,
#navigation a.six .hover {
background-position: -885px -50px;
}

/* .highlight will be remove if JS is enabled */
#navigation .highlight a.home:hover, 
#navigation a.home .hover {
background-position: 0 -50px;
width: 165px;
}

#homecontainer{
width:720px;
padding:0;
display:inline;
position:relative;
margin:0 0 0 18px;
float:left;
min-height:100%;
}
#homeimage{
width:1024px;
height:200px;
display:block;
margin:0;
float:left;
padding:0;
border:none;
position:relative;
overflow:hidden;
}
#homecontent{
margin:0 0 20px 0;
width:720px;
padding:0;
display:inline;
position:relative;
float:left;
min-height:100%;
}
#container {
width:720px;
padding:0;
display:inline;
position:relative;
margin:0 0 0 18px;
float:left;
min-height:100%;
}
#content {
margin:0 0 20px 0;
width:720px;
padding:0;
display:inline;
position:relative;
float:left;
min-height:100%;
background:#fff;
}
#toppost{
width:700px;
display:block;
float:left;
margin:10px 10px 0 10px;
padding:0;
}
#leftpost{
width:320px;
display:inline;
float:left;
margin:0 10px;
padding:0;
}
#rightpost{
width:320px;
display:inline;
float:left;
margin:0 10px;
padding:0;
}

#toppost .clearfloat{
background:#fff;
border-bottom:solid 1px #d8d8d8;
width:670px;
min-height:100px;
display:inline;
float:left;
margin:10px 0;
padding:5px;
}
#toppost .clearfloat .info p{
margin:6px;
font:normal 500 1em Arial;
color:#565656;
line-height:1.3em;
}
#bottompost .clearfloat{
background:#fff;
border-right:solid 1px #d8d8d8;
border-bottom:solid 1px #d8d8d8;
width:320px;
min-height:140px;
display:inline;
float:left;
margin:10px;
padding:5px;
}
.clearfloat .info{
display:block;
}
.clearfloat .info a, .clearfloat .info a:visited{
font:normal 500 1.3em Georgia;
color:#7A4500;
text-decoration:none;
background:#fff;
padding:4px;
}
.clearfloat .info a:hover{
background:#f4f4f4;
color:#5E7A00;
}
#bottompost .clearfloat .info p{
margin:6px;
font:normal 500 .88em Arial;
color:#565656;
}
img.left{
padding:3px;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border: 1px solid #d8d8d8;
float:left;
display:inline;
margin:5px 7px 3px 0;
}

.searchlist{
background:#fff;
border-bottom:solid 1px #d8d8d8;
width:600px;
display:inline;
float:left;
margin:15px 0;
padding:5px;
}

.searchlist .info{
display:block;
}
.searchlist .info a, .searchlist .info a:visited{
font:normal 500 1.3em Georgia;
color:#7A4500;
text-decoration:none;
background:#fff;
padding:4px;
line-height:1.5em;
}
.searchlist .info a:hover{
background:#d8d8d8;
}
.searchlist .info p{
margin:6px;
font:normal 500 .88em Arial;
color:#565656;
}

#heavy{
height:40px;
width:100%;
clear:both;
display:block;
}
#footer{
clear:both;
width:1024px;
margin:0 auto;
padding:5px 0;
background:#f4f4f4;
text-align:center;
font:normal 500 .8em arial;
color:#d8d8d8;
display:block;
height:30px;
}
#footer a, #footer a:visited{
color:#d8d8d8;
}
#footer a:hover{
color:#999;
}
.header{
height:200px
width:500px;
border:none;
padding:0;
margin:0;
display:block;
}

/* General */

img {
border:0;
}

.separator {
color:#CCCCCC;
margin:0 5px;
}

.clear {
clear:both;
font-size:0;
height:0;
}

.meta-sep {
color:#CCCCCC;
margin:0 5px;
}

.floater-left {
float:left;
}

.floater-right {
float:right;
}


#menu ul {
display:inline; /* Added to fix the double margin in IE6 */
list-style:none;
}

#menu ul li {
display:inline; /* Added to fix the double margin in IE6 */
float:left;
margin-left:10px;
padding:15px 10px;
}

#blog-title {
font:normal 500 3em arial;
margin:40px 0 0 20px;
}

#blog-title a {
color:#D3DDCA;
}

#blog-description {
font-size:120%;
font-weight:normal;
margin:0 0 0 20px;
}

/* Content */
h1{
font:normal 500 2.3em georgia;
color:#7A4500;
text-transform:uppercase;
margin:10px 5px;
}
h2{
font:normal 500 2em georgia;
color:#7A4500;
margin:10px 5px;
}
.entry-content h3{
font:normal 800 1em arial;
color:#333;
margin:10px 20px 0 0;
padding:10px;
background: #f4f4f4;
}
.entry-content h4{
font:normal 500 1em arial;
color:#333;
margin:10px 20px 10px 0;
padding:10px;
background: #f4f4f4;
}

.post {
display:block;
}
.entry-title{
margin-left:20px;
}
.entry-title a, .entry-title a:visited {
color:#7A4500;
text-decoration:none;
padding:4px;
background:#fff;

}
.entry-title a:hover{
background:#d8d8d8;
}
.entry-content {
margin:15px 0;
display:block;
padding-left:20px;
}
.entry-content p {
font:normal 500 .9em arial;
margin:10px 6px;
color:#565656;
line-height:1.4em;
}
.entry-content a, .entry-content a:visited{
color:#7A4500;
text-decoration:none;
padding:4px;
background:#fff;
}
.entry-content a:hover{
background:#d8d8d8;
}
.entry-content img a, .entry-content img a:visited{
color:#7A4500;
text-decoration:none;
padding:0;
background:transparent;
}
.entry-content img a:hover{
background:transparent;
}
.entry-content ul, .entry-content ol {
margin:10px 30px;
color:#565656;
list-style:disc;
list-style-position:inside;
padding-left:10px;
}

.entry-content ul li, .entry-content ol li {
margin-bottom:5px;
font:normal 500 .9em arial;
}

.alignright{
float:right;
display:inline;
margin:2px 10px 2px 2px;
}

/* Sidebar */
#sidebar{
width:304px;
display:block;
float:right;
margin:0 18px 0 0;
padding:60px 0 0 0;
background:#f4f4f4;
position:relative;
min-height:100%;
}
#sidebar2{
width:304px;
display:block;
float:right;
margin:220px 18px 0 0;
padding:0;
background:#f4f4f4;
position:relative;
min-height:100%;
}

.widgettitle{
font:normal 500 1.2em arial;
text-align:center;
padding-bottom:14px;
width:220px;
margin:0 auto;
}
#sidebar ul, #sidebar2 ul {
list-style:none;
display:block;
width:260px;
margin:10px auto
}
#sidebar ul li, #sidebar2 ul li {
width:260px;
float:left;
display:block;
background:#fff;
padding:10px 0 0 0;
margin:15px 0;
border:solid 1px #fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#sidebar ul li ul, #sidebar2 ul li ul{
margin:0;
}
#sidebar ul li ul li, #sidebar2 ul li ul li{
width:250px;
float:left;
display:block;
background:transparent;
margin:0 5px;
border:none;
padding:5px 0;
line-height:1.4em;
}
.widget_text{
background:#fff;
padding:10px 0 0 0;
margin:15px auto;
border:solid 1px #fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
width:280px;
display:block;
}
.widget_yarpp a, .widget_yarpp a:visited{
font:normal 500 .88em arial;
color:#7A4500;
text-decoration:none;
padding:4px;
display:block;
border-bottom:dotted 1px #d8d8d8;
}
.widget_yarpp a:hover{
background:#d8d8d8;
}
.yarpp{
background:#fff url(images/yarpp.jpg) top left no-repeat;
display:block;
width:240px;
height:50px;
margin:0 0 0 -10px;
}

.widget_text a, .widget_text a:visited{
font:normal 500 .88em arial;
color:#7A4500;
text-decoration:none;
padding:4px;
display:block;
border-bottom:dotted 1px #d8d8d8;
}
.widget_text a:hover{
background:#d8d8d8;
}
.letters{
background:#fff url(images/letters2.jpg) top left no-repeat;
display:block;
width:240px;
height:50px;
margin:0 auto;
}
.giving, a.giving, a.giving:visited, a.giving:hover{
background:#fff url(images/giving.jpg) top left no-repeat;
display:block;
width:240px;
height:79px;
margin:0 auto;
outline:none;
border:none;
}
.widget_rss .widgettitle{
display:block;
margin:0 auto;
font:normal 500 1.2em georgia;
color:#5E7A00;
}
a.rsswidget, a.rsswidget:visited{
font:normal 500 .8em arial;
color:#7A4500;
background:#fff;
text-decoration:none;
border-bottom:dotted 1px #5E7A00;
}
a.rsswidget:hover{
background:#f4f4f4;
color:#5E7A00;
}
.twitter_title_link{
font:normal 500 16px georgia;
color:#5E7A00;
}
ul.twitter li.twitter-item{
font:normal 500 .8em arial;
color:#7A4500;
border-bottom:dotted 1px #7A4500;
}
ul.twitter li.twitter-item a, ul.twitter li.twitter-item a:visited{
font:normal 500 .8em arial;
color:#7A4500;
background:#fff;
text-decoration:none;
border-bottom:dotted 1px #5E7A00;
}
ul.twitter li.twitter-item a:hover{
background:#f4f4f4;
color:#5E7A00;
}

#staticside{
width:304px;
display:inline;
float:left;
margin:200px 0 0 0;
padding:20px 0 0 0;
background:#f4f4f4;
}

.widget_text p{
font:normal 500 1em arial;
color:#565656;
width:280px;
padding:5px 15px;
margin:0 auto;
}
a.text, a.text:visited{
font:normal 800 1em arial;
color:#7A4500;
text-decoration:none;
padding:4px;
display:block;
margin:10px 11px;
}
a.text:hover{
background:#d8d8d8;
}
.searchform{
width:230px;
height:40px;
background:#fff;
padding:10px 15px;
margin:10px auto;
display:block;
font:normal 500 1em arial;
color:#565656;
border:solid 1px #fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.searchform .searchinput{
line-height:1.5em;
height:1.8em;
background:#f4f4f4;
width:180px;
margin-right:4px;
}

.homesearch{
width:250px;
height:40px;
background:#fff;
padding:7px 15px;
margin:15px auto;
display:block;
font:normal 500 1em arial;
color:#565656;
border:solid 1px #fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.homesearch .searchinput{
line-height:1.5em;
height:1.7em;
background:#f4f4f4;
width:200px;
margin-right:6px;
}


.error404{
margin:80px 0 0 0
}
.wp-caption{
background:#f4f4f4;
border:solid 1px #d8d8d8;
margin:6px;
padding:4px 4px 2px 8px;
text-align:center;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font:normal 500 11px arial;
}
.wp-caption-text{
font:normal 500 11px arial;
color:#000;
text-align:left;
}
.entry-content table{
border:none;
float:left;
display:block;
margin:6px;
padding:0;
font:normal 500 .9em arial;
color:#565656;
line-height:1.4em;
vertical-align:top;
text-align:left;
}
.entry-content table img{
padding:3px;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border: 1px solid #d8d8d8;
float:left;
display:inline;
margin:5px 7px 3px 0;
}
.email{
background:url(images/email.gif) top left no-repeat;
height:32px;
line-height:35px;
margin:0;
padding:0 0 0 52px;
display:block;
}
.staff{
width:300px;
padding:5px;
border-right:solid 1px #d8d8d8;
border-bottom:solid 1px #d8d8d8;
float:left;
display:inline;
margin:10px 20px 10px 0;
font:normal 500 .9em arial;
color:#565656;
line-height:1.4em;
text-align:left;
}
.staff img{
padding:3px;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border: 1px solid #d8d8d8;
float:left;
display:inline;
margin:0 5px 0 0;
width:90px;
height:90px;
}
a.facebook, a.facebook:visited, a.facebook:hover{
width:52px;
height:52px;
display:inline;
float:left;
margin:5px 5px 5px 30px;
padding:0;
border:none;
outline:none;
background:#fff url(images/facebook.jpg) 0 0 no-repeat;
}
a.linkedin, a.linkedin:visited, a.linkedin:hover{
width:52px;
height:52px;
display:inline;
float:left;
margin:5px 5px 5px 20px;
padding:0;
border:none;
outline:none;
background:#fff url(images/linkedin.jpg) 0 0 no-repeat;
}
a.twitter, a.twitter:visited, a.twitter:hover{
width:52px;
height:52px;
display:inline;
float:left;
margin:5px;
padding:0;
border:none;
outline:none;
background:#fff url(images/twitter.jpg) 0 0 no-repeat;
}
.social{
text-align:center;
display:block;
width:190px;
height:60px;
margin:0 auto 10px auto;
}

/*----TWITTER----*/
#twitter_div{
width:100%;
margin:0;
padding:0;
text-align:center;
display:block;
position:relative;
}
.twitterlogo, a.twitterlogo, a.twitterlogo:visited{
font:normal 500 1.2em georgia;
color:#5E7A00;
text-decoration:none;
border:none;
}
a.twitterlogo:hover{
background:#f4f4f4;
}
#twitters img{
position:relative;
margin:15px auto;
}
#twitters ul{
list-style:none;
display:block;
margin:15px 0 0 0;
padding:0;
width:100%;
text-align:left;
overflow:hidden;
}
#twitters ul li{
float:left;
display:block;
font:normal 500 10px arial;
color:#7A4500;
width:100%;
min-height:20px;
text-align:left;
margin:0;
padding:6px 0 6px 6px;
}
#twitters ul li:hover{
color:#5E7A00;
background:#f4f4f4;
}
