@charset "UTF-8";
/*
Theme Name: Going Out
Theme URI: http://www.goingout.co.za/
Description: The default WordPress theme for Going Out.
Version: 1.1.9
Author: NS Digital
Author URI: http://www.nsdigital.co.za/
Tags: Clean, Blue, Grey, Corporate, Going Out

*/
/* Default styles */
@import "css/reset.css";

/* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/EFFECTS.CSS */

/*-----------------------------------------------

INDEX:

1. Setup
-1.1 Defaults

2. Site Structure and Appearance
-2.1 Containers

-2.2. Header
--2.2.1 Logo
--2.2.2 Header Search Form

-2.3. Navigation
--2.3.1 Tabs Navigation
--2.3.2 Sub Navigation, Blue Area with the Explanations

-2.4 Homepage Styles
--2.4.1 Content Homepage - Featured Area
--2.4.2 Content Homepage - Top Events Area
--2.4.3 Content Homepage - See and Do Area

-2.5 Breadcrumbs and Sharing
--2.5.1 Breadcrumb
--2.5.2 Share This

-2.6 Post Styles
--2.6.1 Overview Section (Most Pages Use This)
--2.6.2 Post Gallery Styles
--2.6.2 Post Image Styles

-2.7 Listing Pages
--2.7.1 Search Results
--2.7.2 Archive Listing Page
--2.7.3 See and Do Category
--2.7.4 Calendar Category
--2.7.5 Pagination for Categories and Search Results
--2.7.6 Category Sub Navigation (Right Hand Side)

-2.8 Page Templates
---2.8.1 About Us Page (Lists Website Authors)

--2.9 Content and Text Styles
---2.9.1 Universal Content Styles
---2.9.2 Universal Text Styles
---2.9.3 Button Link Style
---2.9.4 Sociable

-3 Comments and Feedback
--3.1 General Form Feedback Styles
--3.2 Comments Styles
---3.2.1 The Comments List and Author
---3.2.2 Comment Text
---3.2.3 Nested Comments
---3.2.4 Reply to Comment Button
---3.2.5 Comment Reply Form
--3.3 Cforms Styles

-4 Sidebar
--4.1 Default Widget Styles
--4.2 Campaign Monitor Widget
--4.3 Weather Widget
--4.4 Flickr Widget
--4.5 Twitter Widget

-5 Banners

-6 Footer

-7 Accessibility

-----------------------------------------------*/

/*-----------------------------*/
/* 1. SETUP
/*-----------------------------*/

/*-----------------------------*/
/* 1.1 DEFAULTS */
/*-----------------------------*/

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; 
background:#ffffff;}

/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE
/*-----------------------------*/

/*-----------------------------*/
/* 2.1 CONTAINERS
/*-----------------------------*/

#wrapper{width:100%;}

#left_column{width:656px; float:left; padding-top:10px;}

#right_column{width:300px; float:right; padding-top:10px;}


/*-----------------------------*/
/* 2.2. HEADER
/*-----------------------------*/

#header{width:100%; background:url(images/bg_header.jpg) no-repeat bottom center #f0f0f0;}	

#header_page{width:979px; margin:0 auto 0 auto; padding:20px 0 0 0;}

/*-----------------------------*/
/* 2.2.1 LOGO
/*-----------------------------*/

#logo{width:373px; height:93px; float:left;}

/*-----------------------------*/
/* 2.2.2 HEADER SEARCH
/*-----------------------------*/

#search{width:195px; float:right; margin:33px 0 0 0;}

#search #s{background:url(images/bg_search.png) no-repeat left top; border:none; width:140px; padding:7px 0 11px 26px;
color:#446280; font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:top; margin:0px -3px 0px 0px;}

#search #searchsubmit{width:26px; height:27px; background:url(images/search_button.png) no-repeat; border:none; cursor:pointer; font-size:0px; margin:0px;}

#search .hidden{display:none;}

/*-----------------------------*/
/* 2.3. NAVIGATION
/*-----------------------------*/

/*-----------------------------*/
/* 2.3.1 TABS NAVIGATION
/*-----------------------------*/


#nav{width:979px; height:34px; margin:11px 0 0 0; float:left;}

#nav li{display:inline; float:left; margin:0 2px 0 0;}
#nav li a{display:block; text-indent: -999999px;}
#nav li a:hover{background-position:-34px 0px;}
#nav a:active, #nav a:focus{outline:0;}

#nav li a#nav_home{background:url(images/nav/home.png) no-repeat; width:111px; height:34px;}
#nav li a#nav_things{background:url(images/nav/things_to_see_and_do.png) no-repeat; width:209px; height:34px;}
#nav li a#nav_nightlife{background:url(images/nav/nightlife.png) no-repeat; width:144px; height:34px;}
#nav li a#nav_calendar{background:url(images/nav/calendar.png) no-repeat; width:144px; height:34px;}
#nav li a#nav_venue{background:url(images/nav/venue_guide.png) no-repeat; width:164px; height:34px;}
#nav li a#nav_suggest{background:url(images/nav/suggest_something.png) no-repeat; width:195px; height:34px;}

#nav li a#nav_home:hover, 
#nav li a#nav_things:hover, 
#nav li a#nav_nightlife:hover, 
#nav li a#nav_calendar:hover, 
#nav li a#nav_venue:hover, 
#nav li a#nav_suggest:hover{background-position:0px -34px;}

body#page_home #nav li a#nav_home, 
body#page_things #nav li a#nav_things,
body#page_things_list #nav li a#nav_things,
body#page_nightlife #nav li a#nav_nightlife, 
body#page_calendar #nav li a#nav_calendar, 
body#page_venue #nav li a#nav_venue, 
body#page_suggest #nav li a#nav_suggest{background-position:0px -68px;}

/*-----------------------------*/
/* 2.3.2 SUB NAVIGATION, BLUE AREA BELOW THE TABS
/*-----------------------------*/



ul#nav_info{}
ul#nav_info li{display:inline-block; margin:0px; padding:0px; float:left; margin:0 0 0 2px;}
ul#nav_info li a{text-indent:-999999px; margin:0px; padding:0px; float:left;}

