/* ------------------------------------
The Buzz Style Sheet (Screen)
version: 1.0
author: jane mcdevitt
email: jane@maraid.co.uk
website: http://www.maraid.co.uk
------------------------------------- */


/*typography and colours
----------------------------------------------------------------*/

/*-----------
green #a6bf25
blue #3d9ad3
dark blue #568099
pink #c53b86

notes: footer bkg image has a white margin due to IE peekaboo bug I need 'lowerfooter' to seperate the floats from float container
-----------*/

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #333;
	font-size: small;
	margin: 0;
	background:url(../images/bkgtile.jpg) repeat-x top left #e5e5cd;
	}
	
p, #pagecontent li {
	line-height:1.8em;
	}

ul {
	list-style:none;
	}	
	
h1, h2 {
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
	}
	
h2.video {
	font-weight:bold;
	font-size:120%;
	color:#A6BF25;
	border-bottom: 2px solid #F1F2F4;
	}
	
h3 {
	font-size:100%;
	}	
	
#footer h3 {
	margin-top:5px;
	font-weight:normal;
	}	
	
#intro h1 {
	font-size:140%;
	line-height:1.6em;
	width:230px;
	padding: 20px 0 18px 26px;
	margin:0;
	}

#intro h1 span {	
	color:#0066CC;
	}
	
#page h1, #pagewide h1 {
	font-size:120%;
	color:#fff;
	margin:0;
	padding:5px 18px;
	}
	
#pagewide h1 a, .eventscon h1 a {/*breadcrumb*/
	color:#fff;
	border-bottom: #fff 1px dotted;
	text-decoration:none;
	}		
	
.eventsnav h1 {
	background:url(../images/corner_event_left.gif) top left no-repeat #a6bf25;
	}
	
.eventscon h1 {
	background:url(../images/corner_event_right.gif) top right no-repeat #a6bf25;
	border-left:#d3e091 1px dotted;
	}	
	
.involvednav h1 {
	background:url(../images/corner_involved_left.gif) top left no-repeat #3d9ad3;
	}
	
.involvedcon h1 {
	background:url(../images/corner_involved_right.gif) top right no-repeat #3d9ad3;
	border-left:#9ecde9 1px dotted;
	}	
	
.groupsnav h1 {
	background:url(../images/corner_groups_left.gif) top left no-repeat #c53b86;
	}
	
.groupscon h1 {
	background:url(../images/corner_groups_right.gif) top right no-repeat #c53b86;
	border-left:#e29dc3 1px dotted;
	}		
	
#choicearea h2 {
	font-size:120%;
	margin:0;
	}
	
#choicearea h2 a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:154px;
	padding:5px 15px;
	}
	
#choicearea p {
	margin: 10px 13px;
	}
	
#subnav a {
	text-decoration:none;
	}
	
#choicearea a:hover {
	text-decoration:none;
	}		
	
#pagecontent a:hover {
	text-decoration:none;
	}
	
span.highlight {
	color:#F00;
	}

					
	
/*events
-----------*/	

	
#eventscolumn h2 a {
	background:#a6bf25;
	color:#fff;
	}		
	
#eventscolumn h2 a:hover {
	background:#91ae14;
	}

#eventscolumn p a, .eventscon a {
	color: #a6bf25;
	}	
	
.eventsnav a {
	color:#333;
	}	
	
#eventscolumn p a:hover, .eventscon a:hover, .eventsnav a:hover {
	color: #fff;
	background-color:#a6bf25;
	}	
	
/*get involved
------------*/		
	
#involvedcolumn h2 a {
	background:#3d9ad3;
	}
	
#involvedcolumn h2 a:hover {
	background:#2784c6;
	}
	
#involvedcolumn p a, .involvedcon a {
	color:#3d9ad3;
	}	
	
.involvednav a {
	color:#333;
	}	
	
#involvedcolumn p a:hover, .involvedcon a:hover, .involvednav a:hover {
	color:#fff;
	background-color:#3d9ad3;
	}	
	
	
/*news
-------------*/			
	
#newscolumn h2 a {
	background:#568099;
	}
	
#newscolumn h2 a:hover {
	background:#3e6883;
	}
	
