/* Color Guide
Color Name 1 - Hex Code
Color Name 2 - Hex Code
----------------------------------------- */
/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background-color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; color: #333; }
ul, li { list-style: none; }
img { border: none; }
p { margin: 10px 0; text-align:left; }
h1 { font-size: 140%; font-weight: bold; padding: 5px 0; }
h2 { color: #797e32; font-size: 125%; font-weight: bold; padding: 5px 0; text-align: center; }
h3 { color: #797e32; font-size: 120%; font-weight: bold; padding: 5px 0; text-align: center; text-decoration: underline; }
h4 { font-size: 100%; font-weight: bold; padding: 5px 0; }
h5 { font-size: 100%; font-weight: 200; padding: 5px 0; }

a:link { background-color: inherit; color: #b9b96f; font-weight: 500; text-decoration: none; }
a:visited { background-color: inherit; color: #b9b96f; font-weight: 500; text-decoration: none; }
a:hover { background-color: inherit; color: #797e32; font-weight: 500; text-decoration: none; }
a:active { background-color: inherit; color: #797e32; font-weight: 500; text-decoration: none; }

a.bold:link, a.bold:visited, a.bold:active, a.bold:hover { font-weight: bold; }

/* Divs
----------------------------------------- */
#wrapper { background-color: #fff; border:1px solid #fff; color: #000; margin: 5px auto; text-align: left; width: 940px; } 


#contentwrap { background: inherit; color: #666; float: left; padding:0; }
#content_left { background: inherit; color: #666; float: left; width: 225px; }
#content_center { background: inherit; color: #666; float: left; font-size: 85%; padding:5px 25px; width: 470px; }
#content_right { background: inherit; color: #666; float: left; font-size:90%; padding:0px; width: 180px; }



#concon { text-align: center; }
#cc_field { border:1px solid #cdced0; background-color: #fefefe; color: #666; font-size:10pt; margin: 7px 0; }
#submit { background-color:#fff; border:1px solid #cdced0; color: #666; font-size:90%; }


#mid_home { float: left; width: 215px; }
#mainnav { float: left; width: 716px; }

#topnav { position: relative; width: 716px; height: 34px; background-color: #fff;}
#topnav li { width: 716px; height: 34px; position: absolute; background: url(../images/nav.jpg) 0 0 no-repeat; display: block; list-style: none; }
#topnav a {width: 716px; height: 34px; display: block; }
#topnav #about {top: 0; background-position: 0 0;}
#topnav #program {left: 89px; background-position: -89px 0;}
#topnav #schedule {left: 218px; background-position: -218px 0;}
#topnav #tickets {left: 356px; background-position: -356px 0;}
#topnav #partners {left: 474px; background-position: -474px 0;}
#topnav #contact {left: 607px; background-position: -607px 0;}

#topnav #about a:hover {background: url(../images/nav.jpg) 0 -34px no-repeat;}
#topnav #program a:hover {background: url(../images/nav.jpg) -89px -34px no-repeat;}
#topnav #schedule a:hover {background: url(../images/nav.jpg) -218px -34px no-repeat;}
#topnav #tickets a:hover {background: url(../images/nav.jpg) -356px -34px no-repeat;}
#topnav #partners a:hover {background: url(../images/nav.jpg) -474px -34px no-repeat;}
#topnav #contact a:hover {background: url(../images/nav.jpg) -607px -34px no-repeat;}



#ocmenu { position: relative; margin: 0 0 0 10px; width: 75px; height: 85px; background-color: #fff;}
#ocmenu li { width: 75px; height: 17px; position: absolute; background: url(../images/oc/oc.jpg) 0 0 no-repeat; display: block; list-style: none;}
#ocmenu a {width: 75px; height: 17px; display: block; }
#ocmenu #facebook {top: 0;}
#ocmenu #myspace {top: 17px; background-position: 0 -17px;}
#ocmenu #flickr {top: 34px; background-position: 0 -34px;}
#ocmenu #socialzr {top: 51px; background-position: 0 -51px;}
#ocmenu #addthis {top: 68px; background-position: 0 -68px;}
#ocmenu #facebook a:hover {background: url(../images/oc/oc.jpg) -75px -0 no-repeat;}
#ocmenu #myspace a:hover {background: url(../images/oc/oc.jpg) -75px -17px no-repeat;}
#ocmenu #flickr a:hover {background: url(../images/oc/oc.jpg) -75px -34px no-repeat;}
#ocmenu #socialzr a:hover {background: url(../images/oc/oc.jpg) -75px -51px no-repeat;}
#ocmenu #addthis a:hover {background: url(../images/oc/oc.jpg) -75px -68px no-repeat;}

#owners { border-right: 1px solid #cdced0; float: left; width: 277px; }
#ownmenu { position: relative; margin: 10px 20px; width: 115px; height: 18px; background-color: #fff;}
#ownmenu li { width: 115px; height: 18px; position: absolute; background: url(../images/oc/own.jpg) 0 0 no-repeat; display: block; list-style: none;}
#ownmenu a {width: 115px; height: 18px; display: block; }
#ownmenu #reboot {top: 0; background-position: 0 0;}
#ownmenu #cjm {left: 115px; background-position: -115px 0;}
#ownmenu #reboot a:hover {background: url(../images/oc/own.jpg) 0 -18px no-repeat;}
#ownmenu #cjm a:hover {background: url(../images/oc/own.jpg) -115px -18px no-repeat;}


#jimjoseph { border-right: 1px solid #cdced0; float: left; width: 227px; }
#jimjoseph p { color: #777; float: left; font-size: 80%; padding: 0 10px; width: 80px; text-align:center; }
#jjfmenu { position: relative; margin: 10px 20px; width: 101px; height: 31px; background-color: #fff;}
#jjfmenu li { width: 101px; height: 31px; position: absolute; background: url(../images/oc/jjf.jpg) 0 0 no-repeat; display: block; list-style: none;}
#jjfmenu a {width: 101px; height: 31px; display: block; }
#jjfmenu #jjf {top: 0; background-position: 0 0;}
#jjfmenu #jjf a:hover {background: url(../images/oc/jjf.jpg) 0 -31px no-repeat;}

#sponsors { border-right: 1px solid #cdced0; float: left; width: 237px; }
#sponsors p { color: #777; float: left; font-size: 80%; padding: 0 10px; width: 80px; text-align:center; }
#sponsmenu { position: relative; margin: 10px 20px; width: 105px; height: 35px; background-color: #fff;}
#sponsmenu li { width: 105px; height: 35px; position: absolute; background: url(../images/oc/sponsors.jpg) 0 0 no-repeat; display: block; list-style: none;}
#sponsmenu a {width: 105px; height: 35px; display: block; }
#sponsmenu #sevenbyseven {left: 0; background-position: 0 0;}
#sponsmenu #guardian {left: 27px; background-position: -27px 0;}
#sponsmenu #sevenbyseven a:hover {background: url(../images/oc/sponsors.jpg) 0 -35px no-repeat;}
#sponsmenu #guardian a:hover {background: url(../images/oc/sponsors.jpg) -27px -35px no-repeat;}

#copyright { float: left; width: 190px; }
#copyright p { color: #777; float: left; font-size: 80%; padding: 0 10px 10px 10px; text-align:left; }
#copyright a { color: #666; font-weight: normal; text-decoration: none; }
#copyright a:hover { color: #000; }

#footer { border-top: 1px solid #cdced0; margin: 0 auto; width: 940px; }

/* Images */
img.sign_up { width: 156px; height: 63px; padding: 7px 30px 0 30px; }
img.linkcreative { width: 54px; height: 18px; vertical-align: middle; }
img.dawnposter { width: 115px; height: 176px; padding: 10px 0 5px 10px; }
img.clickdawnposter { width: 184px; height: 16px; padding: 5px 0 10px 0; }
img.joinoc { width: 168px; height: 32px; }
img.topl_img_home { width: 215px; height: 184px; }
img.topr_img_home { width: 724px; height: 184px; }
img.mid_img_home { width: 215px; height: 34px; }
img.reboot_logo { width: 180px; height: 50px; padding: 0 150px; }
img.cjm_logo { width: 200px; height: 50px; padding: 0 140px; }
img.jjf_logo { width: 147px; height: 50px; padding: 0 160px; }
img.sevenby_logo { width: 50px; height: 94px; padding: 0 215px; }
img.guardian_logo { width: 186px; height: 50px; padding: 0 145px; }
img.jmf_logo { width: 144px; height: 112px; padding: 0 160px; }

img.dengue_fever { width: 410px; height: 277px; padding: 0 25px; }
img.j_safran_foer { width: 275px; height: 345px; padding: 0 95px; }
img.sons { width: 273px; height: 410px; padding: 0 80px; }
img.yossi_fine { width: 331px; height: 410px; padding: 0 70px; }
img.adam_mansbach { width: 450px; height: 147px; }
img.s_elliot { width: 390px; height: 285px; padding: 0 25px; }
img.ronna_beverly { width: 400px; height: 270px; padding: 0 25px; }
img.dan_wolf { width: 300px; height: 203px; padding: 0 70px; }
img.ari_kelman { width: 165px; height: 200px; padding: 0 150px; }
img.he-brew { width: 400px; height: 173px; padding: 0 25px; }
img.cjmexhibit { width: 410px; height: 241px; padding: 0 25px; }
img.annie_leibovitz { width: 334px; height: 410px; padding: 0 70px; }


/* Self Cleared Float
----------------------------------------- */
#wrapper:after,
#head_home:after,
#contentwrap:after,
#content_left:after,
#content_center:after,
#content_right:after,
#owners:after,
#jimjoseph:after,
#sponsors:after,
#copyright:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }