/* 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; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
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:"" ""; }

body, html { width:100%; height:100%; }


/* Global type -------------------------------------------- */

body { font:normal 14px 'trebuchet ms',sans-serif; line-height:20px; color:#454245; }

p  { margin:10px 0 10px 0; }
ul { margin:10px 0 10px 20px; list-style:square outside; }
ol { margin:10px 0 10px 20px; list-style:decimal outside; }

h1 { margin:20px 0 20px 0; font-family:georgia,serif; font-size:30px; line-height:30px; font-weight:normal; color:#D40FCD; }
h2 { margin:20px 0  0   0; font-family:georgia,serif; font-size:22px; line-height:20px; font-weight:normal; color:#51134D;  }
h3 { margin:20px 0  0   0; font-family:georgia,serif; font-size:14px; line-height:20px; font-weight:bold;   color:black; }

a { color:#5EBBEB; }
a:hover { color:#D40FCD; }


/* Main elements -------------------------------------------- */

body { display:table; background:#030103 url('../images/bodybg.jpg') center center no-repeat fixed; }

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

#header { padding:0 0 0 160px; }

#nav { width:160px; float:left; padding:30px 0 0 0; }

#content { width:460px; padding:0 10px; float:left; overflow:auto; }

#sidebar { width:320px; float:left; padding:10px 0 0 0; }

#footer { width:440px; margin:0 0 50px 160px; padding:0 20px; clear:both; }


/* Navigation -------------------------------------------- */

#nav { }

#nav ul { margin:0; padding:0; list-style:none; }
#nav li { margin:0; padding:0 10px 0 0; text-align:right; }

#nav a { font:normal 18px georgia,serif; line-height:30px; text-decoration:none; text-transform:lowercase; color:white; }
#nav a:hover { color:#D40FCD; }

/* current page highlighting */

body.contact #nav .contact a,
body.shop #nav .shop a,
body.workshops #nav .workshops a,
body.show #nav .show a,
body.prereg #nav .prereg a,
body.venu #nav .venue a,
body.home #nav .home a { color:#FFCB3C; }


/* Header -------------------------------------------- */

#header { }

#header .logo { margin:0; padding:0; width:360px; height:210px; text-indent:-9999em; background:url('../images/BJC2010.png') left center no-repeat; }
* html #header .logo { background-image:url('../images/BJC2010.gif'); }


/* Content -------------------------------------------- */

#content { background:url('../images/contentbg_top.png') top center no-repeat; }
#content_liner { margin:0; padding:0 30px 20px 30px; background:white url('../images/contentbg_bot.png') bottom center no-repeat; }


/* Sidebar -------------------------------------------- */

#sidebar { font-size:12px; }

#sidebar .social { text-align:center; }
#sidebar { color:#5EBBEB; }
#sidebar a { color:#5EBBEB; }
#sidebar a:hover { color:#D40FCD; }

/* Speech bubbles -------------------------------------------- */

.speechbubble { padding: 10px; background:url('../images/speechbubblebg_top.png') top center no-repeat; }
.speechbubble_liner { padding:0 30px 30px 30px; background:url('../images/speechbubblebg_bot.png') bottom center no-repeat; }
* html .speechbubble_liner { background-image:url('../images/speechbubblebg_bot.gif'); }

.speechbubble p { padding:10px 0; margin:0; color:white; }


/* Footer -------------------------------------------- */

#footer { }

#footer .logo { margin:0; padding:0; width:100px; height:100px; text-indent:-9999em; background:url('../images/huddnewcolllogo.jpeg') left center no-repeat; }
#footer p { margin:0; padding:0; font-size:12px; color:white; }

#footer a { color:white; }
#footer a:hover { color:#D40FCD; }

#footer .contact { float:left; }
#footer .top { float:right; }


/* -------------------------------------------- */