/***
Expression Engine development and site design and coding by:
Reese
www.m2webstudios.com
reeseATm2webstudios
***/


/********** standard elements **********/


body{
margin: 0;
background: #FFF url(http://joelschettler.com/site_images/body.jpg) repeat-x;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px;
color: #000
}


input,  checkbox, textarea, select {
font-family: arial, sans-serif;
color:#2DB0CF;
text-align: left;
border:1px solid #A0CE3C;
font-size:12px; 
background-color:#FFF;
}


a {color:#503405; font-weight:bold; text-decoration:none;}
a:link {color:#503405; font-weight:bold; text-decoration:none;}
a:visited {color:#500505; font-weight:bold; text-decoration:none;}
a:hover {color:#500505; font-weight:bold; text-decoration:underline;}



blockquote {
background: #FFF;
border: 1px solid #A0CE3C;
padding: 10px;
color: #2DB0CF;
}


/********** structural elements (the layout) **********/

#container
{
width: 775px;
margin: 0 auto;
background: transparent;
}

    
    
#header {
float: left;
width: 775px;
height: 66px;
background: #fff url(http://joelschettler.com/site_images/header.gif) no-repeat;
margin: 0;
padding: 0;
}    


#navbar {
float: left;
width: 775px;
height: 25px;
background: transparent;
margin: 0;
padding: 0;
list-style: none;
}

.nav a {color: #181818; text-decoration: none; font-weight: bold;}
.nav a:link {color: #181818; text-decoration: none; font-weight: bold;}
.nav a:visited {color: #500505; text-decoration: none;}
.nav a:hover {color: #500505; text-decoration: none;}


.nav {
float: right;
padding: 3px 0 0 0;
}

.nav ul {
margin: 0;
font-family: 'Bookman Old Style', Georgia, Times, serif;
text-transform: uppercase;
}


.nav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
list-style: none;
font-size: 11px;
}

#topheader {
float: left;
width: 450px;
padding: 50px 0 0 290px;
}



#topbg {
float: left;
width: 775px;
height: 366px;
background-repeat: no-repeat;
background-image: url(http://joelschettler.com/site_images/topbg.jpg);
background-color: #000;
margin: 0;
padding: 0;
}



#toptext {
float: left;
width:450px;
padding: 27px 0 0 300px;
background: transparent;
}




#sidebar {
float: left;
margin: 35px 0 0 0;
width: 256px;
background: transparent;
text-align: right;
}

#content {
float: left;
margin: 30px 0 20px 0;
padding-left: 40px;
width: 479px;
background: transparent;
}


#footer {
float: left;
width: 775px;
text-align: center;
margin-bottom: 20px;
}



.joelaboutpic {
float: right;
width: 270px;
height: 270px;
background: #fff url(http://joelschettler.com/site_images/joelaboutpic.jpg) no-repeat;
padding: 0 0 0 10px;
margin: 0;
}

.aboutcontent {
float: left;
width: 479px;
}



/********** ARTICLES STYLING *************/
.articles {
float: left;
background: #EFEAE0;
width: 400px;
margin-bottom: 10px;
padding: 10px;
border-top: 1px solid #6F5F4C;
border-left: 1px solid #CFC6B5;
border-bottom: 1px solid #CFC6B5;
border-right: 1px solid #CFC6B5;
}

.articlethumb {
float: left;
background: #fff;
padding: 10px;
border: 1px solid #CFC6B5;
}

.articlethumb img {
border: 0;
}

.articletext {
float: left;
width: 270px;
margin: 0;
padding: 0 0 0 10px;
}

.articlecategory {
float: left;
margin: 0 0 40px 0;
}

.awardhead {
font-size: 14px;
color: #6F675A;
font-weight: bold;
font-family:  'Bookman Old Style', Georgia, Times, serif;
margin: 0;
display: inline;
padding: 0;
}


.awardsubhead {
font-size: 12px;
color: #6F675A;
font-family:  'Bookman Old Style', Georgia, Times, serif;
border-bottom: 1px solid #6F5F4C;
padding: 10px 0 0 50px;
margin: 0;
font-weight: normal;
}

.awardquote {
font-style: italic;
padding: 5px 0 10px 20px;
font-size: 11px;
text-align: justify;
}

/********** BOOK STYLING *************/

.booktext {
float: left;
margin-bottom: 20px;
width: 250px;
}

.bookthumb {
float: right;
padding-left: 10px;
}

.bookthumb img {
padding: 5px;
border: 1px solid #6F675A;
}

.booktitle {
font-size: 11px;
color: #6F675A;
font-family:  'Bookman Old Style', Georgia, Times, serif;
font-weight: bold;
}

.whatimreading {
float:  left;
width: 178px;
height: 13px;
background: url(http://joelschettler.com/site_images/whatimreading.gif) no-repeat;
margin: 0 0 10px 74px;
}


.recommendedreading {
float:  left;
width: 220px;
height: 13px;
background: url(http://joelschettler.com/site_images/recommendedreading.gif) no-repeat;
margin: 0 0 10px 34px;
}



/********** TEXT STYLING *************/

.boxheader {
padding: 0 0 10px 0;
}

.topboxtext {
font-size: 16px;
color: #fff;
font-style: italic;
line-height: 22px;
}

.topboxattribution {
font-style: normal;
font-size: 11px;
line-height: 14px;
text-align: right;
color: 6F675A;
font-family:  'Bookman Old Style', Georgia, Times, serif;
}

.title {
font-size: 14px;
font-weight: bold;
color: #503305;
text-transform: capitalize;
margin: 0;
padding: 0;
display: inline;
}


.blogtitle {
font-size: 17px;
font-weight: bold;
color: #503305;
text-transform: capitalize;
margin: 0;
padding: 0;
display: inline;
}

.subheads {
font-size: 210%;
font-family:  'Bookman Old Style', Georgia, Times, serif;
color: #503405;
font-variant: small-caps;
}

.date {
margin: 0;
font-style: italic;
color: #7F7F7F;
}

.smalltext {
font-size: 80%;
color: #7F7F7F;
}

.contentbodysmall {
font-size: 12px;
color: #201913;
line-height: 130%;
margin-top: -5px;
}

.posted {
border-top: 1px solid #ECEBE6;
font-size: 10px;
color: #B99C6E;
margin-bottom: 20px;
margin-top: -5px;
font-weight: bold;
}

.sidetext {
font-size: 10px;
padding: 5px 0 30px 0;
}

.sidetitle {
text-transform: capitalize;
}

.footertext {
font-size: 9px;
color: #C9B087;
}

.blogimage {
float: left;
padding: 0 10px 0 0;
}