#newscolumn p a, #newscolumn li a {
	color:#568099;
	}		
	
#newscolumn p a:hover, #newscolumn li a:hover {
	color:#fff;
	background-color:#568099;
	}	
	
/*groups
-------------*/					
	
#groupscolumn h2 a {
	background:#c53b86;
	color:#fff;
	}	
	
#groupscolumn h2 a:hover {
	background:#b82871;
	}	
	
#groupscolumn p a, #groupscolumn li a, .groupscon a  {
	color:#c53b86;
	}
	
.groupsnav a {
	color:#333;
	}		
	
#groupscolumn p a:hover, #groupscolumn li a:hover, .groupscon a:hover, .groupsnav a:hover {
	color:#fff;
	background-color:#c53b86;
	}			
			

/*structure
---------------------------------------------------------------------------------*/


#wrapper {
	width: 802px;
	text-align: left; /*cancels out the info in the body tag*/
	margin: 0 auto;
	background-color:#fff;
	}
	
#main {
	width: 736px;
	margin-left:33px;
	}	
	
#intro {/*home*/
	background:url(../images/banner.jpg) #abc7d3 no-repeat;
	height:auto !important;
	min-height: 155px;
	}
	
#subnav {
	float:left;
	width:184px;
	}	
	
#content {
	float:right;
	width:552px;
	}				
		
	
#page {
	background:url(../images/pagebkg.jpg) top right repeat-y;
	float:left;/*need to float to show the background image*/
	}
	
#pagewide {
	background:url(../images/pagebkgwide.jpg) top right repeat-y;
	}	
	
#flashcontent {
	padding:4px 0 0 4px;
	}	
	
#pagecontent {
	width:510px;
	margin: 12px 0 0 20px;
	}		
	
#choicearea { /*home*/
	background:url(../images/choicetile.jpg) top right repeat-y #f4f4f4;
	font-size:90%;
	float:left;/*need to float to show the background image*/
	}	
	
#eventscolumn, #involvedcolumn, #newscolumn, #groupscolumn { /*home*/
	width:184px;
	float:left;
	}	
	
.videosub {
	margin:30px 0;
	}
	
#footer {
	background:url(../images/roundedbase.jpg) bottom right no-repeat #f4f4f4;
	font-size:90%;
	}	
	
.footercolumn {
	float:left;
	margin:0 15px;
	padding: 20px 0;
	}	
	
p.lowerfooter {
	padding: 10px 0 10px 0;
	margin:0;
	text-align:center;
	font-size:90%;
	clear:both;
	}
	
#stripe {/*green*/
	background:url(../images/stripe.gif) bottom right no-repeat;
	height:20px;
	clear:both;
	}
	
#stripe.involvedstripe {
	background-image:url(../images/stripe_involved.gif);
	}	
	
#stripe.newsstripe {
	background-image:url(../images/stripe_news.gif);
	}
	
#stripe.groupsstripe {
	background-image:url(../images/stripe_groups.gif);
	}		
		
.clear {
	clear:both;
	}
	
.hidden {
	display:none;
	}	

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

 #mainnav {
     float:right;
     }
		
#mainnav ul {
     margin:0 20px 0 0 ;
     padding:0;
     }
	 
#mainnav li {
     float:left;
     background: url(../images/corner_left.gif) no-repeat left top;
     margin:0;
     padding:0 0 0 9px;
     }
	  
#mainnav a {
     float:left;
     display:block;
	 text-decoration:none;
     background: #f1f2f4 url(../images/corner_right.gif) no-repeat right top;
     padding:5px 13px 5px 4px;
	 margin: 0;
     color:#333333;
     }
  
#mainnav a:hover {
     color:#3d9ad3;
     }
	  
#mainnav #current {
     background-image:url(../images/corner_home_left.gif);
     border-width:0;
     }
	  
#mainnav #eventtab {
     background-image:url(../images/corner_event_left.gif);
     border-width:0;
     } 
	 
#mainnav #involvedtab {
     background-image:url(../images/corner_involved_left.gif);
     border-width:0;
     }	
	 
#mainnav #groupstab {
     background-image:url(../images/corner_groups_left.gif);
     border-width:0;
     }	  
	  
