/*
THEME NAME: So Fab!
THEME URI: http://www.southernfood.org/
DESCRIPTION: Awesome museum theme
VERSION: 0.0.2
AUTHOR: <a href="http://www.renegadeyogi.com/">Eric Normand</a> &amp; Megan Pendergrass
AUTHOR URI:
TAGS: carrington, museum, southern food
*/

/** RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {color:inherit;}



/** end reset **/


/** colors 

#ABB840  Light green
#6B752A  Dark green
#2C2B29  Dark gray
#D66C2A  Red
#EE9940  Orange
#D8CA9E  off-white

*/

body {font-family:Verdana, Tahoma, Geneva, sans-serif;
     color: #2C2B29;}


#wrapper {width:820px; margin: auto; float:none;}


h3 label {height:auto}

a img {border: 0}

#header {margin-top:18px; width: 820px; float:left;}
#blog-title { float:left; margin-left: 5px;}
#right-header { float: right; width:180px;}

#visit-membership {margin: 20px auto;width:100px;}

#topmenu { float: left; width: 820px; 
font-family:Verdana, Tahoma, Geneva, sans-serif;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
background-color: #ABB840;
color: #abb83f;

margin-top: 5px;
height: 30px;
}
#topmenu div {float: left;margin-left:4em; margin-top:9px;}
#topmenu a {text-decoration:none; color: #fff;}

#bgimage { margin-top:5px; 
	   background-image: url('../../uploads/2013/08/hock.png');
	 width:820px;
	 height: 240px;

	 float:left;}

.big-okra-logo {
  width: 100%;
}

.membership-button {
  display: block;
  margin: 10px auto 0;
}


#blurbbox {
    float: left;
    width: 440px;
    height: 210px;
    font-size: 13px;
    color: #fff;
    position: relative;
    margin-top: 12px;
}

.transparent-back {height: 100%; width: 100%; 
		   position:absolute;bottom:0px;
		   filter:alpha(opacity=70);
		   -moz-opacity:0.7;
		   -khtml-opacity: 0.7;
		   opacity: 0.7;}

#blurb-background { background-color: #ABB840;  

filter:alpha(opacity=90);
		   -moz-opacity:0.9;
		   -khtml-opacity: 0.9;
		   opacity: 0.9;
}

#blurbcontent {position:absolute;
	      margin: 1em; 
	      line-height: 1.6em;}

#blurbbox h2 {line-height:1.2em; font-size:35px;margin:0;
	     font-family: Century Gothic, Apple Gothic, sans-serif;
             color:#fff;}

#blurbbox a {font-size: 11px; color:#FFF; }

#blurbbox p {margin:0;}

#small-boxes {float:left; width: 585px;}

#small-boxes > div { overflow:hidden; width:190px; height: 165px; float:left; margin-top:5px; margin-right: 5px;}

.info-box {width:190px; height: 165px;color: #6B752A;
    background-color:#ABB840; 
    background-image: url('images/green-box-bg.jpg');
    line-height: 1em;
}
.info-box a{color:inherit;}
.info-box a:hover{color:inherit;}
.info-box h2 { 
    font-family: Georgia, Palantino, Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: bold;
    color: #ABB840;
    background-color:#6B752A;
    padding:5px;
    text-align:center;
    line-height: 18px;
    margin:0;
 }

#testcontent { padding:1em; }
#testcontent p { font-size: 9px; margin-top: 1em;}
#testimonial q {
    font-size: 11px;
    quotes: "\201c" "\201d" "\2018" "\2019";

}

#testimonial q:before { content:open-quote;}
#testimonial q:after { content:close-quote;}

.thumbbox { position: relative; font-weight: bold; 

}

