@charset "utf-8";
/* Styling for the Festival of Beer website */

/* **************** */
/* Generic Settings */
/* **************** */

body {background-color:#000; margin:0; padding:0; text-align:left; font-family:Verdana, "Trebuchet MS"; font-size:12px; color:white;}

/* Make spacing in IE/FF similar */
p {margin:  0 0 1em 0; padding:  0; font-size:12px;}
p a:hover{text-decoration:underline;} 	

/* Headings */
h1 {font-size:18px; color:red; margin:1px;} 									
h2 {font-size:16px; color:red; margin:1px;}
h3 {font-size:14px; color:red; margin:1px;}
h4 {font-size:13px; color:red; margin:1px;}
h5 {font-size:12px; color:red; margin:1px;}
h6 {font-size:10px; color:red; margin:1px;}

/* Link behaviour */
h1 a:link, a:visited, a:active{text-decoration: none; color:#FFCC33;}		
h1 a:hover{text-decoration: underline; color:#FFCC33;}	
h2 a:link, a:visited, a:active{text-decoration: none; color:#FFCC33;}
h2 a:hover{text-decoration: underline; color:#FFCC33;}
h3 a:link, a:visited, a:active{text-decoration: none; color:#FFCC33;}
h3 a:hover{text-decoration: underline; color:#FFCC33;}
h4 a:link, a:visited, a:active{text-decoration: none; color:#FFCC33;}
h4 a:hover{text-decoration: underline; color:#FFCC33;}
h5 a:link, a:visited, a:active{text-decoration: none; color:#FFCC33;}
h5 a:hover{text-decoration: underline; color:#FFCC33;}
h6 a:link, a:visited, a:active{text-decoration: none; color:#FFCC33;}
h6 a:hover{text-decoration: underline; color:#FFCC33;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none; color:#000;}
a:hover {text-decoration: underline; color:#CCC;}
a img {border:0;}
#nav a{color:#FFF;}
#buttons a{color:#FFF;}



/* Form objects */
.input_medium{width:250px; height:14px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_large{width:350px; height:14px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_xlarge{width:450px; height:14px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_small{width:50px; height:14px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_xsmall{width:10px; height:14px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input{width:100px; height:14px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_error{border:1px solid #F00}
input:hover,
input:active,
input:focus,
select:hover,
select:active,
select:focus,
textarea:hover,
textarea:active,
textarea:focus {
	border:1px solid #FFCC33; /* Hover, Active and Focus Behaviour */
}
.button{margin:5px auto; border:1px solid red; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle;}
TEXTAREA{width:200px; height:80px; margin:5px auto; border:1px solid red; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; vertical-align:middle;}
SELECT{border:1px solid red; margin:5px auto; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}

/* Page styling! */
/* Header */
#header{width:940px; height:100%; border-bottom: 1px solid #FFCC33; margin:5px auto 5px; padding:5px;}
#navigation{color:red; font-weight:bold; font-size:14px;}
#logo{float:left; width:300px;}
.nav{padding:0; margin:0; float:right;}
#navigation ul{margin-top:0; list-style-type:none;}
#navigation li{list-style-type:none; display:inline;}
#navigation a {color:red; font-weight:bold; text-decoration:none;}
#navigation a:link {color:red; font-weight:bold; text-decoration:none;}
#navigation a:visited {color:red; font-weight:bold; text-decoration:none;}
#navigation a:active {color:red; font-weight:bold; text-decoration:none;}
#navigation a:hover{color:#FFCC33; text-decoration:none}
#navigation_menu{margin-top:15px; height:60px; float:right;}


.whiteNav{padding:0; margin:0; color:white; margin-top:0; list-style-type:none; display:block; color:white; padding-left:10px;}
.whiteNav a, a:link, a:visited {color:white; font-weight:200; text-decoration:none;}
.whiteNav a:hover{color:#FFCC33;}

.redNav{padding:0; margin:0; color:red; margin-top:0; list-style-type:none; display:block; color:red; padding:3px;}
.redNav a, a:link, a:visited {color:red; font-weight:bold; text-decoration:none;}
.redNav a:hover{color:white;}



/* Contact details */
#contactDetails{margin-top:160px;}

/* Content Wrapper */
#content{width:940px; padding:0 5px; margin:0 auto;}

/* Left side (admin) */
#left_admin{width:150px; height:100%; min-height:850px; border:1px solid #FFCC33; margin-top:5px; padding:3px; margin-right:10px; margin-bottom:10px; float:left;}
#left_admin ul{padding:0; margin:0; margin-top:0; list-style-type:none; display:block; color:white; padding:3px; line-height:25px;}
#left_admin a, a:link, a:visited {color:white}
#left_admin a:hover {text-decoration:underline;}

/* Right side (admin) */

#right_admin{width:720px; margin-top:5px; padding:1px; text-align:left; margin-bottom:10px; float:left;}

/* Left side (navigation) */
#left{width:200px; float:left; margin-top:5px;}
#leftNavigation{border:1px solid #FFCC33;  padding: 3px;}
#latestEvent{border:1px solid #FFCC33; margin-top:5px; padding: 5px;}
#beerPong{border:1px solid #FFCC33; margin:0 auto; margin-top:5px; padding:0; height:120px; }
#beerPong img {
  padding:4px 4px;
  width:190px;
}
#advert_left{border:1px solid #FFCC33; margin-top:5px; padding: 3px; text-align:center}

/* Middle (content) */
#middle{width:500px; float:left; color:white; padding:0 10px 5px 10px;}
/* Right side (twitter/login) */
#right{width:200px; float:right; margin-top:5px;}

/* Custom facebook/twitter divs */
#twitter{width:200px; border:1px solid #FFCC33; margin-top:5px; padding:3px; text-align:center;}
#facebook{width:200px; border:1px solid #FFCC33; margin-top:5px; padding:3px; text-align:center;}
#advert_right{width:200px; border:1px solid #FFCC33; margin-top:5px; padding:3px; text-align:center;}

/* Fancy a beer mate logo */
#beer{float:left; width:400px;}

/* Footer */
#footer{width:930px; height:100%; border-top: 1px solid #FFCC33; margin:0 auto 5px; padding: 10px; font-weight:bold; color:#FFF; text-align:right; font-size:10px; vertical-align:middle; margin-top:10px;}

/* Image box for uploads */
#uploadedImage{width:66px; height:90px; margin:2px; padding:1px; border:1px solid #FFCC33;}

/* Map box for uploads */
#uploadedMap{width:400px; height:400px; margin:2px; padding:1px; border:1px solid #FFCC33;}

/* WYSIWYG editor */

.expand_all,
.collapse_all {
  cursor: pointer;
}
.example_menu ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
	background-image: none;
	margin: 0;
	padding: 0;
  line-height:18px;
}

.example_menu a.expanded {
  padding:3px;
	background: url('../images/collapse.gif') no-repeat;
}
.example_menu a.collapsed {
  padding:3px;
	background: url('../images/expand.gif') no-repeat;
}

/* Wordpress */
#comments { margin:0 0 0 30px; width:410px; }
#no-side #comments { margin:0 auto; width:880px; line-height:inherit; }

#comment-list, #trackback-list { margin:15px 0 0 0; padding:0 0 20px 0; }
#trackback-list { display:none; }

/*  ------ comment_header --------------------------------------------------------------------------------------------------------- */
#comment-header { border:1px solid #333; }

#comment-header-top { background-color:#1b1b1b; padding:7px 20px; margin:0; }
#comment-header-top li { float:left; display:block; }
#comment-feed a { display:block; width:22px; height:22px; background:url('../images/blog/comment-rss.gif') no-repeat left top; }
#comment-feed a:hover { background:url('../images/blog/comment-rss.gif') no-repeat left bottom; }
#comment-title { width:90%; padding:2px 0 0 15px; line-height:150%; font-size:11px; }

#comment-header-bottom { background-color:#000; padding:20px 10px; font-size:11px; }
.switch { float:left; margin:0; }
.switch li { display:inline; margin:1px 30px 1px 2px; }
.switch a { padding:0 0 0 15px; }
.switch .active { background:url('../images/blog/arrow6.gif') no-repeat left center; }
.switch .non-active { background:none; }
#add-comment { float:right; background:url('../images/blog/write-comment.gif') no-repeat left top; padding:0 0 1px 20px; }

/*  ------ comment ------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #333; margin:0 0 15px 0; padding:10px 10px 5px 10px; background:#000; }
.admin-comment { background:#1b1b1b; }
.admin-url { }/* color of admin name */

/* ----- comment-meta ----- */
.comment-meta { height:50px; position:relative; }

.comment-meta-left { position:absolute; left:0; top:0; }
.avatar { border:1px solid #555; background:#000; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { list-style-type:none; color:#7f8e91; padding:6px 0 0 0; float:left; }

a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act {  background:url('../images/blog/arrow1.gif') no-repeat left 11px; font-size:11px; position:absolute; right:0; top:0; padding:7px 0 7px 15px; margin:0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #3c4243; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #3c4243; padding:0 0 0 10px; margin:0 0 0 6px; }


/* ----- comment-contents ----- */
.comment-content { padding:0; }
.comment-content p { line-height:160%; }
.comment blockquote { margin:0 0 20px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }
.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#fff446; border:1px solid #9ea084; padding:10px 15px 5px 15px; background:#58593b; }

.comment-closed { border:1px solid #333; text-align:center; margin:0 0 15px 0; padding:30px; background:#000; }
#trackback-closed { background:url('../images/blog/arrow1.gif') no-repeat left center; padding:0 0 0 12px; }
.nocomments { text-align:center; color:#fff446; border:1px solid #9ea084; background:#58593b; }
.nocomments p { margin:15px 20px; font-size:11px; }

.trackback-time { font-size:11px; color:#757676; }
.trackback-title { margin:2px 0 8px 0; }

#trackback-url { margin:0 0 20px 0; font-size:11px; }
#trackback-url label { margin:0 0 2px 20px; display:block; }
#trackback-url input { background:#000 url('../images/blog/arrow1.gif') no-repeat 20px 11px; border:1px solid #333; color:#777; padding:5px 30px; width:494px; }

/* ---------- comment form area ---------- */

.comment-form-area { border:1px solid #333; text-align:center; margin:0 0 15px 0; padding:30px; background:#000; }

#cancel-comment-reply #cancel-comment-reply-link { width:94%; margin:0 auto; display:block; text-align:left; background:url('../images/blog/arrow1.gif') no-repeat 2px 4px; padding:0 0 15px 15px; }

#comment-user-login p { width:90%; text-align:left; margin:0 auto; padding:8px 0 11px 35px; line-height:100%; background:url('../images/blog/warning.gif') no-repeat left top; }
#comment-user-login span { margin:0 0 0 20px; padding:0 0 0 20px; background:url('../images/blog/arrow1.gif') no-repeat 10px 6px; }
#no-side #comment-user-login p { width:94%; }

#comment-login { text-align:left; background:url('../images/blog/comment-area-bottom.gif') no-repeat left bottom; margin:0; padding:3px 30px 10px 30px; }
#comment-login p { margin:0; padding:12px 0 11px 36px; line-height:100%; background:url('../images/blog/warning.gif') no-repeat left 4px; }
#comment-login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/arrow1.gif) no-repeat 10px 3px; }

#guest-info { margin:0 auto; padding:0; width:98%; }
#guest-info div { margin:0 0 12px 0; text-align:left; }
#guest-info input { margin:0; border:1px solid #333;  padding: 3px 5px; width:70%; background:#222; color:#a2a2a2;}
#guest-info input:focus { outline: 1px solid #FFCC33; }
#guest-info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#666;}
#guest-info span { color:#f2f2f2; margin:0 10px 0 0; }

#captchaImgDiv {margin:10px 1px 12px; text-align:left; background:#222; border:1px solid #333; padding:10px; }
#captcha_code {margin:0; border:1px solid #333;  padding: 3px 5px; width:70%; background:grey; color:black;}


#comment-textarea { width:100%; }
#comment-textarea textarea { width:90%; margin:15px auto 0 auto; padding:15px; height:150px; border:1px solid #333;
                             background:#222; color:#a2a2a2; font-size:11px; overflow:auto; }
#comment-textarea textarea:focus { outline: 1px solid #FFCC33; }
#no-side #comment-textarea textarea { width:94%; }

#comment-submit { margin:30px auto 0 auto; width:200px; display:block; background:#000; color:red; border:1px solid #555; padding:4px 0; cursor:pointer; }
#comment-submit:hover { color:white; border:1px solid #FFCC33; }

#input_hidden_field { display:none; }

.post { padding:5px; border:1px solid grey; margin:5px auto 10px;}
#single {border:0}; 
.post h2 { margin:0 0 4px 0; padding:0; line-height:100%; color:grey;}
.post h2 a, .post h2 a:visited, #single h2 { color:#ccc; font-size:16px; line-height:120%; font-weight:normal; }
.post h2 a:hover { text-decoration:none; color:#83bac4; }
.post-info { margin:0; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url('../images/blog/arrow1.gif') no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }

.post-content { clear:both; padding:5px 0 20px 0; line-height:160%; }
.post-content p { margin:0 0 1em 0; line-height:160%; }
.post-content a,.post-content a:visited { text-decoration:underline; }
.post-content a.more-link, .post-content a.more-link:visited 
  { display:block; clear:both; margin:2px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url('../images/blog/arrow3.gif') no-repeat left top; text-decoration:none; }
.post-content a.more-link:hover { background:url('../images/blog/arrow3.gif') no-repeat left bottom; text-decoration:none; }

.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }

.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #333; padding:15px; }
.post th { background-color:#000; font-weight:normal; }
.post-content ul li { margin:0 0 0 0; line-height:160%; background:url('../images/blog/bullet1.gif') no-repeat left 9px; padding:0 0 0 12px; }
.post-content input { margin:5px 0; }

.post-meta { background:url('../images/blog/meta-top.gif') no-repeat right top; padding:13px 0 0 0; width:585px; clear:both; }
.post-meta ul { background:url('../images/blog/meta-bottom.gif') no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%; }
.post-meta li { display:inline; font-size:11px; line-height:140%; }
.post-category { float:left; width:345px; background:url('../images/blog/category-icon.gif') no-repeat 2px 2px; padding:0 0 1px 20px; }
.post-tag { float:left; width:345px; background:url('../images/blog/tag-icon.gif') no-repeat 2px 2px; padding:0 0 1px 29px; }
.post-comment { float:right; width:80px; background:url('../images/blog/write-comment.gif') no-repeat left top; padding:0 10px 2px 22px; }

#previous_next_post { padding:15px 0 0 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:8px 0 10px 40px; background:url('../images/blog/preview_post.gif') no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px; padding:8px 40px 10px 0; background:url('../images/blog/next_post.gif') no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

#back-top { padding:10px 5px 0 15px; font-size:11px; background:url('../images/blog/arrow5.gif') no-repeat left 16px; float:right; color:#777; }
#back-top:hover { text-decoration:none; color:#83bac4; }