#mainnav #current a {
     background: #e1ebed url(../images/corner_home_right.gif) no-repeat right top;
     color:#333333;
     }
	 
#mainnav #eventtab a {
     background: #a6bf25 url(../images/corner_event_right.gif) no-repeat right top;
     color:#fff;
     }	 
	 
#mainnav #involvedtab a {
     background: #3d9ad3 url(../images/corner_involved_right.gif) no-repeat right top;
     color:#fff;
     }	
	 
#mainnav #groupstab a {
     background: #c53b86 url(../images/corner_groups_right.gif) no-repeat right top;
     color:#fff;
     }  
	 
/*lists
----------------------------------------------------------------*/

#choicearea ul {
	margin:13px;
	padding:0;
	}

#choicearea ul li {
	padding:.4em 0;
	}	
	
#subnav ul {
	margin: 10px 16px;
	padding:0;
	font-size:90%;
	}
	
#subnav ul li {
	padding:.6em 0;
	}	
			
#pagecontent ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}	
	
#pagecontent ul li {
	background: url(../images/fancybullet.gif) no-repeat top left ;
	padding-left:15px;
	}
		
#footer ul {
	margin:0;
	padding:0;
	}	
	
#footer ul li {
	padding: .4em 0 .4em 25px;
	}	
	
#footer ul li a, .lowerfooter a {
	color:#333;
	text-decoration:none;
	}		
	
#footer ul li a:hover, .lowerfooter a:hover {
	color:#fff;
	background-color: #3d9ad3;
	}	
	
#pagecontent ul.social li {
	background: inherit;
	padding-left:25px;
	}	

ul.whatson li {
	background:url(../images/bullet.jpg) no-repeat 0 50%;
	}
	
.feed {
	background:url(../images/feed.gif) no-repeat 0 50%;
	}
	
.del {
	background:url(../images/del.gif) no-repeat 0 50%;
	}
	
.flickr {	
	background:url(../images/flickr.gif) no-repeat 0 50%;
	}
	
.lincs {	
	background:url(../images/lincs.gif) no-repeat 0 50%;
	}
	
#pagecontent ul.social li.youtube {	
	background:url(../images/youtube.png) no-repeat 0 50%;
	}	
	
#pagecontent ul.social li.twitter {	
	background:url(../images/twitter.png) no-repeat 0 50%;
	}	
	
#pagecontent ul.social li.facebook {	
	background:url(../images/facebook.png) no-repeat 0 50%;
	}	

/*images
----------------------------------------------------------------*/

img {  
	border-style: none;
	}

.buzzlogo {
	padding: 25px 0 0 15px;
	}
	
/*#eventscolumn a img {
	padding:4px;
	background-color:#dedede;
	margin-left:12px;
	}	
	
#eventscolumn a:hover img {
	padding:4px;
	background-color:#a6bf25;
	}	*/
	
#involvedcolumn img {
	margin-left:26px;
	}
	
	
#eventscolumn img.one {
	margin-left:41px;
	margin-top:20px;
	}	
	
#eventscolumn img.two {
	margin-left:22px;
	margin-top:8px;
	}		
	
#eventimages {
	width:160px;
	float:right;
	}	
	
#eventimages img {
	border-bottom: 8px #a6bf25 solid;
	margin: 5px 0 15px 10px;
	}	
	
#page img.logo {
	border-bottom: none;
	}	
	
#sponsors img {
	float:left;
	padding: 0 10px 10px 0;
	}	
	
.imagedecor {
	padding:7px;
	background-color:#fff;
	border: 2px solid #EDEDED;
	}		

/*calendar
----------------------------------------------------------------*/
	
.calendar {
	width: 200px;
	border:1px solid #dedede;
	}
	
.calendartd {
	padding: 2px;
	background-color:#e9e9e9;
	}

.calendartd a:hover {
	color:#000;
	}	

.calendartd a {
	text-decoration:none;
	color:#568099;
	}	

.calendarToday {
	background-color:#568099;
	padding:2px;
	}
	
.calendarToday a {
	text-decoration:none;
	color:#fff;
	}
	
.calendar th {
	font-weight:normal;
	padding:2px;
	}