ul#nav_info li a#info_home{background:url(images/nav/dropdown/home.png) no-repeat top center; width:112px; height:134px; display:inline-block;}
ul#nav_info li a#info_see{background:url(images/nav/dropdown/see_and_do.png) no-repeat top center; width:191px; height:134px; display:inline-block;}
ul#nav_info li a#info_nightlife{background:url(images/nav/dropdown/nightlife.png) no-repeat top center; width:149px; height:134px; display:inline-block;}
ul#nav_info li a#info_calendar{background:url(images/nav/dropdown/calendar.png) no-repeat top center; width:146px; height:134px; display:inline-block;}
ul#nav_info li a#info_venue{background:url(images/nav/dropdown/venue_guide.png) no-repeat top center; width:168px; height:134px; display:inline-block;}
ul#nav_info li a#info_contact{background:url(images/nav/dropdown/suggest.png) no-repeat top center; width:197px; height:134px; display:inline-block;}

ul#nav_info li a#info_home:hover, ul#nav_info li a#info_see:hover, ul#nav_info li a#info_nightlife:hover, ul#nav_info li a#info_calendar:hover, 
ul#nav_info li a#info_venue:hover, ul#nav_info li a#info_contact:hover{background-position:center -134px; padding:0px; margin:0px;}

body#page_home ul#nav_info li a#info_home, 
body#page_things ul#nav_info li a#info_see,
body#page_nightlife ul#nav_info li a#info_nightlife,
body#page_calendar ul#nav_info li a#info_calendar, 
body#page_venue ul#nav_info li a#info_venue, 
body#page_suggest ul#nav_info li a#info_contact{background-position:0px -134px;}


#blue{width:100%; background:url(images/nav/bg_blue.jpg) repeat-x top #00769d; border-bottom:#FFFFFF solid 6px; border-top:#FFFFFF solid 6px;
min-height:134px; height:auto !important; height:134px;}

#blue-small{width:100%; background:url(images/bg_blue.png) repeat-x top #01769e; border-bottom:#FFFFFF solid 6px; border-top:#FFFFFF solid 6px;}

#blue-small img{float:left; cursor:pointer;}

#blue-small p{float:left; color:#FFFFFF; font-size:12px; font-weight:bold; margin:15px 0 0 30px;}

#blue-small a#whatis{float:right; margin:10px 0 0 0;}

#blue a#whatis{float:left; margin:-27px 0 0 0;}

#blue-category-list{width:100%; background:url(images/nav/bg_blue.jpg) repeat-x top #01769e; border-bottom:#FFFFFF solid 6px; border-top:#FFFFFF solid 6px;}

#blue-category-list ul {float: left; width: 750px; margin: 10px 0 10px 10px; padding: 0; list-style: none; display:block;}

#blue-category-list li {float: left; width: 230px; margin:2px; padding: 2px 0 2px 13px; background:url(images/li-header-categories.png) center left no-repeat;color:#efefef;}
#blue-category-list li a{color:#ffffff; text-decoration:none; font-size:1.3em; padding:2px;}
#blue-category-list li a:hover{text-decoration:none; background:#077297;}

#blue-category-list li.current-cat a{text-decoration:underline; font-weight:bold;}
#blue-category-list li.current-cat a:hover{text-decoration:none;}

#blue-category-list #explanation{background:url(images/nav/dd_categories.gif) top left no-repeat; width:210px; height:110px; float:left; margin:0px 0px 5px 0;}
#blue-category-list #explanation p{display:none;}
#blue-category-list #explanation a{margin-top:85px; float:left;}


/*-----------------------------*/
/* 2.4 HOMEPAGE STYLES
/*-----------------------------*/

/*-----------------------------*/
/* 2.4.1 CONTENT HOMEPAGE - FEATURED AREA
/*-----------------------------*/

#grey_featured{width:100%; background-color:#d6d6d6;}

.page{width:979px; margin:0 auto 0 auto;}

#featured{width:979px; background:url(images/featured/bg_featured.jpg) no-repeat bottom; padding:12px 0 12px 0;}

#featured_image{width:492px; height:221px; background:url(images/featured/bg_image.png) no-repeat; padding:9px; border:#FFFFFF solid 1px; float:left;}

#featured_text{width:432px; float:right; padding-top:17px;}
#featured_text h1{border:none; margin-bottom:8px; padding:0;}
#featured_text h1 a{color:#fe7700;}
#featured_text p{color:#424242; font-size:12px; text-align:justify; margin-bottom:18px;}
#featured_text p.date{color:#8b92bd;}

/*-----------------------------*/
/* 2.4.2 CONTENT HOMEPAGE - TOP EVENTS AREA
/*-----------------------------*/


#top_events a.button{float:right; margin:-35px 0 0 0;}

.event a{ min-height:214px; height:auto !important; height:214px;}

p.event{width:207px; margin:6px 5px 0 6px; float:left;}
p.event strong{color:#2e72af; font-weight:bold; font-size:13px; text-decoration:underline; padding:0 0 0 5px;}
p.event a img, p.event a:visited img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:5px 0 5px 0;}

