/*---------------------------------------------
Project: Chicago Photography Classes
Date: December 2008
----------------------------------------------- */


/*---------------------------------------------
 LAYOUT
----------------------------------------------- */

/* general */
* { margin:0; padding:0; }
body { font:76%/125% Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; background:#bcbec0 url(../assets/bkgrds/page-wrap-top.jpg) no-repeat center top; }
#page-wrap { position:relative; width:960px; margin:0 auto; text-align:left; }
#content-wrap { float:left; width:958px; background:#bcbec0 url(../assets/bkgrds/content-wrap-shadow.jpg) repeat-y; }
#content-threecol { float:left; width:910px; margin-left:25px; display:inline; padding:0 0 1.5em 0; background:#fff url(../assets/bkgrds/content-3column.jpg) repeat-y; }
#content-twocol { float:left; width:910px; margin-left:25px; display:inline; padding:0 0 1.5em 0; background:#fff url(../assets/bkgrds/content-2column.jpg) repeat-y; }
.threecol #main { float:left; width:490px; margin:0 20px; min-height:600px; height:auto !important; height:600px; }
.twocol #main { float:left; width:675px; margin:0 10px 0 20px; min-height:600px; height:auto !important; height:600px; }
.hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }

/* banner */
#banner { position:relative; height:23px; padding:6px 12px 0 12px; background-color:#f00; width:886px; margin:25px 25px 0 25px; list-style: none; }
#banner li { font-weight:bold; color: #fff; text-align:left; display:inline; }
#banner li a { color:#fff; }
#banner li a:hover { color:#fcc; text-decoration:none; }

/* utility bar */
#utility-home { position:relative; height:27px; padding:9px 12px 0 12px; background-color:#fff; width:886px; margin:0 25px 0 25px; }
#utility-home p { font-weight:bold; text-align:left; display:inline; }
#utility-home a { color:#ea5218; }
#utility-home a:hover { color:#ccc; text-decoration:none; }
/* #utility .countdown { position:relative; clear:both; float: right; display: inline;} */
#utility-home .countdown { height:25px; position:absolute; top:9px; right:12px; list-style:none; }

/* utility bar */
#utility { position:relative; height:27px; padding:9px 12px 0 12px; background-color:#fff; width:886px; margin:25px 25px 0 25px; }
#utility p { font-weight:bold; text-align:left; display:inline; }
#utility a { color:#ea5218; }
#utility a:hover { color:#ccc; text-decoration:none; }

/* pagehead (was cadb2a now fc0)*/
#page-head-home { position:relative; clear:both; height:165px; width:960px; background:#fc0 url(../assets/bkgrds/page-head-home.gif) no-repeat 0 6px; }
#page-head-home-image { position:absolute; left:500px; top:-4px; height:160px; width:330px; background:url(../assets/bkgrds/page-head-home-tag.gif) no-repeat 0 0; }
#page-head-page { position:relative; clear:both; height:90px; width:960px; background:#fc0 url(../assets/bkgrds/page-head-page.gif) no-repeat 0 6px; }
#page-head-page-image { position:absolute; left:500px; top:-4px; height:85px; width:330px; background:url(../assets/bkgrds/page-head-page-tag.gif) no-repeat 0 0;  }

/* main */
#main h1 { font:normal 200% Georgia, "Times New Roman", Times, serif; color:#333; margin:6px 0 9px 0; padding:5px 0; border-bottom:1px solid #dadada; }
#main h1.norule { border-bottom:none; }
#main h3 { font-size:130%; padding:4px 0 0 0; margin:0 0 10px 0; }
#main h3.special { font-size:125%; margin:9px 0 6px 0; color:#ea5218; }
#main h4 { font-size:125%; line-height:135%; margin:9px 0 6px 0; color:#ea5218; }
#main h5 { font-size:100%; font-weight:bold; line-height:160%; margin-bottom:10px; }
#main p { margin-bottom:10px; line-height:160%; }
#main ul { margin:0 0 12px 0; list-style:none; padding-right:15px; }
#main ul li { padding-left:16px; line-height:160%; margin-top:6px; background:url(../assets/graphics/bullet-arrow.gif) no-repeat 0 0.4em; }
#main ol { margin:0 0 12px 5px; list-style:decimal; padding:0; }
#main ol li { line-height:160%; margin:6px 0 0 18px; padding:0; }