.thumbbox .transparent-back { background-color:#D66C2A; }
.thumbbox .thumb {position: absolute; top: 0px;}
.thumbbox .box-text {position: absolute; top: 0px; width: 100%; height: 100%; color: white;}
.thumbbox a {text-decoration: none; color:white;}
.thumbbox a:hover {color:white;}
.thumbbox a:visited {color:white;}
.thumbbox a:active {color:white;}
.thumbbox h2 {font-size: 12px;line-height:18px;color:white;font-weight:bold;}

.thumbbox .box-text {padding: 24px 18px; width: 154px;}

.thumbbox .category { font-size: 22px; text-transform: uppercase;
		      
}
.thumbbox .title {margin-top:12px;font-size: 12px; line-height: 1.6em;}
.thumbbox .plus {font-size:28px; float:right;}

#wikibox { font-size: 11px; }

#wikicontent {padding: 1em;}

.wikititle {line-height: 1.6em;}
#wikilinks {height: 9em;}

#wikibox #mainwikilink { font-weight: bold; }

#newsletterbox {
    text-align: center;
}

#newsletterbox input {
    font-family: Georgia, Palantino, Times, "Times New Roman", serif;
    font-size: 11px;
    font-style: italic;
    color: #6B752A;
    margin-top: 5px;
}

#newletterbox input[type=text] {
    width: 100%;
}

#newsletterbox input#subscribe {
    float:right;
    margin-right: 5px;
}

#newslettercontent {
    margin: 18px 12px;
}

#recentarticles {
    width: 235px; height: 340px;
    background-color:#EE9940;
    float: left;
    background-image: url('images/recent-articlesbg.jpg');
    color: white;
    font-size: 11px;
}

.home #content {
    width: 820px;
}

#articles-content {padding: 14px; color: #f7f7f7;}

#articles-content h2 {color: #f7f7f7;}

#articles-content h3 {color: #f7f7f7;}

#articles-content a {color: #f7f7f7;}

#recentarticles h2 { 
    font-size: 22px; 
    font-family: Century Gothic, Apple Gothic, sans-serif;
    line-height: 1.4em;
}

#recentarticles h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
}

#recentarticles .okralink {
    line-height: 1.5em;
    margin-top: 12px;
}

#okralink {
    font-weight: bold;
    margin-top: 16px;
}

/* archives */

#content {margin-top: 5px; float:left; width: 580px;}

#sidebar {float: left; width: 230px; margin-left: 10px;


margin-top: 5px;
}

#events-box {
    margin:0;
    height: 570px;
    background-color:#6B752A;
    background-image:url('images/okra-bg.gif');
    padding: 20px;

}

.small-cat-box {
    color: #f7f7f7;
    size: 12px;
    margin: 0;
}

.small-cat-box h3 {
    font-family:Century Gothic, Apple Gothic, sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

.small-cat-box a {
    text-decoration: none;
    color: #f7f7f7;

}

.small-cat-box a:visited {
    text-decoration: none;
    color: #f7f7f7;

}

.small-cat-box a:hover {
    text-decoration: none;
    color: #f7f7f7;
}

.small-cat-box ul {
    
    list-style: none;
    margin:0;
    padding:0;
    margin-bottom: 20px;
}

.small-cat-box li {
    margin-bottom: 7px;
    line-height: 1em;
    padding:0;
    font-weight: bold;
}

.side-box {

margin-top:5px;
    height: 160px;
    padding: 20px;
    color: #f7f7f7;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

.side-box h3{
    font-family:Century Gothic, Apple Gothic, sans-serif;
    color: #f7f7f7;
    font-size: 20px;
}

.side-box ul {
    list-style: none;
    padding:0px;
    margin:0px;
    margin-top: 10px;
}

.side-box a{
    color:inherit;
    font-size: 11px;
}

.side-box a:hover{
    color:inherit;
}

.side-box a:visited {
    color:inherit;
}

#side-box-1 {
    background-color: #D66C2A;
    background-image: url('images/orange-bg.jpg');
    
}

#side-box-2 {
    background-color: #6B752A;
    background-image: url('images/green-bg.jpg');
    
}

.archive-box {border: 1px solid #d8ca9e; float:left;
	      width: 580px;
	      height: 200px;
	      font-family: Verdana, Tahoma, Geneva, sans-serif;
	      font-size: 13px;
	      color: #abb83f;
	      margin-bottom: 5px;
	      background-image: url('images/wht-box-bg.jpg');
}

