/* 
-------------------------------------------------------------------
Hemlock Happening stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body, wrapper and general formatting
--------------------------------------------------------------------------
*/

body { margin: 0; padding: 0; font: 62.5% "Verdana", sans-serif; background: #ccdde3; color: #333; text-align: center; }

a { color: #666; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #999; }

form, fieldset { margin: 0; padding: 0; border: 0; display: inline; }
input, select, textarea { font: 1em "Verdana", sans-serif; }

img { vertical-align: bottom; border: 0; }

.aligncenter { text-align: center; }

/* Wrapper and drop shadow divs
--------------------------------------------------------------------------
*/

#wrapper { width: 784px; margin: 0 auto; padding: 0; background: #fff url(/images/style/mainbg.jpg) no-repeat; text-align: left; }
.dropshadow1 { background: url(/images/style/dropshadow/dropshadow1.gif) repeat-y top right; }
.dropshadow2 { background: url(/images/style/dropshadow/dropshadow2.gif) repeat-x bottom left; }
.dropshadow3 { background: url(/images/style/dropshadow/dropshadow3.gif) no-repeat bottom right; }
.dropshadow4 { background: url(/images/style/dropshadow/dropshadow4.gif) no-repeat bottom left; }
.dropshadow5 { padding: 0 5px 5px 0; background: url(/images/style/dropshadow/dropshadow5.gif) no-repeat top right; }

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

#topbar { width: 784px; margin: 0 auto; padding: 15px 10px 10px 0; text-align: right; }
#topbar ul { margin: 0; padding: 0; display: inline; list-style: none; }
#topbar ul li { font: 1.1em "Arial"; padding: 0 4px 0 1px; border-right: 1px solid #000; display: inline; }
#topbar ul li ul li { padding: 0; border-right: 0; }
#topbar ul.textsize { text-transform: uppercase; }
#topbar ul.textsize li.large { font-size: 1.2em; }
#topbar ul.textsize li.xlarge { font-size: 1.4em; }
#topbar ul.textsize li a span { position: absolute; top: 0; left: -9999px; }

#header { }
#logo { float: left; }
#eventdetails { width: 33em; min-height: 95px; text-align: right; position: relative; float: right; }
#eventdetails div { position: absolute; bottom: 0; right: 10px; }
#eventdetails p { margin: 0; padding: 0; line-height: 150%; color: #131313; font-size: 1.5em; }
#eventdetails strong { font-weight: normal; font-size: 1.3em; }
#eventdetails strong.colour { color: #9d0a0e; }
#eventdetails p.highlight { margin: .3em 0 0 0; padding: .3em 0; line-height: 100%; font-size: 1.8em; text-align: center; background: #5d614b; color: #fff; }

/* Left column - main menu
--------------------------------------------------------------------------
*/

#leftcol { width: 170px; padding: 20px 0 0 5px; float: left; }
#leftcol ul { margin: 0; padding: 0; list-style: none; }
#leftcol ul li .dropshadow4 { padding: 0 0 5px 0; }
#leftcol ul li a { background: url(/images/style/menu/menubg.gif) repeat-y; color: #131313; font-size: 1.2em; margin: 0 0 2px 0; padding: 4px 4px 4px 14px; display: block; }
#leftcol ul li a:hover { text-decoration: underline; }
#leftcol ul li a.n1 { background-color: #f5989d; }
#leftcol ul li a.n2 { background-color: #95fb9d; }
#leftcol ul li a.n3 { background-color: #95b0ff; }
#leftcol ul li a.n4 { background-color: #ffbc76; }
#leftcol ul li a.n5 { background-color: #ffff66; }
#leftcol ul li a.n6 { background-color: #ff9be8; }

#leftcol ul li a.n1.on { background: #fff url(/images/style/menu/menu-n1.gif) repeat-y; }
#leftcol ul li a.n2.on { background: #fff url(/images/style/menu/menu-n2.gif) repeat-y; }
#leftcol ul li a.n3.on { background: #fff url(/images/style/menu/menu-n3.gif) repeat-y; }
#leftcol ul li a.n4.on { background: #fff url(/images/style/menu/menu-n4.gif) repeat-y; }
#leftcol ul li a.n5.on { background: #fff url(/images/style/menu/menu-n5.gif) repeat-y; }
#leftcol ul li a.n6.on { background: #fff url(/images/style/menu/menu-n6.gif) repeat-y; }

#rightcol { width: 600px; background: #fff; float: left; }
#rightcol .contentborder { border-top: 5px solid #bdb8a2; border-bottom: 5px solid #bdb8a2; }
#rightcol #contentpad { padding: 10px; overflow: hidden; zoom: 1; }

#rightcol h1 { margin: 0; padding: 0; font-size: 1.8em; }
#rightcol p { margin: 1em 0 0 0; font-size: 1.2em; }
#rightcol a { color: #c60; }
#rightcol a:hover { text-decoration: underline; }
#rightcol a:active { color: #666; }

#rightcol #highlight1 { background: url(/images/style/highlight/highlight-1.jpg) no-repeat; height: 205px; }
#rightcol #highlight2 { background: url(/images/style/highlight/highlight-2.jpg) no-repeat; height: 205px; }
#rightcol #highlight3 { background: url(/images/style/highlight/highlight-3.jpg) no-repeat; height: 205px; }
#rightcol #highlight4 { background: url(/images/style/highlight/highlight-4.jpg) no-repeat; height: 205px; }
#rightcol #highlight5 { background: url(/images/style/highlight/highlight-5.jpg) no-repeat; height: 205px; }
#rightcol #highlight6 { background: url(/images/style/highlight/highlight-6.jpg) no-repeat; height: 205px; }
#rightcol #highlight7 { background: url(/images/style/highlight/highlight-7.jpg) no-repeat; height: 205px; }

#rightcol .eventlisting { width: 270px; margin-right: 10px; padding-top: 10px; margin-bottom: 1em; background: #790001 url(/images/style/eventlistingbg.gif) repeat-y top right; }
#rightcol .eventlisting img { margin-right: 10px; margin-top: -10px; }
#rightcol .eventlisting a { margin-top: 10px; font-size: 1.3em; color: #fff; font-weight: bold; }
#rightcol .eventlisting a:hover { text-decoration: underline; }

#rightcol .events { margin: 1em 0 0 0; border-collapse: collapse; }
#rightcol .events th { padding: .4em; font-size: 1.1em; color: #fff; vertical-align: top; background: #790000; }
#rightcol .events td { padding: .4em; font-size: 1.1em; vertical-align: top; }

#rightcol #map { width: 500px; margin: 1em auto; height: 300px; }

#rightcol #homepagehighlight { position: relative; background: url(/images/style/highlight/homepage-highlight.jpg) no-repeat; min-height: 204px; }
#rightcol #homepagehighlight div { position: absolute; top: 115px; right: 10px; font-size: 1.3em; text-align: right; }
#rightcol #homepagehighlight div p { margin: 0; padding: 0; }
#rightcol #homepagehighlight div p span { color: #9d0a0e; }

#rightcol .homepagepromos { margin: 10px 0 0 0; }
#rightcol .homepagepromo { width: 184px; position: relative; float: left; }
#rightcol .homepagepromo .header { text-align: center; }
#rightcol .homepagepromo .header h2 { margin: 0; padding: 9px 0 3px 0; background: url(/images/style/promo/homepagepromobar.gif) repeat-x; font-size: 1.4em; }
#rightcol .homepagepromo.green, #rightcol .homepagepromo.yellow { margin: 0 8px 0 0; }
#rightcol .homepagepromo.green .header { background: #95fb9d url(/images/style/promo/homepagepromo-green.gif) repeat-x bottom left; }
#rightcol .homepagepromo.yellow .header { background: #ff6 url(/images/style/promo/homepagepromo-yellow.gif) repeat-x bottom left; }
#rightcol .homepagepromo.orange .header { background: #ffbc76 url(/images/style/promo/homepagepromo-orange.gif) repeat-x bottom left; }
#rightcol .homepagepromo .link { width: 184px; position: absolute; bottom: 5px; left: -13px; text-align: right; }
#rightcol .homepagepromo .link a { padding: 4px 5px 4px 0; font-size: 1.1em; color: #fff; background: #5d614b url(/images/style/promo/homepagepromolinkbg.gif) repeat-y; display: block; z-index: 1; }
#rightcol .homepagepromo .link a:hover { text-decoration: underline; }

#rightcol .ngg-albumoverview, #rightcol .ngg-galleryoverview { overflow: hidden; zoom: 1; }
#rightcol .ngg-album { width: 49.9%; margin: 1em 0 1px; float: left; }
#rightcol .ngg-albumtitle { font-size: 1.2em; font-weight: bold; }
#rightcol .ngg-albumcontent { margin: .5em 0 1px; }
#rightcol .piclenselink { display: none; }
#rightcol .ngg-gallery-thumbnail-box { margin: 1em 7px; float: left; }
#rightcol .ngg-navigation { clear: left; }
#rightcol .ngg-navigation a, #rightcol .ngg-navigation span { padding: 0 .2em; }

/* Sponsors and footer
--------------------------------------------------------------------------
*/

#sponsors { padding: 5px 0; text-align: center; }
#sponsors .sponsors { float: left; margin: 0 5px; }
#sponsors .sponsors1 { width: 170px; float: left; }
#sponsors .sponsors2 { width: 62px; /*padding: 40px 0 0 0;*/ float: left; position: relative; /*top: -35px;*/ }
#sponsors .sponsors3 { width: 62px; /*padding: 40px 0 0 0;*/ float: left; position: relative; /*top: -35px;*/ }
#sponsors .sponsors4 { width: 62px; /*padding: 40px 0 0 0;*/ float: left; position: relative; /*top: -35px;*/ }
#sponsors .sponsors5 { width: 62px; /*padding: 40px 0 0 0;*/ float: left; position: relative; /*top: -35px;*/ }
#sponsors .sponsors6 { /*padding: 40px 0 0 0;*/ float: left; position: relative; /*top: -35px;*/ }
#sponsors .sponsors7 { /*padding: 40px 0 0 0;*/ float: left; position: relative; /*top: -35px;*/ }

#footer { width: 784px; margin: 0 auto; padding: 5px 0 15px 5px; text-align: left; font-size: 1.1em; }

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix:after, #header:after, #content:after, .homepagepromos:after, #sponsors:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, #header, #content, .homepagepromos, #sponsors { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html #content, * html .homepagepromos, * html #sponsors { height: 1%; }
.clearfix, #header, #content, .homepagepromos, #sponsors { display: block; }
/* End hide from IE-mac */

img.thumbnail { height: 128px; }