@charset "utf-8";
/* CSS Document */

/* stylesheet for zuzuaustin.com/famouslyfreshfood.com

copyright 2010 Monazu Creative Group; author: Rishi Patel

*/

/* boring stuff */

body    {background:url(../images/bg.jpg); margin: 0px; padding: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;}

a    {color: #F00; font-weight: bold;}
    a:hover    {color: #FFF; text-decoration: none; background: #090;}
        
h1    {font-size: 1.75em; color: #000; font-weight: bold; margin: 30px 0px 10px 0px;}
h2    {font-size: 1.5em; color: #333; font-weight: bold; margin: 20px 0px 10px 0px;}
h3    {font-size: 1.25em; color: #666; font-weight: bold; margin: 10px 0px 10px 0px;}
h4    {font-size: 1em; color: #666; font-weight: bold; margin: 10px 0px 10px 0px;}

/* common styles */
#header    {background: #000 url(../images/header_bg.jpg); border: none; width: 800px; height: 100px; margin-top: 25px; margin-left: auto; margin-right: auto; text-align: right;}
#logo    {width: 297px; height: 100px; float:left;}
    .topNav    {width: 400px; height: 20px; margin-top: 45px; font-weight: bold; white-space: nowrap; text-align: right; float: right; font-size: .9em; color: #F00; text-transform: uppercase;}
        .topNav li    {display: inline; list-style-type: none;}
            .topNav li a    {color: #ccc; text-decoration: none; padding: 0px 20px 0px 20px;}
            .topNav li a:hover    {color: #F00; text-decoration: underline; background: none;}
    .mainNav    {width: 500px; height: 30px; margin-top: -30px; font-weight: bold; white-space: nowrap; font-size: 1.2em; text-align: right; float: right; text-transform: uppercase;}
        .mainNav li    {display: inline; list-style-type: none;}
            .mainNav li a    {color: #fff; text-decoration: none; padding: 0px 20px 0px 20px;}
            .mainNav li a:hover    {color: #0F0; text-decoration: underline; background: none;}
#twitter    {width: 800px; height: 40px; background: none; border: none; margin-top: 25px; margin-left: auto; margin-right: auto;}
#extraContainer   {width: 800px; margin: auto;}
#contentContainer    {background: #FFF; width: 800px; margin: 0px auto 0px auto; float: left; height: auto; margin-right: auto; margin-left: auto; margin-top: 25px; margin-bottom: 25px; border: none;}
#footer    {border: none; background: none; width: 790px; height: 75px; margin-left: auto; margin-right: auto; margin-bottom: 25px; text-align: left; padding: 5px; color: #666;}
    .footerNav    {width: 590px; height: 25px; margin-top: 0px; padding: 0px; font-weight: bold; white-space: nowrap; text-align: left; float: left; font-size: .9em; color: #F00; text-transform: uppercase;}
        .footerNav li    {display: inline; list-style-type: none; padding: 0px 20px 0px 20px;}
            .footerNav li a    {color: #ccc; text-decoration: none;}
            .footerNav li a:hover    {color: #F00; text-decoration: underline; background: none;}
#footerContainer    {width: 590px; height: 100px; float: left;}
#credits    {width: 200px; height: 100px; float: right;}
    #credits a    {background: none;}
#firstNews    {width: 275px; height: 100px; float: left; padding: 5px; margin-top: 0px; border-left: solid #FFF thin; border-right: solid #FFF thin;}
    #firstNews h2.postTitle    {font-size: 1.25em; padding: 0px;}
    #firstNews .postBody    {color: #fff;}
    #firstNews .postInfo {color: #fff;}
            
/* layout stuff */
#mainContent    {width: 300px; height: 400px; clear: both; margin-left: 500px;}
#video    {width: 310px; height: 195px; float: left; padding-left: 10px;}
#feature    {width: 400px; height: 145px; padding-top: 75px; float: right; text-align: right;}
#admin    {padding: 5px;}
#inside    {padding: 5px;}
#featuredFull    {width: 800px; height: 200px;}
#mainColumn    {width: 394px; height: auto; float: left; padding: 3px;}
#subColumn    {width: 194px; height: auto; float: left; padding: 3px;}
#extraColumn    { width: 194px; height: auto; float: left; padding: 3px;}
#extraBar    { width: 800px;    height: auto; float: left;}

/* element stuff */
.blogsElement    {margin-top: -30px;}
    .rss img    {border: none;}