/* S A C F E S T . O R G */

* { margin: 0px; padding: 0px; }
a img { border: none; }

/* look */

body { /*font-family: Georgia, serif;*/ font-family: Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 140%; }

a, a:visited { color: grey; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }

h1 { font-size: 24px; }
h2 { font-size: 14px; }
h3,h4,h5 { /*font-family: Georgia, serif;*/ }

hr { border: none; background: #959595; height: 2px; position: relative; width: 520px;
	margin-top: 0.5em; margin-bottom: 0.5em; }

/* layout */

#OuterWrapper { margin: auto; width: 960px; margin-top: 20px; }

#UpperMenu { margin-bottom: 20px; font-family: helvetica; font-weight: bold;}
#UpperMenu a, #UpperMenu a:visited  { color: black; font-weight: normal; }
#UpperMenu .years { margin-left: 10px; position: relative; top: -14px; }

#LeftSide { width: 240px; }
#RightSide { width: 720px; }

#Logo, #Banner { height: 170px; }
#Banner { width: 720px; height: 180px; overflow: hidden; }

#UpperNavigation .menu { margin-left: 240px;  }

.years .item { width: 36px; height: 16px; padding: 17px; padding-left: 12px; padding-right: 12px;
	 						 float: left; text-align: center; color: white; background: url('/themes/sacfest/images/year.png');}
.years .item:hover { background: url('/themes/sacfest/images/year-over.png'); }
.years .item.active { color: black; background: white; font-size: 20px; padding-top: 14px; padding-bottom: 20px; } 

/* menu */

