/*
Theme Name: NOM3
Theme URI: http://www.nom3.org
Description: Theme for the NOM3 truck. A food truck. A food revolution.
Version: 1.0
Author: Cindy Zhang
Author URI: http://www.cindypepper.com
*/

@font-face { font-family: League Gothic; src: url("LeagueGothic.otf"); }
@font-face { font-family: Folks; src: url("Folks-Bold.ttf"); }
@font-face { font-family: Nilland, georgia, sans serif; src: url("Nilland.ttf"); }
@font-face { font-family: Nilland, georgia, sans serif; font-weight: bold; src: url("Nilland-Black.ttf"); }

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background:#facc8a url("woodbg.jpg");
color: #554739;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

a:link, a:visited{
color: #db6511;
text-decoration: none;
}

a:hover{
text-decoration: none;
color: #4eae2c;
}

p{
padding: 10px 0 0 0;
color: #554739;
}

p.postmetadata{
margin: 10px 0 0 0;
}

#wrapper{
margin: 0 auto 0 auto;
width: 960px;
text-align: left;
}


#header{
padding: 20px auto 20px auto;
text-align: center;
}

#header a{
padding-top: 10px;
}

#header a:hover{
border-top: #554739 solid 5px;
}

#header p{
padding: 20px;
font-family: League Gothic, arial narrow, arial, sans serif;
font-size: 36px;
text-transform: uppercase;
}

#headline{
background:#554739 url("brownbg.jpg");
padding: 10px;
}

#headlinetext {
width: 960px;
margin: 0 auto 0 auto;
}

#headlinetext p{
font-family: arial, sans serif;
font-size: 12px;
color: #fef3e4;
}

#headlinetext a{
color: #4eae2c;
font-weight: bold;
}

#headlinetext a:hover{
color: #fdf5eb;
}


#container{
float: left;
width: 960px;
}

#description{
width: 960px;
margin: 25px 0 0 0;
}

#description p{
font-family: Nilland, georgia, sans serif;
font-size: 36px;
color: #554739;
padding: 25px;
}

#descriptionleft{
width: 510px;
margin: 0;
float: left;
}

#descriptionright{
width: 420px;
margin: 0;
padding: 15px;
min-height: 265px;
float: left;
background-color: #fdf5eb;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
}

#descriptionright a{
font-family: Folks;
font-weight: bold;
color: #db6511;
}

#descriptionright a:hover{
color: #4eae2c;
}

#descriptionright p{
font-family: Nilland, georgia, sans serif;
font-size: 18px;
padding: 15px;

}

.divider {
float: left;
width: 960px;
margin: 0;
padding-bottom: 15px;
}

.divider p{
font-family: Nilland, georgia, serif;
font-size: 36px;
color: #554739;
text-align: center;
}

.divider strong{
font-family: Folks, arial black, arial, sans serif;
color: #db6511;
}

#content{
width: 960px;
margin: 0;
background-color: #fdf5eb;
float: left;
}

#blog{
float: left;
width: 510px;
margin: 0;
background-color: #fdf5eb;
}

#blogtitle{
background:#554739 url("brownbg.jpg");
padding: 10px 20px 10px 20px;
width: 470px;
margin: 0;
}

#blogtitle p{
font-family: Nilland, georgia, serif;
font-size: 24px;
text-align: center;
color: #fdf5eb;
}

#blogtitle strong, #rightcol p{
font-family: League Gothic, arial narrow, arial, sans serif;
font-size: 36px;
color: #fdf5eb;
font-weight: normal;
}

#rightcol
{
float: left;
width: 420px;
margin: 0;
background-color: #fdf5eb;
}

#rightcoltitle{
background-color: #4eae2c;
padding: 10px 20px 10px 20px;
width: 410px;
margin: 0;
text-align: center;

}

#rightcolcontent{
margin: 0;
padding: 15px;
width: 420px;
background-color: #fdf5eb;

}

#rightcolcontent p{
font-family: arial, sans serif;
font-size: 12px;
text-align: justify;
color: #554739;
}

#blogcontent{
margin: 0;
padding: 15px;
background-color: #fdf5eb;
}

#blogcontent h4{
margin-top: 10px;
padding-top: 10px;
font-size: 24px;
text-align: center;
font-family: Nilland, georgia, serif;
border-top: #554739 1px solid;
}

.post{
padding: 0;

}

.post a{
font-weight: bold;
}

.post h2{
font-family: Nilland, Georgia, serif;
font-size: 18px;
font-weight: bold;
}

.post h3{
font-family: Nilland, Georgia, serif;
font-size: 10px;
font-weight: bold;
}

.post p{
font-size: 14px;
line-height: 20px;
text-align: justify;
}


.entry{
line-height: 18px;
padding-bottom: 10px;
border-bottom: 1px solid #554739;
margin-bottom: 10px;
}


blockquote{
font-size: 14px;
}

.emphasis {
background:#facc8a url("woodbg.jpg");
padding: 10px;
margin: 10px 0 10px 0;
}

.emphasis a{
color: #554739;
}

.emphasis a:hover{
color: #4eae2c;
}

.centered{
width: 400px;
margin: 0 auto 0 auto;
}

input, textarea{
background-color: #fdf5eb;
border: 1px #554739 solid;
color: #554739;
}

select{
color: #fdf5eb;
background-color: #554739;
border: 0;
border: 1px #554739 solid;
margin: 0 auto 0 auto;
}

#submit{
color:  #fdf5eb;
background-color: #554739;
}


.navigation{
padding: 10px 0 0 0;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-align: center;
text-transform: uppercase;
}

#footer{
background:#554739 url("brownbg.jpg");
color: #ccc181;
clear: both;
float: left;
width: 100%;
margin-top: 20px;
}


#footer a{
color: #4eae2c;
}

#footer a:hover{
color: #db6511;
}


.footercontent{
width: 960px;
margin: 0 auto 0 auto;
}


.footercol{
float: left;
width: 320px;
text-align: left;
}

.footercol h2{
font-family: League Gothic, Arial Narrow, arial, sans serif;
font-size: 36px;
font-weight: normal;
text-transform: uppercase;
color: #fdf5eb;
margin-top: 15px;
}

.footercol p{
line-height: 36px;
}

.footercol ul{
margin: 0 0 15px 0;
}

.footercol ul li, .footercol p{
font-family: Nilland, Georgia, serif;
font-size: 24px;
color: #fdf5eb;
}

#footergreen{
float: left;
width: 100%;
background: url("greenbg.png") repeat-x;
min-height: 38px;
}

#footerbottom{
background-color: #4eae2c;
float: left;
width: 100%;
padding: 0 0 10px 0;
min-height: 50px;
}

#footerbottom a{
color: #fdf5eb;
font-weight: bold;
}

#footerbottom a:hover{
color: #554739;
}