/* leftcolumn f5821f */	
#leftcolumn { float:left; width:170px; padding:10px 10px; } 
#leftcolumn h1 { margin:0 0 3px 0; font:bold 125%/135% Verdana, Arial, Helvetica, sans-serif; color:#ea5218; }
#leftcolumn h2 { margin:21px 0 3px 0; font:bold 125%/135% Verdana, Arial, Helvetica, sans-serif; color:#ea5218; }
#leftcolumn h3 { margin:0 0 6px 0; font:normal 125%/135% Verdana, Arial, Helvetica, sans-serif; }

/* right column */
#rightcolumn { float:right; width:170px; padding:10px 10px; }
#rightcolumn h1 { margin:0; padding:0; font:bold 125%/135% Verdana, Arial, Helvetica, sans-serif; color:#ea5218; }
#rightcolumn h2 { margin:12px 0 3px 0; padding:0; font:bold 98% Verdana, Arial, Helvetica, sans-serif; color:#444; }
#rightcolumn p { margin-bottom:0; line-height:155%; }

/* images */
img { background:#fafafa; border:1px solid #dcdcdc; padding:3px; }
img.float-right { margin:4px 0 0 12px; }
img.float-left { margin:4px 12px 0 0; }
img.plain { background:#fff; border:0px; padding:0; }


/* footer */
#footerwrap { clear:both; height:2em; width:960px; font-size:95%; padding:10px 0 0 0; text-align:left; background-color:#000; }
#footerwrap a { text-decoration:none; color:#999; font-weight:bold; }
#footerwrap a:hover { color:#cadb2a; }
#footer { clear:both; color:#999; width:910px; margin:0 25px; text-align:center; }


/*---------------------------------------------
 TYPE TREATMENTS
----------------------------------------------- */

/* tags */
h3.special { font-size:112%; margin:24px 0 12px 0; color:#f5821f; }
h3.ruled { border-bottom:1px solid #dadada; padding:0 0 9px 0; }
h4 { font-size:100%; margin:12px 0 8px 0; }
p { padding:0; margin:0 0 12px 0; }
hr { color: #dadada; width: 100%; height: 1px; margin: 20px 0; }

/* color and weight */
.orangetype { color:#ea5218; }
.orangeboldtype { color:#ea5218; font-weight:bold; }
.redboldtype { color:#f00; font-weight:bold; }
.boldtype { font-weight:bold; }
.normalweight { font-weight:normal; }


/*---------------------------------------------
 NAVIGATION
----------------------------------------------- */

/* primary navigation */
#nav { clear:both; padding:0; }
#nav ul { float:left; list-style:none; background-color:#000; width:960px; height:2.7em; display:inline; }
#nav ul li { display:inline; font:bold 95%/290% Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:0; }
#nav ul li a { display:block; float:left; width:auto; margin:0; padding:0 0.8em; border-right:1px solid #3d3d3d; border-bottom:none; color:#999; text-decoration:none; text-transform:uppercase; }
#nav ul li a:hover, 
#nav ul li a:active { color:#fff; background-color:#3d3d3d; border-right:1px solid #3d3d3d; }
#nav ul li.current a { background-color:#ea5218; display:block; float:left; width:auto; margin:0; padding:0; border-right:1px solid #ea5218; color:#fff; text-decoration:none; }
#nav ul li.current a:hover { background-color:#ea5218; }
#nav ul li.current { background-color:#ea5218; display:block; float:left; width:auto; margin:0; padding:0 0.8em; border-right:1px solid #ea5218; border-bottom:none; color:#fff; text-decoration:none; }

/* sidemenu */
#leftcolumn ul.sidemenu { text-align:left; margin:5px 0; padding:0; border-top:1px solid #d4d4d4; text-decoration:none; }
#leftcolumn ul.sidemenu li { list-style:none; padding:5px 15px; margin:0 2px; border-bottom:1px solid #d4d4d4; }
#leftcolumn ul.sidemenu li.current { font-weight:bold; color:#444; list-style:none; padding:5px 15px; margin:0 2px; border-bottom:1px solid #d4d4d4; background:url(../assets/graphics/bullet-arrow.gif) no-repeat 0 .7em; }
* html body ul.sidemenu li { height:1%; }
#leftcolumn ul.sidemenu li a { text-decoration:none; color:#333; border:none; display:block; }
#leftcolumn ul.sidemenu li a:hover { color:#ea5218; border:none; }

/* brand link to home page */
#page-head-page ul.brand { float:left; list-style:none; height:72px; margin:18px 0 0 20px; border:none; }
#page-head-page ul.brand li { margin:0; }
#page-head-page ul.brand li a { display:block; width:450px; height:55px; text-decoration:none; }


/*---------------------------------------------
 TABLES AND FORMS
----------------------------------------------- */

/* table */
table { border-collapse:collapse; margin:6px 0 15px 0; width:100%; }
th strong { color:#fff; }
th { background-color:#f28213; padding:4px 6px; border-left:3px solid #f4f4f4; color:#fff; }
tr { height:auto; }
td { padding:4px 6px; border-bottom:1px solid #ccc; border-left:3px solid #fff; }
td.norules { padding:4px 0; border:none; }
td a { font-weight:bold; }
th.first, td.first { border-left:0px; text-align:left; }
tr.row-a { background:#f8f8f8; }
tr.row-b { background:#efefef; }
tr.ruled { background:#fbde6b; }    

/* contact */
.formrequired { background-color:#ffc; }
.formerror { font-weight:bold; color:#f00; background-color:#ebebeb; width:auto; padding:6px 0;}
.formerror img { border:none; background-color:#ebebeb; }
.errortext { font-weight:bold; color:#fff; background-color:#f00; padding:4px 6px 4px 0; }
.errortext img { border:none; background-color:#f00; }
.formtab { padding:4px 6px 4px 0; }
.checkboxes { float:left; margin:5px 30px 15px 0; line-height:160%; }
.entryfields { float:left; width:470px; height:auto; }
.goaway { position:absolute; left:-500px; display: none; }


/*---------------------------------------------
 SPECIAL ITEMS
----------------------------------------------- */

/* portfolio images */
#imagewrapper { position:absolute; width:675px; padding-top:15px; height:auto; }
#imagecontrols { position:absolute; width:650px; height:100px; background-color:transparent; }
#imagecontrols img { background:#fafafa; border:1px solid #dcdcdc; padding:3px; margin-right:9px; }
#imagedisplay { position:absolute; width:670px; height:auto; margin-top:100px; }
#imagedisplay img { background:#fff; border:none; padding:0; }
.imageup { position:absolute; visibility:visible; padding:0px; margin:12px 0 0 0; height:auto; width:650px; }
.imagedn { position:absolute; visibility:hidden; padding:0px; margin:27px 0 0 0; height:auto; width:650px; }


/* faq show-hide */
.question { font-size:125%; line-height:135%; color:#333; font-weight: bold; display: block; width:655px; padding:5px 10px; margin:12px 0 6px 0; cursor:pointer; text-decoration:none; background-color:#d8d8b2; }
.question:hover { color:#ea5218; }
.answer { font-weight:normal; line-height:160%; color:#333; display:none; padding:0; margin:0 0 12px 12px; }


/* special announcements */
#content-wrap .announcements { text-align: center; width:450px; background-color:#d8d8b2; color:#333; margin:12px 0 12px 0; padding:10px 20px; }
#content-wrap .announcements h2 { text-align: center; font:bold 140%/135% Verdana, Arial, Helvetica, sans-serif; color:#333; margin-bottom: 8px; }
#content-wrap .announcements a { font-size: 100%; color:#333; text-decoration:underline; display: block; margin-bottom: 4px; }
#content-wrap .announcements a:hover { color:#fff; text-decoration:none; }

#content-wrap h1.special { font:normal Verdana, Arial, Helvetica, sans-serif; width:450px; background-color:#FF0000; color:#333; margin:12px 0 0 0; padding:10px 20px; }<br>
#content-wrap h1.special1 { font:normal Verdana, Arial, Helvetica, sans-serif; width:130px; background-color:#FF0000; color:#333; margin:12px 0 0 0; padding:10px 20px; }
#content-wrap h1.special a { color:#333; text-decoration:underline; }
#content-wrap h1.special a:hover { color:#fff; text-decoration:none; }
#sold-out { width:100%; background:url(../assets/graphics/sold-out.gif) no-repeat center center; }

/* spacing */
.plus-top-margin { margin-top:15px; }

/* links */
a, a:visited { color:#333; text-decoration:underline; }
a:hover { color:#ea5218; text-decoration:none; }

/* callouts color boxes */
dl { width:100%; margin:0 0 24px 0; padding:0 0 6px 0; background-color:#f00; }
dl a, dl a:visited { color:#fff; margin-right:6px; padding:3px 3px; }
dl a:hover { text-decoration:none; color:#666; background-color:#fff; }
dt { margin:0 0 9px 0; padding:6px; font-size:130%; line-height:125%; color:#fff; }
dd { margin:0 0 3px 9px; padding:0 6px 3px 9px; font-size:100%; line-height:150%; background:url(../assets/graphics/bullet-forward-white.gif) no-repeat 0 .5em; }
dd.nobullet { margin:0 0 3px 9px; padding:0 6px 3px 0; font-size:100%; line-height:150%; background-image:none; }
dd.textlink { color:#fff; text-align:right; background-image:none; text-decoration:none; margin:0; padding:0 0 6px 0; }
dd.attribution { text-align:right; font-style:italic; margin:0 12px 3px 9px; padding:0 0 3px 0; font-size:100%; line-height:130%; background-image:none; }
dd.attribution a { color:#333; }

dl.quotation { background-color:#d8e15f; background-image:none; color:#fff; margin-top:0; padding-top:9px; color:#444; border-top:3px solid #abba14; }
dl.quotation dd { margin:0 0 3px 9px; padding:0 6px 3px 0; font-size:100%; line-height:150%; background-image:none; }

dl.gray dt { background-color:#8c8e91; }
dl.gray { background-color:#aeb0b3; color:#fff; }
dl.blue dt { background-color:#007bcb; }
dl.blue { background-color:#009dec; color:#e1ecf8; }
dl.red dt { background-color:#c31a20; }
dl.red { background-color:#e6311a; color:#fcdfce; }
dl.orange dt { background-color:#ea5218; }
dl.orange { background-color:#f28213; color:#feead4; }
dl.purple dt { background-color:#6b1c7e; }
dl.purple { background-color:#8d4190; color:#e8dced; }
dl.green dt { background-color:#6f8513; }
dl.green { background-color:#9ab41b; color:#eff3c6; }

/* alignment classes */
.float-left { float:left; }
.float-right { float:right; }

/* other boxes */
#mapbox { float:left; width:100%; height:30em; margin:0.5em 0 1.5em 0; }
#mapbox img { background:none; }
.terms-box { background-color:#fff; width:160px; text-align: center; padding: 8px 5px; }
.twitter-box { background-color:#fff; width:100%; text-align:center; padding:0; margin-top:15px; }
.twitter-box img { background-color:#fff; border: 0; margin: 0; }
.yelp-box { background-color:#fff; width:100%; text-align:center; padding:9px 0; margin-top:15px; }
.gcheckout { background-color:#fff; width:100%; text-align:center; padding:9px 0; margin-top:15px; }

.highlightbox { text-align:center; background-color:#d8e15f; padding:5px; margin:6px 0 9px 0; font-size:95%; font-weight:bold; color:#333; }
.highlightbox .date { margin:0 10px 0 5px; }
.highlightbox a.readmore { font-weight:bold; text-decoration:underline; margin:0 10px 0 5px; }

/* post */
.post-by { font-size:90%; padding-top:0; }
.post-header { font-weight:bold; background:#dadada; padding:5px; margin:0 0 30px 0; font-size:95%; color:#333; }
.post-header .date { margin:0 0.83em 0 0.41em; }
.post-header a.comments { margin:0 0.83em 0 0.41em; }
.post-header a.author { margin:0 0.83em 0 0.41em; }
.post-header a.readmore { margin:0 0.83em 0 0.41em; color:#ea5218; }