.menu .item { width: 86px; padding: 17px; height: 16px; color: white; float: left; }
.menu .item.active { background: white; text-align: center; font-size: 20px; padding-top: 14px; padding-bottom: 20px;  }


	
.bubble0 { background: url('/themes/sacfest/images/menu/menu-0.png'); }
.bubble0:hover { background: url('/themes/sacfest/images/menu/menu-0-over.png'); }
.bubble0.active { color: black !important; }
.bubble1 { background: url('/themes/sacfest/images/menu/menu-1.png'); }
.bubble1:hover { background: url('/themes/sacfest/images/menu/menu-1-over.png'); }
.bubble1.active { color: #71c8cf !important; }
.bubble2 { background: url('/themes/sacfest/images/menu/menu-2.png'); }
.bubble2:hover { background: url('/themes/sacfest/images/menu/menu-2-over.png'); }
.bubble2.active { color: #e0a556 !important; }
.bubble3 { background: url('/themes/sacfest/images/menu/menu-3.png'); }
.bubble3:hover { background: url('/themes/sacfest/images/menu/menu-3-over.png'); }
.bubble3.active { color: #e0e35a !important; }
.bubble4 { background: url('/themes/sacfest/images/menu/menu-4.png'); }
.bubble4:hover { background: url('/themes/sacfest/images/menu/menu-4-over.png'); }
.bubble4.active { color: #f197be !important; }
.bubble5 { background: url('/themes/sacfest/images/menu/menu-5.png'); }
.bubble5:hover { background: url('/themes/sacfest/images/menu/menu-5-over.png'); }
.bubble5.active { color: #00a087 !important; }
.bubble6 { background: url('/themes/sacfest/images/menu/menu-6.png'); }
.bubble6:hover { background: url('/themes/sacfest/images/menu/menu-6-over.png'); }
.bubble6.active { color: #ed5033 !important; }
.bubble7 { background: url('/themes/sacfest/images/menu/menu-7.png'); }
.bubble7:hover { background: url('/themes/sacfest/images/menu/menu-7-over.png'); }
.bubble7.active { color: #00af59 !important; }
.bubble8 { background: url('/themes/sacfest/images/menu/menu-8.png'); }
.bubble8:hover { background: url('/themes/sacfest/images/menu/menu-8-over.png'); }
.bubble8.active { color: #f18d1d !important; }
.bubble9 { background: url('/themes/sacfest/images/menu/menu-9.png'); }
.bubble9:hover { background: url('/themes/sacfest/images/menu/menu-9-over.png'); }
.bubble9.active { color: #c7579e !important; }

.bubble10 { background: url('/themes/sacfest/images/menu/menu-0.png'); }
.bubble10:hover { background: url('/themes/sacfest/images/menu/menu-0-over.png'); }
.bubble10.active { color: black !important; }
.bubble11 { background: url('/themes/sacfest/images/menu/menu-1.png'); }
.bubble11:hover { background: url('/themes/sacfest/images/menu/menu-1-over.png'); }
.bubble11.active { color: #71c8cf !important; }
.bubble12 { background: url('/themes/sacfest/images/menu/menu-2.png'); }
.bubble12:hover { background: url('/themes/sacfest/images/menu/menu-2-over.png'); }
.bubble12.active { color: #e0a556 !important; }
.bubble13 { background: url('/themes/sacfest/images/menu/menu-3.png'); }
.bubble13:hover { background: url('/themes/sacfest/images/menu/menu-3-over.png'); }
.bubble13.active { color: #e0e35a !important; }
.bubble14 { background: url('/themes/sacfest/images/menu/menu-4.png'); }
.bubble14:hover { background: url('/themes/sacfest/images/menu/menu-4-over.png'); }
.bubble14.active { color: #f197be !important; }
.bubble15 { background: url('/themes/sacfest/images/menu/menu-5.png'); }
.bubble15:hover { background: url('/themes/sacfest/images/menu/menu-5-over.png'); }
.bubble15.active { color: #00a087 !important; }
.bubble16 { background: url('/themes/sacfest/images/menu/menu-6.png'); }
.bubble16:hover { background: url('/themes/sacfest/images/menu/menu-6-over.png'); }
.bubble16.active { color: #ed5033 !important; }
.bubble17 { background: url('/themes/sacfest/images/menu/menu-7.png'); }
.bubble17:hover { background: url('/themes/sacfest/images/menu/menu-7-over.png'); }
.bubble17.active { color: #00af59 !important; }
.bubble18 { background: url('/themes/sacfest/images/menu/menu-8.png'); }
.bubble18:hover { background: url('/themes/sacfest/images/menu/menu-8-over.png'); }
.bubble18.active { color: #f18d1d !important; }
.bubble19 { background: url('/themes/sacfest/images/menu/menu-9.png'); }
.bubble19:hover { background: url('/themes/sacfest/images/menu/menu-9-over.png'); }
.bubble19.active { color: #c7579e !important; }


#Sidebar, #Content { min-height: 400px; margin-top: 20px; }
#LeftSide .content { margin-top: 20px; padding-left: 20px; padding-right: 61px; }
#Sidebar { width: 138px; padding-left: 20px; padding-right: 20px; float: right; /*border-left: 2px solid #959595;*/}
#RightSide {  }
#Content { width: 540px; /*border-right: 2px solid #959595;*/}
#Content .content { min-height: 400px; }
#Content .content p,  #Content .content h1, #Content .content h2,
#Content .content h3, #Content .content h4, #Content .content h5,
#Content .content h6, #Content .content address,
#Content .fragment { padding-left: 20px; padding-right: 20px;  }


.artist { position: relative; float: left; width: 108px; height: 108px; background: black;}
.artist .title { position: absolute; color: #333; top: 90px; }

.contactItem { width: 250px; height: 120px; float: left; overflow: hidden; }
.contactItem .image { height: 120px; width: 60px; margin-right: 10px; }

#LeftFooter .content, #RightFooter .content { padding-left: 20px; }
#RightFooter { width: 720px;}
#RightFooter .item { float: left; width: 240px; height: 60px; }

.describe { position: absolute; top: 20px; left: 20px; color: white; }

#FootNote { margin-top: 10px; margin-bottom: 2px; text-align: center; font-size: 11px; }

/* newsy */

/*.newsItem { width: 180px; height: 200px; overflow: hidden; float: left; }
.newsItem .image { width: 180px; height: 160px; overflow: hidden; }
.newsItem .wrapper { position: relative; top: -8px;}
.newsItem .date  { font-size: 10px; margin-bottom: 2px; } 
.newsItem .content { height: 240px;  }
*/

.newsItem { width: 270px; height: 280px; overflow: hidden; float: left; }
.newsItem .image { width: 270px; height: 240px; overflow: hidden; }
.newsItem .image img { width: 270px; }
.newsItem .wrapper { position: relative; top: -8px;}
.newsItem .date  { font-size: 10px; margin-bottom: 2px; } 
.newsItem .content { height: 240px;  }

/*.newsItem2 { width: 500px; }
.newsItem2 .image { width: 500px; height: 280px; margin: 0px; padding: 0px; overflow: hidden; }
.newsItem2 .image img { width: 500px; }
.newsItem2 h1 { font-size: 18px; margin-bottom: 4px; }
*/
.moreArrow { position: absolute; bottom: 0px; right: 0px;
						 width: 40px; height: 40px; background: url('/themes/sacfest/images/more-arrow.png'); }
.moreArrow:hover { background: url('/themes/sacfest/images/more-arrow-over.png'); }

.spanArrow { position: relative; top: -17px;}

/* gallerka */

.stylez-gallery { width: 540px; height: 1px; }
.stylez-gallery .thumbnail { width: 108px; }

/* systemove overlaye */

.cms-content-wrapper:hover { background-color: #F9FFBB; }
.cms-content-wrapper.fragment:hover { background-color: #BAFFE6; }

.otem { float: left; width: 230px; height: 45px; }

/* --------- LOGIN WINDOW -------- */

#cms-login-wrapper { margin: auto; margin-top: 3em; 
	padding: 1em; padding-left: 2em; padding-right: 2em;
	height: 100%; width: 300px;
	border: 1px solid #DDD;
	background: #EEEEEE; }
#cms-login-wrapper * input {
	border: 1px solid #DDD;
	background: white;
	padding: 2px;
}