p.event span img{border:none; margin:0; padding:0px 1px 0px 1px;}
p.event a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 0 8px 4px;}
p.event a:hover{border:#edebe9 solid 1px; background-color:#fafafa; padding:7px 0 7px 3px;}
p.event a span strong{font-weight:bold; color:#000000; font-size:11px; text-decoration:none; padding:0 0 0 0px;}
p.event a span{line-height:1.3em; padding:0 0 0 5px;font-size:11px; float:left;  width:190px; padding-left:5px;}
p.event a span em.readmore{color:#1d65a6; text-decoration:underline; padding:0 0 0 0px; font-weight:bold; font-style:italic;}

/*Star Ratings*/	
#top_events span.post_rating{float:left; width:190px; padding:0 0 0 0;}
	#top_events span.post_rating strong{margin-right:25px;}
	#top_events span.post_rating em.post-ratings{margin-top:3px;}




/*-----------------------------*/
/* 2.4.3 CONTENT HOMEPAGE - SEE AND DO AREA
/*-----------------------------*/

#see_and_do button{float:right; margin:-30px 8px 0 0;}	

#see_and_do li{width:656px; float:left; margin:1px 0 0 0;}
#see_and_do li strong{color:#2e72af; font-weight:bold; font-size:13px; text-decoration:underline; padding:10px 0 5px 10px; float:left;}
#see_and_do li img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:5px 0 5px 0; float:left;}
#see_and_do li a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 0 8px 10px; float:left; width:645px; cursor:pointer;}
#see_and_do li a:hover{border:#d2d2d2 solid 1px; background-color:#e7e7e7; padding:7px 0 7px 9px;}
#see_and_do li a span{line-height:1.3em; padding:0 0 10px 0; width:400px; float:left; margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#see_and_do li a span em{color:#1d65a6; text-decoration:underline; padding:15px 0 0 0; font-weight:bold; font-style:normal;}

/*-----------------------------*/
/* 2.5.1 BREADCRUMB
/*-----------------------------*/

#breadcrumb{border-bottom:#c3c3c3 dashed 2px; padding:12px 0 12px 20px; background:url(images/breadcrumb_arrow.png) no-repeat left center;}
span.crumb a{color:#565545; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
span.crumb a:hover{text-decoration:underline;}

#breadcrumb p#crumb a{font-weight:normal;}
#breadcrumb p#crumb strong{font-weight:normal;}

#breadcrumb{float:left; width:959px;}

p#crumb{float:left; margin:3px 0 0 0; text-decoration:none; color:#000000; font-size:1em; font-weight:normal;}
p#crumb strong{font-weight:normal;}
p#crumb a{ text-decoration:none; color:#000000;}
p#crumb a:hover{text-decoration:underline; color:#000000;}
p#crumb a:visited{color:#000000;}
p#crumb a:visited:hover{text-decoration:underline; color:#000000;}


/*-----------------------------*/
/* 2.5.2 SHARE THIS
/*-----------------------------*/

#share{float:right;}
#share a#print{color:#565545; text-decoration:none; background:url(images/see_and_do/print.png) no-repeat right center; padding:3px 20px 3px 0; margin-right:10px; float:left;}
#share a#print:hover{text-decoration:underline;}



/*-----------------------------*/
/* 2.6 POST STYLES
/*-----------------------------*/

/*-----------------------------*/
/* 2.6.1 OVERVIEW SECTION TEMPLATE (MOST PAGES USE THIS)
/*-----------------------------*/


#main_info{width:944px; background-color:#d8d5d5; border:#a8a8a8 solid 1px; float:left; margin:16px 0 0 0; padding:16px; display:inline-block;}
#main_info img{border:#a4a4a4 solid 1px; position:absolute; float:left;}
#main_info em{position:absolute; z-index:99; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFFFFF; font-weight:bold; font-style:normal; line-height:1.7em;
background:url(images/see_and_do/bg_title.png) repeat; padding:3px 5px 7px 5px; margin:16px 0 0 16px;}
#main_info em span{font-size:14px; font-style:italic;}

#overview{width:283px; background-color:#f8f8f8; float:right; padding:10px 10px 0 10px; min-height:375px; height:auto !important; height:375px;} 

#overview h1{color:#4f4f4f; font-size:16px; border-bottom:#dadada solid 1px; padding-bottom:5px;}

#overview p{border-bottom:#dadada solid 1px; padding-bottom:8px; margin:0px; padding-top:8px;}

#overview p a{color:#6a6a6a; text-decoration:none;}
#overview p a:hover{text-decoration:underline;}
#overview em{float:right; background:none; z-index:99; padding:0px; margin:2px 0px 0px 220px; width:100px;}
#overview img{position:relative; float:none; border:none; }

#overview .post-ratings{ width:80px; float:left; margin:0 0 0 200px;}

#book_form{border:solid 1px #a8a8a8; background:#e9e9e9; padding:0 5px 50px 5px; margin:5px 0 0 0; display:none; }		
#book_form .submit{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; background:url(images/suggest_something/button.png) no-repeat; width:110px; height:31px; cursor:pointer; margin:10px 0 10px 0; border:none;}

#book_form p#book_form_intro{border-bottom:none;}

#book_form #error{background:#fe7700; text-align:center; color:#FFFFFF; font-weight:bold; font-size:20px;}
#book_form input{background:#fafafa; width:97%; border:solid 1px #ababab; padding:4px 2px;}
#book_form input#date{background:#fafafa; width:40%; border:solid 1px #ababab; padding:4px 2px;}
#book_form textarea{background:#fafafa; width:97%; border:solid 1px #ababab; padding:4px 2px;}
#book_form #success{background:#359ec1; text-align:center; color:#FFFFFF; font-weight:bold; margin:5px 0 0 0;}
#book_form #success p{border:solid 1px #00445b; text-align:center; color:#FFFFFF;}
#book_form_btn a.button:hover{text-decoration:none;}


/*-----------------------------*/
/* 2.6.2 POST GALLERY STYLES
/*-----------------------------*/


.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 {float: left;}

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

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

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

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

.ngg-clear {clear: both;}


/*-----------------------------*/
/* 2.6.2 POST IMAGES STYLES
/*-----------------------------*/


p img { padding: 0; max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; position:relative; }

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; }

.alignleft { float: left }
/* End Images */

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; display:block; }

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

.wp-caption p.wp-caption-text, .wp-caption span.wp-caption-text { font-size: 11px; line-height: 17px; padding: 2px 4px 5px; margin: 0; text-align:center; display:block; }
/* End captions */


/*-----------------------------*/
/* 2.7 LISTING PAGES
/*-----------------------------*/

/*-----------------------------*/
/* 2.7.1 SEARCH RESULTS 
/*-----------------------------*/


#search_results li{width:656px; float:left; margin:8px 0 0 0;}
#search_results li span.excerp{width:450px; margin:0px 0 0 0; padding:0 0 10px 10px; line-height:1em; color:#000000;}
#search_results li a strong{color:#2e72af; font-weight:bold; font-size:16px; text-decoration:underline; padding:10px 0 5px 10px;}
#search_results li img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:5px 5px 5px 0; float:left; display:inline;}
#search_results li a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 0 8px 10px; float:left; width:645px; cursor:pointer;}
#search_results li a:hover{border:#d2d2d2 solid 1px; background-color:#e7e7e7; padding:7px 0 7px 9px;}
#search_results li a span{line-height:2em; padding:0 0 0px 0; float:left; margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; color:#999999;}
#search_results li a span em{color:#1d65a6; text-decoration:underline; padding:15px 0 0 0; font-weight:bold; font-style:normal;}

.pagenavi{float:left; width:100%; margin:40px 0 20px 0;}
.pagenavi .Nav{text-align:center;}

.pagenavi .Nav strong{border:none; background:none; color:#165d7e; padding:15px 20px 15px 20px; font-size:1em; font-weight:bold;}
.pagenavi .Nav a strong{border:none; padding:0px 0px 0px 0px; background:none; color:#165d7e;}
.pagenavi .Nav a{border:solid 1px #ccdeff;  padding:12px 18px 12px 18px; color:#165d7e; margin:0 3px 0 3px;text-decoration: none; background:#ebf2ff; font-size:2.2em; font-weight:bold;}
.pagenavi .Nav a:hover,
.pagenavi .Nav a strong:hover{background:#ccdeff; color:#165d7e;}
.pageNaviBefore, .pageNaviAfter{}
.pagenavi .Nav strong.on{font-size:2.2em;}

h1#search-no-results{font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; border:none; background:url(images/search-no-results.png) no-repeat left center; 
padding:20px 0 20px 60px;}
#search-no-results-search{width:100%; width:420px; position:relative; margin:40px auto 100px auto;}
#search-no-results-search #searchsubmit{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; background:url(images/suggest_something/button.png) no-repeat; width:109px; height:29px; border:none; cursor:pointer; float:right; margin:10px 0 0 0;}
#search-no-results-search input{width:270px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px; margin-bottom:15px; margin-top:10px;}


/*-----------------------------*/
/* 2.7.2 ARCHIVE LISTING PAGE
/*-----------------------------*/


.section_box{width:656px; margin:10px 0 10px 0; float:left;}

span.hr{width:100%; background-color:#e0e8ee; height:1px; float:left; margin:17px 0 17px 0;}

.archive_result{margin:10px 0 10px 0; border-bottom:solid 1px #efefef; padding:0 0 10px 0; float:left;}

.archive_result .archive_results_thumb{width:230px; height:150px; float:left;}
.archive_result a img, .archive_result a:visited img {border:#bfbfbf solid 1px; padding:5px; position:relative; margin:5px 5px 5px 0;}
.archive_result a img:hover{border:#000000 solid 1px; padding:5px; position:relative; margin:5px 5px 5px 0;}


.archive_result .archive_results_text{width:420px; margin:0 0 0 230px; min-height:160px;}
.archive_result .archive_results_text strong a {color:#2e72af; font-weight:bold; font-size:18px; text-decoration:underline; margin:0 0 5px 0;}
.archive_result .archive_results_text strong a:hover {color:#2e72af; font-weight:bold; text-decoration:none; margin:0 0 5px 0;}
.archive_result .archive_results_text p{margin:10px 0 10px 0; padding:0; color:#6a6a6a;}
.archive_result .archive_results_text em{color:#6a6a6a; font-size:12px; background:#efefef; border:dotted 1px; margin:6px 0 5px 0; padding:4px 5px; line-height:28px;}
.archive_result .archive_results_text em a{color:#6a6a6a;}

.archive_result .archive_results_text a.button{margin:10px 0 0 0;}				


/*-----------------------------*/
/* 2.7.3SEE AND DO CATEGORY
/*-----------------------------*/


body#page_things .section_box a{color:#6a6a6a;}

#places li{width:300px; float:left; margin:0 0 0 0; padding:10px 0 10px 0;border-bottom:#c3c3c3 dashed 2px;}
#places li strong{color:#2e72af; font-weight:bold; font-size:13px; text-decoration:underline; padding:0 0 5px 10px; float:left; width:280px;}
#places li img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:0 10px 0 0; float:left;}
#places li a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 1px 8px 10px; float:left; width:280px; cursor:pointer;}
#places li a:hover{border:#edebe9 solid 1px; background-color:#fafafa; padding:7px 0 7px 9px;}
#places li a span{line-height:1.3em; padding:0 0 0 0; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#places li a span em{color:#1d65a6; text-decoration:underline; padding:10px 0 0 0;}

#categories{border-bottom:#e0e8ee solid 1px; padding-bottom:20px;}
#categories strong{color:#2e72af; font-weight:bold; font-size:13px; text-decoration:underline; padding:0 0 5px 10px; float:left; width:280px;}
#categories img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:0 10px 0 0; float:left;}
#categories a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 10px 8px 10px; float:left; width:280px; cursor:pointer;
margin:0 25px 0 0;}
#categories a:hover{border:#edebe9 solid 1px; background-color:#fafafa; padding:7px 9px 7px 9px;}
#categories a span{line-height:1.3em; padding:0 0 0 0; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#categories a span em{color:#1d65a6; text-decoration:underline; padding:10px 0 0 0;}


/*-----------------------------*/
/* 2.7.4 CALENDAR CATEGORY
/*-----------------------------*/


#calendar button{float:right; margin:-30px 8px 0 0;}	

#calendar li{width:656px; float:left; margin:1px 0 0 0;}
#calendar li strong{color:#2e72af; font-weight:bold; font-size:13px; text-decoration:underline; padding:10px 0 5px 10px; float:left; width:410px;}
#calendar li b{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; float:left; padding-left:10px; padding-bottom:12px;}
#calendar li img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:5px 0 5px 0; float:left;}
#calendar li a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 0 8px 10px; float:left; width:645px; cursor:pointer;}
#calendar li a:hover{border:#d2d2d2 solid 1px; background-color:#e7e7e7; padding:7px 0 7px 9px;}
#calendar li a span{line-height:1.3em; padding:0 0 5px 0; width:400px; float:left; margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#calendar li a span em{padding:5px 0 0 0; font-weight:bold; font-style:normal;}

li.rowA {background-color: #fafafa;}
li.rowB {background-color: #f7f4f1;}

span.right_info{width:400px; float:left;}

body#page_calendar #places li{width:300px; float:left; margin:0 10px 0 10px; padding:10px 0 10px 0; border:none;}
body#page_calendar #places li strong{color:#2e72af; font-weight:bold; font-size:13px; text-decoration:underline; padding:0 0 5px 10px; float:left; width:280px;}
body#page_calendar #places li img{border:#bfbfbf solid 1px; padding:5px; position:relative; margin:0 10px 0 0; float:left;}
body#page_calendar #places li a{text-decoration:none; color:#000000; line-height:1.3em; display:block; padding:8px 1px 8px 10px; float:left; width:280px; cursor:pointer;}
body#page_calendar #places li a:hover{border:#edebe9 solid 1px; background-color:#fafafa; padding:7px 0 7px 9px;}
body#page_calendar #places li a span{line-height:1.3em; padding:0 0 0 0; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body#page_calendar #places li a span em{color:#1d65a6; text-decoration:underline; padding:10px 0 0 0;}


#year{float:left; margin:0px 0 0px 0;}	
#year li{float:left; width:42px; margin:0 2px 0 10px;}
#year li a{background:url(images/calendar/bg_month.png) no-repeat 0px 0px; padding:15px 0 0 0; height:53px; font-weight:bold; font-size:12px; text-align:center;
width:42px; color:#5c5c5b; display:block;}
#year li a:hover{border:none; background-position:0px -68px; background-color:#ffffff; width:42px; padding:15px 0 0 0; height:53px; color:#000000;}
#year li a.cal_active{background-position:0px -136px;}


/*-----------------------------*/
/* 2.7.5 PAGINATION FOR CATEGORIES AND SEARCH RESULTS
/*-----------------------------*/


.pagination {font-size:12px; text-align:center; display:inline-block; padding:20px 0 20px 0; width:656px;}
.pagination a { text-decoration: none; border: solid 1px #cecece; color: #444444; font-size:12px; background:url(images/calendar/bg_pagination.png) bottom repeat-x #FFFFFF;}

.pagination a:hover{color:#FFFFFF; background:none #969696; }

.pagination a, .pagination span {display: inline-block; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px;}

.pagination .current {background: #fe7700; color: #ffffff; border: solid 1px #cecece;}

.pagination .current.prev, .pagination .current.next{color:#999; border-color:#999; background:#fff;}


/*-----------------------------*/
/* 2.7.6 CATEGORY SUB NAVIGATION (RIGHT HAND SIDE)
/*-----------------------------*/


#sub_categories{background-color:#d8d5d5; border:#a8a8a8 solid 1px; padding:10px; display:inline-block; width:275px; margin:0 0 15px 0;}
#sub_categories .list{background-color:#f8f8f8; padding:10px 10px 10px 10px;}
#sub_categories .list h3{color:#4f4f4f; font-size:16px; border-bottom:#dadada solid 1px; padding-bottom:5px;}


#sub_categories .list ul{margin:5px 0 0 0;}
#sub_categories .list li{color:#777777; padding:2px;}
#sub_categories .list a{color:#2e72af; text-decoration:none; font-size:1.2em; padding:2px; margin:2px 0px 2px 0px; width:249px;}
#sub_categories .list a:hover{ text-decoration:underline;}
#sub_categories .list ul.children{margin:1px 0 0 12px;}
#sub_categories .list .children a{width:237px;}

#sub_categories .list li:before{
content: "»";
}


/*-----------------------------*/
/* 2.8 PAGE TEMPLATES
/*-----------------------------*/

/*-----------------------------*/
/* 2.8.1 ABOUT US PAGE (LISTS WEBSITE AUTHORS)
/*-----------------------------*/


.page_content .author{float:left; width:98%; margin:0 0 10px 0;}

.page_content .author .author_text{width:450px; float:left;font-size:1.2em;}
.page_content .author .author_text p{margin:10px 0 0 0; display:block;}
.page_content .author .author_text p strong{}

a.author_posts_link{color:#ffffff; padding:4px 8px 4px 22px; text-decoration:none; background:url(images/bg_author_link.gif) #188cc2 no-repeat; background-position:5px 4px;}
a.author_posts_link:hover{color:#ffffff; text-decoration:underline;}


/*-----------------------------*/
/* 2.9 CONTENT AND TEXT STYLES
/*-----------------------------*/															

/*-----------------------------*/
/* 2.9.1 UNIVERSAL CONTENT STYLES
/*-----------------------------*/


#post_meta_information{border:solid 1px #cccccc; padding:6px; margin:8px 8px 8px 8px; background:#EFEFEF; font-size:1.2em; line-height:1.2em; color:#333333;}
#post_meta_information a{color:#000000;}
#post_meta_information li{background:url(images/li_metadata.png) no-repeat center left; padding:2px 0 2px 15px;}
#post_meta_information ul{padding:0px; margin-top:0px;}

#edit-entry a{float:right; background:#279dc5; padding:6px; margin-right:4px; color:#ffffff; border:solid 1px #137495; text-decoration:none; font-weight:bold;}
#edit-entry a:hover{text-decoration:underline; background:#045b78;}

#edit-entry a{float:right; background:#fe7700; padding:6px; margin-right:4px; color:#ffffff; border:solid 1px #d96600; text-decoration:none; font-weight:bold;}
#edit-entry a:hover{text-decoration:underline; background:#f37200;}	

.page_content{margin:10px 0 10px 0; float:left; width:670px;}
.page_content img{padding:3px; background:#f8f8f8; border:solid 1px #efefef;}
.page_content img.wp-smiley{padding:0 0 0 0; background:none; border:none;}





#map{border:#e5e5e5 solid 1px; padding:2px; width:292px; height:173px; float:left; margin:20px 0 0 20px;}

#info{width:330px; float:left;}


/*-----------------------------*/
/* 2.9.2 UNIVERSAL TEXT STYLES
/*-----------------------------*/




h1{font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size:21px; color:#fe7700; font-weight:bold; border-bottom:#c3c3c3 dashed 2px; padding-bottom:6px;}
div.page_content h1{margin:10px 0 0 0;}

h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; background:url(images/bg_h2.png) repeat-x top #d6d6d6; padding:11px 0 11px 11px;
margin-top:14px;}
div.page_content h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; color:#333333; margin:8px 0px 0px 0px; background:none; padding:0px 0px 0px 0px; text-decoration:underline;}
p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#333333; margin-top:20px;}

h1.page_title{font-size:28px; margin:20px 0 0 0;}

strong{font-weight:bold;}

p.date{font-family:Arial, Helvetica, sans-serif; color:#8b92bd; font-size:11px; margin:0 0 14px 0;}
a{color:#0271d0;}
a:hover{text-decoration:none; color:#0271d0;}

#more_venue_info h1{margin-top:20px;}

div.page_content ul{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#333333; margin-top:20px; margin-left:10px;}
div.page_content ol{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#333333; margin-top:20px; margin-left:30px;}
div.page_content ul li{background:url(images/li.jpg) top left no-repeat; padding:0 0 0 10px; line-height:1.3em;}
div.page_content ol li{list-style-type:decimal; padding:0 0 0 10px; line-height:1.3em;}

div.page_content em{font-style:italic;}
div.page_content blockquote{background:url(images/blockquote.jpg) top left no-repeat; padding:5px 10px 0 29px; margin:10px 0 4px 0;}
div.page_content blockquote p{margin:0 0 5px 0;}

/*-----------------------------*/
/* 2.9.3 BUTTON LINK STYLE
/*-----------------------------*/

a.button, span.button, a#FlickrButton, span#FlickrButton{display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; 
/*for Safari*/ background-position:0 0; background-repeat:no-repeat; height:30px; text-decoration:none; color:#2e523b; font-style:normal; margin:0 6px 0px 0; padding:0 10px 0 14px; vertical-align:middle; float:left;}

a.button, span.button, a.button span, a#FlickrButton, span#FlickrButton, a#FlickrButton span{background-image:url(images/button_bg.png);}

a.button span, a#FlickrButton span{white-space:nowrap; cursor:pointer; color:#FFFFFF; display:inline-block; line-height:1; letter-spacing:0 !important; font-family:"Arial" !important; font-size:12px !important; font-style:normal; font-weight:bold; background-color:transparent; background-position:100% 0;  background-repeat:no-repeat; height:30px; padding:10px 20px 0 5px; margin:0 -16px 0 10px; border:none; vertical-align:text-top;
}
html.safari a.button span, html.safari a#FlickrButton span{line-height:1.3;}
html.safari a.button:focus, html.safari a#FlickrButton{outline:none;}
a.button:visited{color:#aaa;}

/*Button Hover Style*/
a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover, 
a#FlickrButton:hover, span#FlickrButton:hover, a#FlickrButton:focus{background-position:0 -60px; color:#222; text-decoration:none;}
a.button:hover span, a.button:focus span, a#FlickrButton:hover span, a#FlickrButton:focus span{background-position:100% -60px;}
a.button:active, a.button:focus span{color:#444;}
a.button:active, a.button:focus{outline:0;}

.block {display:block;}


/*-----------------------------*/
/* 2.9.4 SOCIABLE
/*-----------------------------*/

div.sociable { margin: 16px 0; float:left; width:650px;}

.sociable_tagline strong{font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size:21px; color:#fe7700; font-weight:bold; border-bottom:#c3c3c3 dashed 2px; padding-bottom:6px; width:100%; float:left; margin-bottom:20px;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em;}
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: red; line-height: 1.25em; background:none; }
div.sociable span { display: block; background:none; }
div.sociable ul { display: block; margin: 0 !important; padding: 0 !important; background:none;float:left;}
div.sociable ul li { display: inline !important; list-style-type: none; margin: 0; padding: 1px; background-image:none;}
div.sociable ul li:before { content: "";}
div.sociable ul li a img {float: none; width: 64px; height: 64px; border: 0; margin: 0; padding: 0; background:none; }


/*-----------------------------*/
/* 3 COMMENTS AND FEEDBACK
/*-----------------------------*/

/*-----------------------------*/
/* 3.1 GENERAL FORM FEEDBACK STYLES
/*-----------------------------*/

.textfield{width:270px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px; margin-bottom:15px; margin-top:0px;}
.textarea{width:290px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px 0 0 5px; height:136px;
margin-top:0px;}

/*-----------------------------*/
/* 3.2 COMMENTS STYLES
/*-----------------------------*/


#comments{padding:6px; margin:8px 0px 8px 0px; float:left; width:100%;}

	#comments h1{margin-bottom:10px;}

#comments .navigation {margin:30px 20px 30px 10px;}

#comments .navigation a{ padding:5px; margin:0 0 0 0; padding:6px; text-decoration:none; background:#2ea3cc; color:#ffffff; font-weight:bold; font-size:10px; position:relative;}
#comments .navigation a:hover{background:#5dc2e5;}

#comments ol.commentlist{clear:both; width:645px; display:block; float:left; position:relative; padding:0px 0 5px 0; margin-left:3px; border:solid 1px #efefef;}



/*-----------------------------*/
/* 3.2.1 THE COMMENT LIST AND AUTHOR
/*-----------------------------*/

ol.commentlist li{background:none; margin:10px 10px 10px 10px; padding:10px 10px 0 10px; border:solid 1px #efefef; display:block;}

ol.commentlist li.alt{background:#fbfbfb;}

ol.commentlist li div.comment{padding:0 0 10px 0;}

ol.commentlist li img.avatar{border:solid 1px #eeeeee; padding:0px; width:90px; height:90px; float:left; margin:10px -15px 0px 0;}	

ol.commentlist .comment_text{display:block; float:left;}

ol.commentlist .comment_speech_bubble{margin:0 0 0 -15px; position:relative; font-size:12px;}
ol.commentlist .comment_speech_bubble span{color:#ffffff; background:#5dc2e5; padding:6px;}
ol.commentlist .comment_speech_bubble span.name{color:#ffffff; background:#2ea3cc; margin-right:-3px;}

ol.commentlist .comment_speech_bubble span a{color:#ffffff; font-weight:bold; text-decoration:none;}
ol.commentlist .comment_speech_bubble span a:hover{text-decoration:underline;}

ol.commentlist .comment_speech_bubble span.date a{color:#ffffff; font-weight:bold; text-decoration:none;}
ol.commentlist .comment_speech_bubble span.date a:hover{color:#ffffff; font-weight:bold; text-decoration:underline;}

ol.commentlist .comment_speech_bubble span.edit_link{background:none;}
ol.commentlist .comment_speech_bubble span.edit_link a{color:#666666; font-weight:normal; font-size:11px;}

.comment-meta {color:#ffffff;}
.comment-meta a{color:#ffffff;}

/*-----------------------------*/
/* 3.2.2 COMMENTS TEXT
/*-----------------------------*/


ol.commentlist li p{ padding-left:20px; z-index:50;}
ol.commentlist .comment_text p em{text-align:center; font-weight:bold;  margin:20px 0 0 0; font-size:11px;}


/*-----------------------------*/
/* 3.2.3 NESTED COMMENTS
/*-----------------------------*/

ol.commentlist ul.children li ul.children li{ margin:10px 0 20px 0;}
ol.commentlist ul.children{margin-left:40px;}

ol.commentlist li.depth-1{ width:613px; padding-bottom:10px;}
		ol.commentlist li.depth-1 .comment_text p{width:500px;}
	ol.commentlist li.depth-2{ width:530px; padding-bottom:10px;}
			ol.commentlist li.depth-2 .comment_text p{width:430px; padding-bottom:10px;}
		ol.commentlist li.depth-3{  width:457px;}
				ol.commentlist li.depth-3 .comment_text p{ width:350px;}


/*-----------------------------*/
/* 3.2.4 REPLY TO COMMENT BUTTON
/*-----------------------------*/

ol.commentlist div.reply{display:block;padding:4px; margin:30px 4px 4px 17px;}
ol.commentlist div.reply a{padding:6px; text-decoration:none; background:#2ea3cc; color:#ffffff; font-weight:bold; font-size:10px; position:relative;}
ol.commentlist div.reply a:hover{background:#1384ab; text-decoration:underline; }

a#cancel-comment-reply-link{position:relative;}
	a#cancel-comment-reply-link:hover{color:#ffffff;}

/*-----------------------------*/
/* 3.2.5 COMMENT REPLY FORM
/*-----------------------------*/

.box_top{width:658px; background:url(images/suggest_something/box_top.png) no-repeat top; margin:20px 0 0px 0;}
.box_bottom{width:618px; background:url(images/suggest_something/box_bottom.png) no-repeat bottom; padding:6px 20px 40px 20px;}

.box_bottom p{color:white;}

#suggest_box{width:658px; float:left;}

#suggest_left{width:315px; float:left;}
#suggest_right{width:295px; float:left; }

h1#suggest{font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#FFFFFF; border:none; background:url(images/suggest_something/envelope.png) no-repeat left center; 
padding:20px 0 20px 60px;}
h1#suggest em{font-style:italic; text-decoration:underline;}
h1#suggest a{color:#FFFFFF; text-decoration:underline;}

#respond .textfield{width:270px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px; margin-bottom:12px; margin-top:3px;}
#respond .textarea{width:290px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px 0 0 5px; height:136px;
margin-top:5px; overflow:hidden;}


ol.commentlist #respond .comment-form-left p{width:270px; padding:0px;}
ol.commentlist #respond .comment-form-right p{width:270px; padding:0px;}

ul.children #respond .comment-form-left p{ width:270px; padding:0px;}
ul.children #respond .comment-form-right p{ width:270px; padding:0px;}

.comment-form-left {margin:0; padding:3px 0 0 0; width:280px; height:auto; float:left; }
.comment-form-left p{margin:0; color:#ffffff; font-size:1.4em; width:280px;}
.comment-form-left a{color:#FFFFFF;}
.comment-form-right {margin:0 20px 0 0; padding:0; width:285px; height:auto; float:right; }
.comment-form-right p{margin:0; color:#ffffff; font-size:1.4em; width:280px;}

.submit{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; background:url(images/suggest_something/button.png) no-repeat; width:109px; height:29px; border:none; cursor:pointer; float:left; margin:10px 0 0 0;}

div.cancel-comment-reply{float:right; margin:30px 8px 0 0;}
div.cancel-comment-reply a{color:#ffffff; border:solid 2px #7dcbe5; padding:5px; background:url(images/suggest_something/cancel_reply_button.png) #3689a5 repeat-x; text-decoration:none;}
div.cancel-comment-reply a:hover{text-decoration:underline;}

/*-----------------------------*/
/* 3.3 CFORMS STYLES 
/*-----------------------------*/

.cform ol.cf-ol li{list-style:none; background:none; margin:10px 0 0 0;}
.cform ol.cf-ol li label{width:100px; color:white; display:inline-block; font-size:12px; vertical-align:top; padding-top:7px;}

.single{width:470px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px; margin-bottom:15px; margin-top:0px;}
.area{width:475px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#3ba4c9; border:#78c1da solid 1px; color:#FFFFFF; padding:5px 0 0 5px; height:136px;
margin-top:0px;}

#usermessagea{color:white; font-size:14px; text-align:center; background-color:#3ba4c9;}

.cf_upload{color:white;}

.sendbutton{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; background:url(images/suggest_something/button.png) no-repeat; width:109px; height:29px; border:none; cursor:pointer; float:right; margin:0 25px 0 0;}

p.linklove{display:none;}

.LV_validation_message{ font-weight:bold; }

.LV_valid { color:#4c973d; display:none; }

.LV_invalid { color:#c45034; font-size:14px; }

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
background:url(images/correct.png) no-repeat right center;
}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
background:url(images/incorrect.png) no-repeat right center;
}

/*-----------------------------*/
/* 4 SIDEBAR
/*-----------------------------*/	

#sidebar{float:left;}

div.widget{float:left; font-size:12px; margin-bottom:10px;}
div.widget p{margin:0;}
div.widget h1{margin:0 0 10px 0; width:100%;}

.right_section_box{width:300px; float:left; margin:0 0 20px 0;}


/*-----------------------------*/
/* 4.1 GENERAL WIDGET STYLES
/*-----------------------------*/

#sidebar h5{margin:0 0 10px 0; width:100%; font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size:21px; color:#fe7700; font-weight:bold; border-bottom:#c3c3c3 dashed 2px; padding-bottom:6px;}


/*-----------------------------*/
/* 4.2 CAMPAIGN MONITOR WIDGET
/*-----------------------------*/

#campaignmonitor h1{background:url(images/subscribe.jpg) no-repeat top right; width:303px;}	
#campaignmonitor{float:left; width:100%;}
#campaignmonitor p{color:#000000;}
form#campaignmonitorform{margin:10px 0 10px 0; background:url(images/bg_subscribe.jpg) top left repeat-x #f4901e; width:305px; height:58px; border-top:solid 1px #bf9b61; border-left:solid 1px #e68f30; border-right:solid 1px #e68f30; border-bottom:solid 1px #d09657;}

form#campaignmonitorform input.subscribe_field{background:url(images/bg_subscribe_input.jpg) top left no-repeat #ffffff; width:218px; height:17px; border:none; margin:17px 0 0 15px; padding:4px 0 4px 5px; float:left;} 
form#campaignmonitorform input.subscribe_button{background:url(images/bg_subscribe_button.gif) top left no-repeat #f7902c; text-indent:-999999px; overflow:hidden; width:40px; height:25px; border:none; margin:17px 0 3px 8px; float:left; cursor:pointer;}
form#campaignmonitorform input.subscribe_button:hover{background-position:0px -25px;}

/*-----------------------------*/
/* 4.3 WEATHER WIDGET
/*-----------------------------*/

#weather{width:284px; background:url(images/weather_top.png) no-repeat top; float:left; padding:0 0 0 16px;}
#weather_bottom{width:300px; background:url(images/weather_bottom.png) no-repeat bottom; float:left;}


.weather_column{width:87px; float:left; text-align:center; padding:18px 0 18px 0; margin:0 0 0 0;}
.weather_column p{color:#4f4f4f; font-size:12px; font-weight:bold; text-align:center; margin:0 0 0 0;}
.weather_column img{margin:5px 0 10px 0;}
.weather_column span.night{color:#a8bcc3; font-weight:bold;}
.weather_column span.day{color:#d50000; font-weight:bold;}
.weather_column span{line-height:1.3em;}

#last span{text-align:left; font-size:12px;}
#last span a{color:#000000; text-decoration:underline; font-size:11px; font-weight:normal;}
#last span a:hover{text-decoration:none;}
#last{text-align:left; margin:0 0 0 35px;}
#last a{color:#787878; font-size:14px; font-weight:bold; text-decoration:none;}	

/*-----------------------------*/
/* 4.4 FLICKR WIDGET
/*-----------------------------*/

#flickr #flickr_logo{float:right; margin:-25px 0 0 0; padding:0; border:none;}

#flickr img{border:#d6d6d6 solid 1px; padding:4px; margin:10px 9px 0 4px; float:left;}
#flickr a.button{border:solid 1px red;}

/*-----------------------------*/
/* 4.5 TWITTER WIDGET
/*-----------------------------*/

#twitter h1{background:url(images/twitter.jpg) no-repeat top right;}
#twitter ul{}
#twitter li{background:url(images/twitter_bubble.gif) no-repeat top #ebebeb;padding:8px 3px 0px 20px; width:274px; height:74px; margin:0 0 15px 0;}
#twitter li a{display:block; margin:5px 0 0 0;}


/*-----------------------------*/
/* 5 BANNERS
/*-----------------------------*/

.banner_top{width:651px; border:#d0e6ed solid 1px; margin:10px auto 10px auto; float:left; padding:6px 0 6px 0; background:url(images/ads/advertisement-top-banner.gif) right center no-repeat #edf2f5;}
.banner_top .banner{position:relative; top:0; bottom:0; margin:auto auto; text-align:center; width:651px; border:none;}
.banner_top .banner a{margin:auto; position:relative;}

.banner_right{width:298px; float:left; margin:25px 0px 25px 0px; position:relative; text-align:center; padding:6px 0 6px 0;border:#d0e6ed solid 1px; background:url(images/ads/advertisement-top-banner.gif) right top no-repeat #edf2f5;}
.banner_right .banner{position:relative; top:0; bottom:0; margin:auto auto; text-align:center; width:298px; border:none;}

.banner_long{width:978px; border:#d0e6ed solid 1px; margin:0px 0 0 0px; float:left;  padding:6px 0 6px 0; background:url(images/ads/advertisement-top-banner.gif) right center no-repeat #edf2f5; min-height:90px;}
.banner_long .banner{position:relative; top:0; bottom:0; margin:auto auto; text-align:center; width:958px; border:none;}

.long{width:979px; float:left;}


/*-----------------------------*/
/* 6 FOOTER
/*-----------------------------*/

#footer{width:100%; background:url(images/bg_footer.png) repeat-x top #c2c2c2; border-bottom:#afafaf solid 7px; padding-bottom:30px;}

#footer_text{float:right; width:670px;}
#footer_text p{text-align:right; margin:30px 0 0 0;}
#footer_text p a{color:#000000; text-decoration:underline;padding:2px; position:relative;}
#footer_text p a:hover{text-decoration:none;background:#2ea3cc; color:#ffffff;}
#footer .page img{float:left;}
#footer img{margin:3px 0 0 0;}

.footer_page_links{margin:3px 0 0 0; float:right;}	
.footer_page_links li{float:left; display:inline; margin:0 0 0 4px; padding:0 3px 0 0; border-right:solid 1px #000000;}
.footer_page_links li.last{float:left; border-right:none; padding:0;}
.footer_page_links li a{color:#000000; font-size:1.2em; padding:2px; position:relative;}
.footer_page_links li a:hover{ background:#2ea3cc; color:#ffffff;}

/*-----------------------------*/
/* 7 ACCESSIBILITY
/*-----------------------------*/

/* 7.1 clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* 7.2 accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}