.archive-box a {
    color: inherit;
}

.archive-box a:hover {

    color:inherit;
}

.archive-box .thumbnail {
    float: left;
    margin: 10px;
    width: 180px;
    height: 180px;
}

.archive-box h3 {
    float: left;
    font-family:Century Gothic, Apple Gothic, sans-serif;
    font-size: 30px;
    color: #abb83f;
    width: 350px;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left:15px;
    line-height: 34px;
    height: 34px;
    overflow:hidden;
	      
}

.archive-box h3 a{
    text-decoration: none;
}

.archive-box .excerpt {
    width: 350px;
    float: left;
    margin: 15px;
    overflow:hidden;
    height: 4.5em;
}

.archive-box .more-link {
    float: right;
    margin-right: 20px;
}

.archive-box a:visited{color:inherit;}

.navigation {
    width: 580px;
    float:left;
}

.nav-previous {float: left;}
.nav-next {float: right;}

/** Content typography stuff **/

html { font-size:100.01%; }
body {
  font-size: 75%;
  background: #fff;
  line-height: 18px;
}

html>body {
  font-size:12px;
  line-height: 18px;
}


h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; margin-bottom:18px;}

h1 { font-size: 36px; line-height: 36px;}
h2 { font-size: 24px; line-height: 36px;}
h3 { font-size: 18px; line-height: 18px;}
h4 { font-size: 12px; font-weight:bold; line-height: 18px;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin-bottom:18px;}
p img.left  { float: left; margin-right:10px;}
p img.right { float: right; margin-right:10px;}

a:focus     { color: #6B752A:}
a:hover     { color: #6B752A;}
a           { color: #6B752A; text-decoration: underline; }

blockquote  { color: #000; font-style: italic; padding-left:40px;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; line-height:17px;}
address     { font-style: italic; }
del         { color:#666; }

pre         { padding-left:40px; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin-right: 10px; padding-left: 40px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { }
dl dt       { font-weight: bold; }
dd          { padding-left: 40px;}


/* Tables
-------------------------------------------------------------- */

table       { width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/** End content stuff **/

#links {
    margin-top: 5px;
    background-color: #D8CA9E;
    background-image: url('images/links-bg.jpg');
    width: 820px;
    height: 210px;
    float: left;
font-family:Verdana, Tahoma, Geneva, sans-serif;
     color: #2C2B29;
}


#links ol, #links ul {
	list-style: none;
	margin:0;
	padding:0;
}

#links h2 {
	font-size: 12px;
        line-height: 18px;
	margin:0;
color: #D66C2A;
}
#links h2 a {
color: #D66C2A;
}
#links h2 a:hover {
color: #D66C2A;
}

.link-column {
    float: left;
    font-size: 12px;
    margin: 9px;
    line-height: 1.5em;
}

.link-column a {
    text-decoration: none;
    color: #2C2B29;
}

.link-column h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #D66C2A;
}

#sponsor-images img{
    float:right;
    margin-top: 5px;
}

#footer {
    height: 65px; 
    background-color: #d66c2a; 
    width: 820px; 
    float: left; 
    margin-top: 5px;
    background-image: url('images/footerbg.jpg');
    font-size: 12px;
    color: #f7f7f7;

font-family:Verdana, Tahoma, Geneva, sans-serif;
    line-height: 2em;
}

#footer img {
    margin-top: 10px;
    margin-left: 20px;
    float: left;
}

#footer-links {
    float:right;
    margin-top:10px;
    margin-right: 16px;
}

#footer-address {
    float: right;
    margin-right: 16px;
}

#copyright {
    float:right;
    font-size: 12px;
    padding: 5px 0px;
}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* Make navigation invisible.
   Leave it for accessibility. */

#access {display: none;}
#nav-above {display:none;}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block;
    margin-left: auto;
    margin-right: auto; }

.about-box .excerpt img { display: none; }
.side-box ul { bullet-style: none;}