@charset "utf-8";
/* CSS Document */
@import url("master.css");

* {
	margin:0;
	padding:0;
}

body {
	 background: url(../images/background2.jpg) no-repeat center center fixed; 
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: cover;
}

header {
	height:170px;
	display:block;
	position:relative;
}

header #social {
	width:270px;
	height:58px;
	text-align:right;
	position:absolute;
	top:60px;
	right:20px;
}

header #social a { 
	margin-left:5px;
	opacity:0.8; 
}

header #social a:hover, header #social a:focus { opacity:1; }

header h1 {
	position:absolute;
	left:20px;
	top:50px;
	text-indent:-300em;
	background:url(../images/logo-alara.png) 0 0 no-repeat;
	width:232px;
	height:113px;
	display:block;
}

#site.admin header h1 {
	left:20px;
	top:50px;
}

a.skip { text-indent:-300em; }

h1 span {
	font-size:15px;
	text-transform:uppercase;
	line-height:18px;
}

nav {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:40px;
	background-color:#eeb22b;
}

#textsize {
	position:absolute;
	right:20px;
	bottom:20px;
}

#textSize input { padding:4px; }


/* Column Styles */

aside {
	width:274px;
	float:right;
	margin:0 10px;
	padding:0 10px 0 0;
}

/*aside div {
	padding:10px;
	margin:0 0 20px;	
}*/

aside div#tweets { height:360px; }

aside p { margin-right:5px; }
aside #newsletter p { font-size:11px; }
aside #newsletter a { text-align:right; }

aside h2 {
	line-height:45px;
	padding:0 10px;
	font-size:16px;
	font-weight:normal;	
}

aside h2.events { margin-bottom:0; }

aside form {
	margin:0 10px 10px;
}



/* Main Container */

article {
	width:650px;
	min-height:600px;
	margin:0 20px 20px;
	position:relative;
	padding-top:45px;
}

.admin article { padding-top:10px; }

article dl {
	margin: 10px 0;
  width: 380px;	
}

article dt {
	float: left;
	font-weight: bold;
	padding: 5px 0;
	width: 80px;
}

article dd {
	padding: 5px 0;
	width: 300px;
}

article img {
	float:right;
	border:1px solid #666;
	margin:10px 0 25px 25px;
	max-width:648px !important;
	height:auto !important;
}

article img:after {
    content: '';
    display: block;
    clear: both;
}


.gallery article a img {
	float:none;
	margin:5px;
	max-width:120px !important;
	max-height:120px !important;
}

.gallery article { text-align:center; }

article img.ui-datepicker-trigger {
	float:none;
	border:none;
	margin:0 5px;
}

.admin article {
	width:945px;
}

article p#updated { font-size:11px; }

article h1, aside h2 {
	line-height:45px;
	padding:0 10px;
	font-size:17px;
	font-weight:normal;
}

article h1.heading {
	width:660px;
	position:absolute;
	top:0;
	left:0;
	border-bottom:2px solid #eeb22b;
	padding-left:20px;
}

article h2 {
	font-size:15px;
	margin:10px 0;
}

article p {
	margin:10px 0;
}

article p.note { font-size:80%; font-weight:bold; }
article p.clear { clear:both; }

article blockquote {
	margin:15px 30px;
}

article li {
	margin-left:30px;
}

article p.updated { font-size:10px; }

.admin article li { list-style-type:none; margin-left:0; }

article#social {
	padding:0 10px;
	background:#d1d1c5;
	min-height:335px;
	margin:10px 10px 0px;
}

div#facebook, div#twitter {
	width:335px;
	height:340px;
	display:inline-block;
}

div#twitter {
	border-left:10px solid #0c477f;
}

/* Search Box */

form#search input {
	height:30px;
	padding:0 5px;
	position:relative;
	width:200px;
}

form#search input.btn {
	border:medium none;
	cursor:pointer;
	height:31px;
	left:0;
	padding:0;
	text-indent:-300em;
	width:35px;
	opacity:0.8;
}

form#memberlogin input.btn {
	cursor:pointer;
	width:auto;
}

form#search input.btn:hover { opacity:1; }

/* Login */

#memberlogin label {
	width:80px;
	display:block;
	float:left;
	line-height:30px;
}

form#memberlogin input {
	height:30px;
	padding:0 5px;
	width:160px;
}

/* Footer Styles */

footer {
	background-color:#276FB8;
}

footer a {
	text-decoration:none;
}

footer span, footer a.phone {
	width:175px;
	float:left;
	padding-left:70px;
	color:#fff;
	background-image:url(../images/icons-footer.png);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:16px;
}

footer a.phone { width:130px; }
footer span.email { width:205px; }
footer span.copyright { width:190px; }
footer span.copyright a { text-decoration:underline; }

footer a {
	color:#fff;
}

footer span.location {
	background-position:0 -300px;
	height:75px;
	padding-top:25px;		
}

footer a.phone {
	background-position:0 -200px;
	height:70px;
	padding-top:30px;	
}

