/* element styles */

html { background: #e9c929 url(images/body-bg.png) repeat-y center top; }
body {
	font-family: Helvetica, Arial, sans-serif;
	background: url(images/header.png) no-repeat center top;
	color: #eee;
	text-align: left;
}

a, input[type=submit] { text-decoration: none; color: #ffcf11; }
a:hover, input[type=submit] { color: #fffef0; text-decoration: none; } 
a img { vertical-align: top; }
h1,h2,h3,h4 { font-weight: bold; }
h1 { font-size: 2em; text-shadow: 1px 1px 2px #111; margin-bottom: 0.25em; }
h2 { font-size: 1.6em; margin-bottom: 1em; }
h3 { font-size: 1.3em; color: #ffcf11; margin-bottom: 1em; }
h4 { color: #ffcf11; }
p, object { margin-bottom: 1em; }

small { font-size: 0.9em; line-height: 1.5em; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	
input[type=submit],
input[type=text],
textarea, .button {
	background: #303030;
	border-color: #444 #666 #666 #444 !important;
	border-style: solid !important;
	border-width: 1px !important;
	color: #eee;
	padding: 0.5em;	
	border-radius: 5px;
	font-size: 114%;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
}
textarea { width: 98%; }
input[type=submit], .button {
	color: #444; 
	border-color: #444 #222 #222 #444 !important;
	background: #999 url(images/button-overlay.png) repeat-x top left;
	cursor: pointer;
	padding: 0.25em 0.5em;
        box-shadow: 1px 1px 2px #111;
        -moz-box-shadow: 1px 1px 2px #111;
        -webkit-box-shadow: 1px 1px 2px #111;
}

input[type=text] {width: 200px; }
input[type="submit"].big, .button { background-image: url(images/button-overlay-big.png); padding: 0.5em;}
.button img { margin-right: 0.25em; }

#sidebar input[type=text]:focus,
#sidebar textarea:focus { border-color: #999; }

textarea, .navigation, .entry p, .excerpt { margin-bottom: 1em; }

/* yui grid styles */

#hd { height: 310px; }
#hd .menu { margin-top: 114px; text-align: right; margin-right: 50px; font-size: 146.5%; }
#hd .menu li { display: inline-block; width: 96px; text-align: center; padding: 11px 0 15px; margin-right: 14px; }
#hd .menu a { color: #333; text-transform: lowercase; padding: 0.75em 0.5em; }
#hd a:hover, #hd li.current_page_item a { color: #bf112a; }

#about {
	font-size:118%; 
	font-weight:bold; 
	letter-spacing:-1px; 
	margin-left: 120px; 
	padding-top: 10px;
	text-shadow: 2px 2px 0 #a01f07;
}

#nextevent { margin-left: 342px; }
#nextevent, #nextevent a { color: #FFCF11; margin-top: 1em; }
#nextevent h2 { font-size: 24px; color: #fff; }	
#nextevent h1 { font-size: 36px; padding-top: 2px;} /* change this one!!! */
#nextevent .date {color: #fff; }
#nextevent img {vertical-align: top; }

#dontmiss {color:#fff;
	float:right;
	font-size:140%;
	font-variant:small-caps;
	font-weight:bold;
	margin-right:120px;
	margin-top:1em;
	width:340px;
}

.dj { color: #ffcf11; }

#bd { text-align: left; background: #323232 ; margin: 0 5px 0 4px; padding: 0 1em; }

#ft { background: #071730 url(images/footer.png) no-repeat center top; height: 120px; padding-top: 240px; font-size: 87%; }
#ft a { color: #fff; }
#ft .yui-g { width: 74.923em; margin:auto;  }
#ft .other { text-align: right; }
#ft .other a { vertical-align: top; }
#ft .other a img { vertical-align: middle; }
#ft ul li { display: inline; border-left: 2px solid #eee; padding: 0 0.25em 0 0.5em}
#ft ul li.first { border: 0px; }

/* other styles */

#content { font-size: 1.2em }

#hdimg .description {
	font-size: 1.2em;
	text-align: center;
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike { color: #adadad; }
code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym,abbr,span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
div.label  {
	clear:left;
	position:relative;
}

label.over {
	position: absolute;
	top: 0.45em;
	left: 0.45em;
	z-index: 10;
}

#wp-calendar #prev a,#wp-calendar #next a { 	font-size: 9pt;}

#wp-calendar caption {
	font: bold 1.3em;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* End Typography & Colors */ /* Begin Structure */

#page {
	margin: 20px auto;
	padding: 0;
	width: 974px;
	border: 1px solid #959596;
}

.post {
	margin-bottom: 2em;
	padding-bottom: 1em;
	background: transparent url(images/bg-divider.png) repeat-x bottom left;
}
	 
.cal { 
	background: url(images/date-stamp.png);
	width: 56px; 
	height: 56px; 
	float: left; 
	text-align: center; 
	font-weight:bold;
	margin-top: 6px; 
}
.calmonth { font-size:93%; text-transform: uppercase;  margin-top:4px; color: #f0f0f0; padding-right:2px;}
.calday { color:#343434; font-size:28px; margin-left:3px; margin-top:0px; padding-right: 2px;}
.posttitle { padding-left: 70px; margin-bottom: 1em;}
.posttitle .meta { font-size: 93%; }

.featured-image { float: left; }
.words {float: left; margin-left: 180px; }
.first .featured-image {float: none; }
.first .words { float: none; margin: 0;}

.more-link, .navigation, .meta, #loggedinas, .comments { text-transform: uppercase;  }
.meta, #loggedinas { color: #666;}
.meta a { color: #999; }
.meta a:hover { color: #de740b; }

.entry { margin: 1em 0; }

.readmore, .discuss { padding-top: 1em;}

/* End Structure */ /*	Begin Headers */

#sidebar { margin-top: 5px; }
#sidebar a, .navigation a { color: #de740b; }

#sidebar h2 {
	font-size: 123%;
	padding: 1.5em 0 0 30px;
	background: transparent url(images/speaker-small.png) 0px 1.5em no-repeat;
}

ul.medialinks { margin:1em 0 !important; }
ul.medialinks li { display: inline; margin: 0 !important; }
ul.medialinks img { opacity: 0.8; }
ul.medialinks img:hover { opacity: 1; }

/* End Headers */ /* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	text-align: right;
}

.alignleft {
	float: left
}

/* End Images */ /* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	margin-bottom: 1em;
}

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul.blogroll li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul,.postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul, #sidebar .getfeed { margin: 0 1em; }
#sidebar li.widget { margin-bottom: 2em; background: transparent url(images/bg-divider.png) repeat-x 0% 0%; }
#sidebar ul p,#sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul,#sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul,#sidebar ul ol {	margin: 0 0 0 10px; }

ol li,#sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li,#sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

#sidebar li.widget_search { background-image: none; margin-bottom: 1em; }
#searchform { font-size: 140%; } 
#searchform input[type=text] { float: left; width: 210px; padding: 0.25em;}
#searchform label { top: 5px; left: 7px; }
#searchform input[type=submit] { margin-left: 0.25em; background-image: url(images/button-overlay-big.png); }
.searchterm1, .next, .prev { background-color: #664 !important; border-radius: 3px; -moz-border-radius: 3px; padding: 2px !important;}
.incoming { margin-bottom: 2em; background: #444; border-bottom: 1px; }
.incoming .hide { float: right; padding: 0.75em;}

#wallform { color: #eee; }
/*#wall_post { border-radius: 5px; background: #444; border: 1px solid #666; padding: 1em 1em 0; margin-bottom: 1em; } */
#sidebar #wallcomments p { margin-bottom: 1em; background: transparent url(images/bg-divider.png) repeat-x 0% 100%; padding-bottom: 1em;}
.track { margin-bottom: 1em; background: transparent url(images/bg-divider.png) repeat-x 0% 0%; padding-top: 2em; }
.track h2 { margin-bottom: 0; }
.track .meta { margin-bottom: 1.5em;}
.plays, .downloads { background-image: url(images/soundcloud-elements.png);
		     background-repeat: no-repeat;
     		     padding-left: 12px;
		     padding-right: 0.5em;
}
.plays { background-position: -2px 2px;}
.downloads { background-position: -2px -67px; }

#comment-box textarea { height: 90px; }

.wallauthor { 
	color:#de740b;
	font-size:107%;
	font-variant:small-caps;
	font-weight:bold;
}

.wall-alt .wallauthor { text-align: left; }

/* End Entry Lists */ /* Begin Form Elements */
.entry form {
	/* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}

select {
	width: 130px;
}

/* End Form Elements */ /* Begin Comments*/

h3.comments {
	margin: 40px auto 20px;
}

.commentlist li {padding: none;margin-bottom: 2em; list-style: none; }
.commentlist .avatar {float: left; border: 1px solid #666;  }
.commentlist .author { color: #DE740B; }
.commentlist .meta, .incoming h3 { background: #666; padding: 0.5em; color: #fff; }
.commentlist .comment .text, .incoming div { padding: 0.5em; }
.commentlist .commentmetadata { text-transform: none; }
.commentlist cite {font-size: 1.1em;}
.commentlist p { margin: 10px 65px 10px 0; font-weight: normal; }

.commentlist .comment { 
	margin-left: 65px;
	background: #444;
	border-bottom: 1px solid #666;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}


 /* Begin Various Tags & Classes */
acronym,abbr,span.caps {
	cursor: help;
}

acronym,abbr {
	border-bottom: 1px dashed #444;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

/* End Various Tags & Classes*/ /* Captions */
.aligncenter,div.aligncenter {
	/*display: block;*/
	margin-left: auto;
	margin-right: auto;
}

.wp-post-image { border: 1px solid #666; -webkit-box-shadow: 1px 1px 2px #222; margin-bottom: 1em; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */
a#subscribe {
	display: block;
	float: left;
	height: 38px;
	margin-right: 5px;
}

/* allows centred images to be displayed side by side in posts (for flyers) */
.post .ngg-singlepic {
	display: inline !important;
	margin: 0 0.5em;
} 

.mydiv {
	width: 300px;;
	padding: 0.5em;
	position: relative;
	position: absolute;
	display: block;
	background: #fff;
	border: #98091D 3px solid;
	opacity: 0.95;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #000;
}

.ae_close { float: right; }
.mydiv a, .mydiv b { color: #98091D; }
.mydiv .avatar { float: left; }
.mydiv .info { float: left; margin-left: 0.5em; }

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

/*
.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}*/

.ngg-album-compactbox {
	margin:0pt 0pt 6px !important;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box, .ngg-album-compact {
	float: left;
}

.ngg-album-compact { 
    width: 25%;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-album-link img, .ngg-gallery-thumbnail img {
	background-color:#fff;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #ffcf11;
	position: relative;
	top: -3px;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:1.2em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	text-shadow: 1px 1px 2px #111;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #ddd;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #ddd;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #ddd;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000;
} 

.highslide-wrapper, .highslide-outline {
	background: #000000;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #808080 !important;
}
.highslide-dimming {
	background: #000000;
}
.highslide-image {
	border: none;
}
.highslide-caption {
	background-color: #DDDDDD;
	padding: 5px;
	border-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-color: #FFFFFF;
 border-style: solid;
}
.highslide-loading {
	display: block;
	padding: 3px 0 3px 22px;
	width: 0;
	height: 16px;
	overflow: hidden;
	background-color: black;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-image: url(/wp-content/plugins/highslide/graphics/loader.black.gif);
}

.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {
	background-image: url(/wp-content/plugins/highslide/graphics/controlbar-black-border.gif);
}
.highslide-gallery ul li {
	width: 106px;
	height: 106px;
	border: 1px solid #D0D0D0;
	background: #EDEDED;
	margin: 2px;
}


/* =Featured Slider
-------------------------------------------------------------- */
#featurewrap {}/*holds entire feature container*/
#myController span{color:#FFF;margin-right:10px;cursor:pointer;}
#mySlides {}
#mySlides div {padding: 0px;} /*the divs that hold sliding content*/
#jFlowSlide{float: right; margin-top: -5px; background:url(images/featured.png) no-repeat; overflow: hidden; z-index:10;}/*bg image for slider*/
#jFlowSlide img {z-index:4;}
#myController span.jFlowSelected {background:#F00;}
 
#prevNext{position: absolute; margin: 100px 100px 0 -21px; width: 595px;}/*The navigation buttons, custom positioned*/
#prevNext img{position: relative;z-index: 2;cursor: pointer;}
 
.jFlowPrev{float: left; background: url(images/leftarrows.png) no-repeat left top; height: 35px; width: 45px;}/*left arrow*/
.jFlowPrev:hover {background-position: left bottom;}
.jFlowNext{float: right; background: url(images/rightarrows.png) no-repeat; height: 35px; width: 45px;}/*right arrow*/
.jFlowNext:hover{background-position: left bottom;}
jFlowSlideContainer .entry {float: right; margin-top: 10px; width: 180px;} /*the featured post entry*/
 
.featureimg { margin:16px 13px; border: thin solid gray; float: right; z-index:1;} /*the white background on each feature*/
.featurecontainer {background: white; position: absolute; width:470px; height: 100px; margin: 127px 200px 0px 16px; z-index:3; padding: 5px;}/*container for written post content*/
.feature {margin-left: 28px;}
.feature-title {margin: 5px 0px 0px 5px;}
.featurecontainer p {margin: 0px 10px 0px 10px !important; padding-left: 5px;}
.transparent {
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.readmore {margin-left: 10px;}

.info, .fb-like {
	border: 1px solid #999;
    border-radius: 5px;
    padding: 0.5em;
    -webkit-box-shadow: 1px 1px 2px #111;
    -moz-box-shadow: 1px 1px 2px #111;
}

.info { background: #444; }
.fb-like { background: #eee; }

.info h3 {
    text-transform: uppercase;
    font-size: 93%;
    margin-bottom: 0.5em;
}

.info ul { margin-bottom: 0px !important; }
.info li { margin: 0px 0px 0px 10px !important; }