footer span.email {
	background-position:0 -100px;
	height:70px;
	padding-top:30px;		
}

footer span.email span, footer span.email span a {
	width:170px;
	padding:0;
}

footer span.copyright {
	background-position:0 0;
	height:75px;
	padding-top:25px;		
}

aside a img {
	max-width:275px; 
	max-height:300px; 
}

aside p.gallery { text-align:center; margin-bottom:10px; }

/* Carousel Styles */

#slideshow_wrapper { 
	width:620px;
	max-width:620px;
	overflow:hidden !important;
}

#slideshow { overflow:hidden !important; }

.caroufredsel_wrapper { 
	clear:both; 
	width:620px;
	height:300px;
	overflow:hidden !important;
}

#slideshow div {
	display: block;
	float: left;
	position: relative;
}

.front article #slideshow img {
	border:none;
	margin:0;
}

/* Widgets & Front Page */

.front article, #widgets { 
	width:984px;
	padding:45px 0 0;
}

.front article { min-height:340px; }

.front article h1.heading {
	width:954px;
}

#slideshow {
	width:620px;
	height:300px;
	display:block;
	background-color:#000;
	margin:20px;
}



#widgets { padding:0 20px; min-height:415px; margin:0 20px; }

#widgets div {
	width:300px;
	float:left;
}

#widgets div.calendar {	margin:0 20px; }
#widgets div.gallery { padding-bottom:10px; }

#widgets h2, .front #login h2 {
	line-height:45px;
	padding:0 10px;
	font-size:16px;
	font-weight:normal;
	margin:0;
}

.front #msg {
	position:absolute;
	top:65px;
	right:20px;
	width:300px;
	font-size:18px;
	line-height:28px;
}

.front #login h2 { margin-bottom:10px; }
.front #login form { margin:0 10px 10px; }
.front #login input { width:187px; }

#widgets .news p { margin:10px; }

/* Calendar */

#widgets .eventsCalendar-subtitle {	display: none; }
#widgets div.eventsCalendar-list-content ul { margin:0 10px; }
article div.calendar li { margin:0; }


#widgets .gallery img { max-width:275px; max-height:300px; margin:10px 0 0; }
#widgets .gallery p { text-align:center; }

#widgets div.eventsCalendar-list-content a {
	background:url(../images/bg-event-grey.png) 0 0 no-repeat;
	padding:5px 10px 0 55px;
	line-height:17px;
	min-height:60px;
	position:relative;
	display:block;
	text-decoration:none;
	font-size:11px;
	color: #4b4b4b;
}

#widgets div.eventsCalendar-list-content a span {
	width:30px;
	line-height:10px;
	font-size:8px;
	color:#fff;
	position:absolute;
	left:7px;
	top:15px;
	text-align:center;
}

#widgets ul.eventsCalendar-daysList.showAsWeek { margin:0; }
#widgets div.eventsCalendar-list-content a:hover { color:#000; }

#widgets div.eventsCalendar-list-content a span.day {
	top:30px;
	line-height:20px;
	font-size:14px;
	color:#000;
}

#widgets div.eventsCalendar-list-content a strong {
	min-height:15px;
	max-height:30px;
	line-height:15px;
	width:215px;
	overflow:hidden;
	display:inline-block;
}

aside div.eventsCalendar-list-content a span.day { color:#79a12e; font-weight:600; }

/* Colour Palette */

body {
	/*background:#e0e0db;*/
	font:13px/20px Verdana, Geneva, sans-serif;
	color:#333;
}

#site {	background-color:#fff; }

nav {
	background-color:#276fb8;
	border-bottom:2px solid #eeb22b;
}

nav li.home {	background: url("../images/bg-home-light") 50% 50% no-repeat; }
form#search input.btn { background: url("../images/bg-search-grey.png") 0 0 no-repeat; }

header ul a { color:#fff; }
header ul ul a { color:#fff; }
.admin header ul a { width:110px; }
.admin header ul a.home, .admin header ul a.public { width:60px; }
.admin header ul a.file { width:125px; }

header ul a:hover, header ul a:focus, header ul a:active, header ul li.hover a { background-color:#276fb8; text-decoration:underline; }

header li.hover li.hover a:hover { color:#333; }
header ul li:hover ul a, header ul li.hover ul a { text-decoration:none; }

header ul li:hover ul a:hover, header ul li.hover ul a:hover, header ul li.hover ul a:focus, header ul li.hover ul a:active {
	background-color:#eeb22b;
	text-decoration:none;
}

article {	background:#e0e0db; }
article h1, aside h2, #widgets h2, .front #login h2 {
	color:#fff;
	background-color:#276fb8;
	border-bottom:2px solid #eeb22b;
}

article #map {
	width:643px;
	height:250px;
	display:block;
	border:1px solid #cccccc;
}

footer p { color:#fff; }
footer p a { text-decoration:underline; }
footer p a:focus, footer p a:hover { text-decoration:none; }

#__ba_panel { display:inline-block; margin-right:5px; }