/*
Name: Invitation to Helsinki
Design Studio: Original design by Obox Design http://www.obox-design.com/ and adaptation by Hallanvaara http://www.hallanvaara.com
Version: 1.0.0
Author: Obox Design & Hallanvaara
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px; color: #a60000;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif; background: #ffffff url(images/ith_bg.gif) repeat-y center top fixed; color: #5d5d5d;}

h1{font-size: 30px; margin: 0px 0px 20px 0; line-height: 30px; font-weight: lighter;}
	h1.h1-sub-title{padding: 20px;}
h2{font-size: 20pt; margin: 0px 0px 10px; line-height: 24px; font-weight: lighter;}
h3{font-size: 17pt; margin: 0px 0px 10px; line-height: 24px; font-weight: lighter;}
h4{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}
h5{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}
h6{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}

p{font-size: 12pt; line-height: 24px; margin: 0px 0px 15px;}
blockquote, blockquote p{font-size: 17pt; line-height: 30px; margin: 0px 0px 15px;}

/* a {color: #464544;} */
a {color: #265481;}
a:hover {text-decoration: underline;}

.bulletlink, .bulletlinkrev {font-weight: bold; padding: 3px 30px 3px 0; background: url(images/linkbullet.png) no-repeat right center;}
.bulletlinkrev {padding: 3px 0 3px 30px; background-image: url(images/linkbullet_rev.png); background-position: left center;}

.separator {border-top: 2px dotted #6ebeec; height: 1px; width: 100%; margin: 18px 0 18px 0; float: left; clear: both;}
.verticalseparator {border-left: 3px dotted #6ebeec; height: 99%; margin-top: 1%; width: 1px; position: absolute;}


/* Forms */
form{}
label{}
textarea, input{font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{padding: 8px;}

.submitbtn, .eventbooking .submitbtn {width: auto; height: 25px; border: 0; margin: 0; padding: 0 30px 0 0; background: url(images/linkbullet.png) no-repeat right center; font-weight: bold; border: 0; font-size: 1.14em; cursor: pointer;}
.submitbtn:hover {text-decoration: underline;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{text-decoration: none;}
a.std_link:hover, a:hover{ text-decoration: underline;}
a:active{}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both;}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{position: relative; width: 950px; margin: 0 auto 0 auto; padding: 0px;}

#header{padding: 0; height: 212px; position: relative;}
.home #header {height: 209px;}

#content-container{ margin-bottom: 50px;}

	#left-column {float: left; width: 531px; margin: 0 0 0 16px;}
	#right-column, .right-column {float: right; width: 357px; margin: 0 16px 0 0; padding: 0 0 0 16px; border-left: 3px dotted #6ebfec;}
	#full-width {float: left; width: 918px; margin: 0 0 0 16px;}
	#over-width {float: left; width: 938px; margin: 0 0 0 6px;}
	
#footer {position: relative; clear: both; padding: 16px 0px 16px 0px; margin: 0px; background: #b3dcf5; text-align: center; color: #ffffff; font-size: 14px;}
#footer a img {margin: 0 40px 20px 40px;}


#adminlink {position: absolute; right: 16px; bottom: 10px; width: 20px; height: 20px; background: url(images/cogs.png); overflow: hidden;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
div.logo{position: absolute; left: 29px; top: 46px;}
div.logo img, .logo a {margin: 0; padding: 0; left: 0; top: 0;}
	
	/*- LANGUAGE MENU ----------*/
	#lanmenu {position: absolute; right: 16px; top: 80px; font-size: 14px;}
	#lanmenu a {padding: 3px 6px;}
	#lanmenu a:hover {background: #e2f2fb;}
	
	/*- MENU -------------------*/
	ul#menu{float: right; font-size: 17px; text-align: right; margin: 118px 10px 0 0; padding: 0;}
	ul#menu a {padding: 3px 6px;}
	ul#menu a:hover {background: #e2f2fb; text-decoration: underline;}
	ul#menu li.parent-item{float: left; margin: 0px 0px 0px 15px; padding: 0; position: relative;}
		ul#menu li.parent-item:last-child{}

		ul#menu li.parent-item a.parent-link{}
		ul#menu li.parent-item a.parent-link:hover{}
				
		ul#menu li.parent-item a.parent-link-sub-menu{}
			ul#menu li.parent-item a.parent-link-sub-menu:hover{}

		ul#menu li.menu-rss{}
		ul#menu li.menu-rss a{}
		ul#menu li.menu-rss a:hover{}

		/*- SUB MENU ---------------*/
		ul.sub-menu{display: none; position: absolute; top: 35px; z-index: 1000;}
			ul.sub-menu li{padding: 10px; width: 130px; font-size: 10pt;}
				ul.sub-menu li a{display: block;}
					ul.sub-menu li a:hover{margin-left: 3px; text-decoration: none;}
			ul.sub-menu li:last-child{border-bottom: none;}
		ul#menu li.parent-item:last-child ul.sub-menu{display: none; right: 0px; position: absolute; top: 35px; z-index: 1000;}
	
	/*- THEME MENU -------------------*/
	#thememenu {position: absolute; left: 6px; top: 159px; width: 938px; height: 35px; list-style-type: none; margin: 0; padding: 0; font-size: 17px;}
	#thememenu li {float: left; display: inline; margin: 0; text-align: center;}
	#thememenu a {display: block; padding: 9px 0 9px 0; color: #ffffff; background: #6dbeeb; width: 100%;}
	#thememenu a:hover {text-decoration: none;}
	#thememenu .active a {font-weight: bold;}
	#thememenubtn1 {width: 161px;}
	#thememenubtn2 {width: 157px;}
	#thememenubtn3 {width: 184px;}
	#thememenubtn4 {width: 167px;}
	#thememenubtn5 {width: 269px;}
	#thememenubtn1 a {background: #bbd109;}
	#thememenubtn1 a:hover {background: #c9da3a;}
	#thememenubtn2 a {background: #f18018;}
	#thememenubtn2 a:hover {background: #f49946;}
	#thememenubtn3 a {background: #e90081;}
	#thememenubtn3 a:hover {background: #ed339a;}
	#thememenubtn4 a {background: #9f4cbd;}
	#thememenubtn4 a:hover {background: #b371ca;}
	#thememenubtn5 a {background: #006571;}
	#thememenubtn5 a:hover {background: #33848d;}
	
	
	/* Meta bar under menu */
	#content-container #metabar {list-style: none; position: relative; width: 950px; overflow: hidden; clear: both; margin: 0 0 30px 0; padding: 0; font-size: 14px;}
	#metabar .widget {float: left; display: inline; width: 284px; margin: 0 14px 0 16px;}	
	.rsslink {float: right; background: url(images/rssicon.png) no-repeat right center; padding: 6px 30px 5px 0;}
	.emaillink {float: right; background: url(images/emailicon.png) no-repeat right center; padding: 6px 30px 5px 0;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------------------*/
	/*- FEATURE POST -----------------------------------------*/
	.feature-post{clear: both; padding: 0px 0px 20px; position: relative; z-index:3}
		
		a.scroller-left, a.scroller-right{position: absolute; top: 150px; display: block; overflow: hidden; width: 50px; height: 50px; text-indent: -9999px; z-index: 3;}
			a.scroller-left{left: -25px; background-position: top left;}
			a.scroller-right{right: -25px; background-position: top right;}
				a.scroller-left:hover{background-position: bottom left;}
				a.scroller-right:hover{float: right; background-position: bottom right;}
				
		.feature-post .feature-post-image{padding: 0px; margin-bottom: 30px; z-index: 1; display: block; height: 360px; width: 950px; overflow: hidden;}
		/*.feature-post .feature-post-image div img{position: relative;}*/
		.feature-post .feature-post-content h1 a{}
		.feature-post .feature-post-content p{width: 630px;}
			.feature-post .feature-post-content a.action-link{clear: both; width: 176px; height: 26px; display: block; text-indent: -9999px;}
			.feature-post .feature-post-content a.action-link:hover{background-position: bottom;}


	/*--------------------------------------------------------*/
	/*- POST LIST 1 ------------------------------------------*/
	ul.post-list{padding: 0px 0px 20px; margin: 0px 0px 30px;}
		ul.post-list li{width: 240px; float: left; overflow: hidden;}
			ul.post-list li:last-child{width: 240px; border: none;}
			ul.post-list li .copy{padding: 15px;}
				ul.post-list li h2 a{font-size: 15pt;}
				ul.post-list li p{font-size: 11pt;}
					ul.post-list li a.action-link{clear: both; width: 176px; height: 26px; display: block; text-indent: -9999px;}
					ul.post-list li a.action-link:hover{background-position: bottom;}
			
	/*--------------------------------------------------------*/
	/*- POST LIST 2 ------------------------------------------*/
	ul.sub-post-list{}
		ul.sub-post-list li{float: left; width: 440px; padding: 0px 20px 0px; overflow: hidden;}
			ul.sub-post-list li .copy{padding: 15px 0px;}
				ul.sub-post-list li h3 a{font-size: 15pt; font-style: italic;}
				ul.sub-post-list li p{font-size: 11pt;}
					ul.sub-post-list li a.action-link{clear: both; width: 176px; height: 26px; display: block; text-indent: -9999px;}
					ul.sub-post-list li a.action-link:hover{background-position: bottom;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post .copy {line-height: 22px;}
.post .copy p{clear: none;}
.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img {margin: 0 0 18px 0;}
.post .copy h2{line-height: 35px; margin-top: 20px;}
.post .copy h3{margin-top: 20px;}
.post .more-link {display: none;}
.post .readmorelink {float: left; clear: both; display: block; width: 100%; margin: 18px 0 18px 0;}

.no-posts{clear: both; margin-top: 20px;}
.search-header{clear: both; margin: 20px 0px;}

.post {clear: both; border-bottom: 2px dotted #6ebeec; margin: 0 0 24px 0;}
.post img.alignleft {margin: 0 18px 18px 0; clear: left;}
.post .image{margin-bottom: 20px;}
.post .video{margin-bottom: 20px;}

.post .wp-caption-text {font-style: italic; font-size: 0.75em; line-height: 1em; margin-bottom: 0;}


.post h1 {padding: 0; margin: 0 0 18px 0; clear: both; font-size: 30px; font-style: italic;}
.post h1 a{}
.post h1 a:hover{text-decoration: none;}

		h3.date{font-size: 11pt; font-style: italic; margin: 0px 0px 10px;}
			
	.post .copy{margin-bottom: 30px;}
		.post .copy a.action-link{}
			.post .copy a.action-link:hover{}
		.post a.read-post{}
		
	/* Page navigation under posts */
	ul.page_button_content, #content-container ul.page_button_content {padding: 15px 20px 0px 20px; list-style: none;}
	ul.page_button_content li {float: left; margin: 0px 0px 0px 0px;}
	ul.page_button_content li a {padding: 0px 5px 3px 5px;}
	ul.page_button_content .selected-page {font-weight: bold; background: #e3f2fb;}
	/*	
	.page_button_content{}
		.previous_page{}
		.next_page{}
		.previous_page a, .next_page a{}
			.previous_page a:hover, .next_page a:hover{}
	*/
	
/*-------------------------------------------------------------------------------------------*/
/*- PROMOTE POST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.promote-post{margin-bottom: 30px;}
	.promote-post h2{font-size: 18pt; margin: 0px 0px 10px; padding: 0px;}
	.enjoy-copy{font-size: 14pt; font-style: italic; margin: 0px;}
	.promote-post ul li{float: left; padding: 10px 0px 0px; margin-right: 15px;}
		.promote-post ul li.tweet{padding-top: 29px;}
		.promote-post ul li.moo{padding-top: 29px;}
		.promote-post ul li.bump{padding-top: 19px;}
		.promote-post ul li.digg{padding-top: 11px;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{padding: 20px 0px 0px; margin-bottom: 0px;}
	.comment{clear: both; padding: 18px; border-bottom: 2px dotted #6ebeec;}
		.comment h4.comment-date{font-size: 11pt; font-style: italic; margin: 0px 0px 10px;}
		.comment h3{clear: both; font-size: 20pt;}
			.comment h3 a{}
			.comment h3 a:hover{text-decoration: none;}
			.comment h3 span.twitter-link a{font-size: 10pt; font-style: italic; display: none;}
			.comment h3 span.twitter-link a:hover{}
			
		.user{float: left; width: 90px; margin: 0px 30px 30px 0px;}
			.user img{margin-bottom: 20px;}
			.user a.action-link{font-size: 9pt; font-style: italic;}
				.user a.action-link:hover{text-decoration: none;}
				
		.comment-post{float: left; width: 305px;}

	.comment-odd{}
	
	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both;}
		.threaded-comments .thread-comment{padding: 30px 0px 30px 120px;}
			.threaded-comments .last{padding-bottom: 0px;}
			
			.threaded-comments .user{float: left; width: 90px; margin-right: 30px;}
				.threaded-comments .comment-post{float: left; width: 320px;}
					.threaded-comments .comment-post blockquote{font-size: 10pt; padding: 20px 20px; font-style: italic; line-height: 24px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{padding: 30px;}
	.comment-form-content h1{padding: 0px 0px 30px; border: 0px;}
	.comment-form-content .comment_form label{clear: left; float: left; margin-top: 8px; display: inline-block; width: 100px; font-size: 14pt;}

	.comment-input{float: left; margin-bottom: 30px;}
		.comment-input input{width: 450px; padding: 8px 5px;}
	.comment-texarea{float: left; margin-bottom: 20px;}
		.comment-texarea textarea{width: 450px; height: 180px; padding: 5px;}
		
	.checkbox{margin-bottom: 20px; font-size: 10pt;}
	input.submit_button{padding: 8px; margin-left: 100px;}


/*-------------------------------------------------------------------------------------------*/
/*- SPRITES ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.header-promote-post, .header-leave-comment{clear: both; height: 20px; display: block; overflow: hidden; margin: 0px; padding: 0px;}
	.header-promote-post	{}
	.header-comments {display: block; clear: both; border-top: 2px dotted #6ebeec; border-bottom: 2px dotted #6ebeec; text-align: left; margin: 0 0 20px 0; padding: 10px 0 10px 10px;}
	.header-leave-comment	{}
	
	

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#archives{ margin-top: 30px;}
#archives a{}
#archives a:hover {}
h4.archive_year{font-size: 20pt;}
#archives .archives_list{}
#archives .archives_list li{line-height: 24px; padding: 10px 0px;}
	#archives .archives_list li .archive-post-image{width: 45px; height: 45px; overflow: hidden; float: left; margin-right: 20px;}
	#archives .archives_list .date{display: block; margin-right: 20px; font-size: 10pt; font-style: italic;}
		#archives .archives_list .date sup{position: relative; top: -3px; font-size: 7pt;}
		#archives ul .label{ display: inline-block; min-width: 80px;}
		#archives ul .label a{}
		#archives ul .label a:hover{}
		
#archives .archives_list li:last-child{border-bottom: none; margin-bottom: 30px;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY PAGES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.gallery_list{clear: both; margin-top: 40px;}
	li.gallery_description{float: left; width: 323px; height: 131px; padding: 20px; margin: 0px 1px 1px 0px; border: 10px solid #f3f3f3; background: #f9f9f9;}
		li.gallery_description h1{line-height: 38px; margin: 0px 0px 10px;}
		li.gallery_description p{color: #555;}
	li.gallery_image{float: left; width: 191px; height: 191px; margin: 0px 1px 1px 0px; overflow: hidden; text-decoration: none;}
		li.gallery_image a{position: relative; text-decoration: none; display: block; width: 191px; height: 191px; overflow: hidden;}
			li.gallery_image a img{position: absolute; z-index: 1; margin: auto;}
			span.gallery-image-overlay{position: absolute; z-index: 2; top: 0px; left: 0px; width: 192px; height: 192px; background: none; text-indent: -9999px;}
			span.gallery-image-overlay:hover{background: url(images/gallery-image-overlay.png) top repeat; text-decoration: none;}
			span.gallery-image-overlay:hover span.gallery_name{padding: 20px; display: block; z-index: 3; color: #fff; text-indent: 0px; line-height: 22px;}
			span.gallery-image-overlay:hover span.gallery_name span.gallery-date{display: block; color: #ccc; font-size: 10pt; font-style: italic;}
			li.gallery_image a:hover, li.gallery_image a span:hover{text-decoration: none;}
	li.image-right{margin-right: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column h2, #right-column h2 a{font-size: 16pt; padding: 10px 0px 5px; margin: 0px 0px 10px; clear: both;}
	#right-column h2 a{}
	#right-column h2 a:hover{text-decoration: none;}

#right-column ul div{}
#right-column ul li.widget{clear: both; margin-bottom: 20px;}
	#right-column ul li.widget:last-child{}
	#right-column ul li ul li{padding: 12px 12px 12px 26px; line-height: 22px;}
		#right-column ul li ul li a{}
		#right-column ul li ul li a:hover{}
	#right-column ul li:first-child{}
	#right-column ul li:last-child{}

	#right-column .advert{width: 125px; height: 125px; float: left; margin: 10px;}

	/*--------------------------------------------*/
	/*- DETAILED LISTING IN RIGHT COLUMN ---------*/
	ul.feature-list{}
		ul.feature-list li{}
		ul.feature-list li .detail-image{}
		ul.feature-list li div.detail-details{}
			ul.feature-list li a.detail-link{}
			ul.feature-list li  p{}
			
	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{margin: 30px 0px 20px; padding: 10px;}
	.search-form input.search{ width: 200px; background: none; border: none; font-style: italic; font-size: 10pt;}
	.search-form input.search_button{font-size: 10pt; font-style: italic; width: 15px; float: right;}
	
	#searchform {}
	#searchform label {font-size: 14px; color: #6ebeec;}
	#searchfield {border: 1px solid #d1d1d1; width: 150px;}
	#searchsubmit {width: 25px; height: 25px; border: 0; margin: 0; padding: 0; background: url(images/linkbullet.png);}
	

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

		/*- ------------------------------*/
		/*- SOCIAL ICONS -----------------*/
		a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.lastfm, a.youtube, a.feed, a.linked-in{background: url(images/icons/sprite.gif) no-repeat; overflow: hidden; text-indent: 30px; padding: 2px 0px;}
			a.twitter{background-position: 0px -630px;}
			a.facebook{background-position: 0px -108px;}
			a.flickr{background-position: 0px -182px;}
			a.friendfeed{background-position: 0px -220px;}
			a.delicious{background-position: 0px -33px;}
			a.digg{background-position: 0px -70px;}
			a.lastfm{background-position: 0px -369px;}
			a.linked-in{background-position: 0px -405px;}
			a.youtube{background-position: 0px -780px;}
			a.feed{background-position: 0px -145px;}

/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN/WIDGET STYLES --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--------------------------------------------*/
/*- FLICKR -----------------------------------*/
#flickr_badge_wrapper{}
	#flickr_badge_wrapper .flickr_badge_image{float: left; margin: 0px 10px 10px 0px;}


/*--------------------------------------------*/
/*- CALENDAR ---------------------------------*/
	/*--- RIGHT COLUMN CALENDAR ---*/
	#right-column #calendar_wrap{}
		#wp-calendar{padding: 5px; border-collapse: collapse; width: 100%;}
		#right-column #wp-calendar caption {font-style: italic; margin-bottom: 10px;}
		#wp-calendar td, #wp-calendar th{padding: 10px;}
		#right-column #wp-calendar td{text-align: center;}
		#right-column #wp-calendar #prev {padding: 5px; text-align: left;}
		#right-column #wp-calendar #next {padding: 5px; text-align: right;}
		#right-column #wp-calendar th{padding: 10px; font-style: italic; text-transform: lowercase;}
		
	/*--- FOOTER CALENDAR ---*/
	#footer #calendar_wrap{}
	#footer #wp-calendar{padding: 5px; border-collapse: collapse;}
		#footer #wp-calendar caption {font-style: italic; margin-bottom: 10px;}
		#footer #wp-calendar td, #wp-calendar th{padding: 5px; text-align: center;}
		#footer #wp-calendar td{ border: none;}
		#footer #wp-calendar #prev {padding: 5px; text-align: left;}
		#footer #wp-calendar #next {padding: 5px; text-align: right;}
		#footer #wp-calendar th{padding: 5px; font-style: italic; text-transform: lowercase; border: none;}

	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
		/*--- RIGHT COLUMN TWITTER ---*/
		ul#twitter_update_list{font-size: 11pt; font-style: italic;} 
			ul#twitter_update_list li{background: none;}
			ul#twitter_update_list li a{}
				ul#twitter_update_list li a:hover{}

		/*--- FOOTER TWITTER ---*/
		#footer ul#twitter_update_list{font-size: 11pt; font-style: italic; line-height: 16px;} 
			#footer ul#twitter_update_list li{background: none;}
			#footer ul#twitter_update_list li a{display: inline-block;}
				#footer ul#twitter_update_list li a:hover{}
				
/*--------------------------------------------*/
/*- RSS WIDGET -------------------------------*/
.rsswidget{clear: both;}
.rss-date{font-size: 9pt; font-style: italic; display: block;}
.rssSummary{font-size: 10pt;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}


/* MISC */
.leftbtn {display: none; width: 33px; height: 33px; background: url(images/leftbtn.png);}
.leftbtn:hover {background-image: url(images/leftbtn1.png);}
.rightbtn {display: none; width: 33px; height: 33px; background: url(images/rightbtn.png);}
.rightbtn:hover {background-image: url(images/rightbtn1.png);}

strong, .post strong {font-weight: bold;}

.hidden {display: none;}
.alignright {text-align: right;}

/* Author archive */
.authorarchiveinfo {clear: both; padding: 16px 0 16px 0; font-size: 16px; overflow: hidden; margin: 0 0 30px 0;}
.authorarchiveinfo .avatar {float: right; display: inline; margin: 0 0 30px 16px; padding: 0 0 0 22px; border-left: 2px dotted #6ebeec;}
.authorarchiveinfo .name {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 16px;}
.authorarchiveinfo .title {display: block; font-style: italic; margin: 0 0 20px 0;}
.authorarchiveinfo .description {display: block; line-height: 20px; margin: 0 0 30px 0;}

.dottedtitle {display: block; clear: both; border-top: 2px dotted #6ebeec; border-bottom: 2px dotted #6ebeec; text-align: left; margin: 0 0 20px 0; padding: 10px 0 10px 10px;}

/* Host info in author archive and in single post pages */
.hostinfo {clear: both; padding: 0 0 16px 0; font-size: 14px; overflow: hidden; margin: 0 0 30px 0;}
.hostinfo .floatbox {float: right; clear: right; margin: 0 0 16px 16px; padding: 0 0 0 20px; border-left: 2px dotted #6ebeec; width: 105px;}
.hostinfo .description, .hostinfo .description p {line-height: 20px;}
.hostinfo .avatar {float: left; display: inline; margin: 0 16px 16px 0;}
.hostinfo .header {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 16px;}
.hostinfo .name {display: block; font-size: 20px; text-align: right; margin: 0 0 5px 0;}
.hostinfo .title {display: block; margin: 0 0 16px 0; font-size: 12px; text-align: right; font-style: italic; line-height: normal;}
.hostinfo .date {}

/* Author info in single post pages */
.authorpostinfo {clear: both; padding: 0 0 16px 0; font-size: 14px; overflow: hidden; margin: 0 0 30px 0;}
.authorpostinfo .floatbox {float: right; margin: 0 0 16px 16px; padding: 0 0 0 20px; border-left: 2px dotted #6ebeec; width: 105px;}
.authorpostinfo .description, .authorpostinfo .description p {font-size: 16px; line-height: 20px;}
.authorpostinfo .avatar {float: left; display: inline; margin: 0 16px 16px 0;}
.authorpostinfo .header {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 16px;}
.authorpostinfo .name {display: block; font-size: 20px; text-align: right; margin: 0 0 5px 0;}
.authorpostinfo .title {display: block; margin: 0 0 16px 0; font-size: 12px; text-align: right; font-style: italic;}
.authorpostinfo .date {}

/* POST STUFF */

.postauthor {font-size: 14px; margin: 0 0 23px 0; overflow: hidden;}
.postauthor .avatar {float: left; display: inline; margin: 0 20px 0 0;}
.postauthor .name {font-size: 20px; font-style: italic; margin: 10px 0 0 0;}
.postauthor .title {display: block; margin: 0 0 6px 0;}
.postauthor .date {display: block;}
.postauthor .category {display: block;}
.postauthor .comments {display: block;}

#content-container ul {list-style: disc; margin: 0 0 12px 0; padding: 0 0 0 18px;}

/* Author info */
.authorinfo {clear: both; padding: 16px 0 16px 0; overflow: hidden;}
.authorinfo .avatar {float: left; display: inline; margin: 0 16px 16px 0;}
.authorinfo .name {font-size: 16px; margin: 0 0 6px 0;}
.authorinfo .title {display: block; margin: 0 0 3px 0; font-size: 12px;}
.authorinfo .lastentry {font-size: 12px;}

/* Share this post -things */
.social {position: relative; z-index: 2; overflow: hidden;}
.social h2 {}
div.social ul {padding: 0 10px 10px; font-size: .85em; margin: 0; list-style-type: none; padding: 0;}
div.social ul li {height: 21px; line-height: 22px; list-style: none; padding: 0; margin: 0 16px 0 0; float: left; display: inline;}
div.social ul li a {display: block; padding-left: 22px; height: 22px; background: url("images/social_list.png") no-repeat; }

.social li.digg a { background-position: 0 3px; }
.social li.mixx a { background-position: 0 -21px; }
.social li.technorati a { background-position: 0 -45px; }
.social li.delicious a { background-position: 0 -69px; }
.social li.facebook a { background-position: 0 -93px; }
.social li.stumbleupon a { background-position: 0 -117px; }
.social li.reddit a { background-position: 0 -141px; }
.social li.twitter a { background-position: 0 -163px; }
.social li.digg a:hover { background-position: 0 -187px; }
.social li.mixx a:hover { background-position: 0 -211px; }
.social li.technorati a:hover { background-position: 0 -235px; }
.social li.delicious a:hover { background-position: 0 -259px; }
.social li.facebook a:hover { background-position: 0 -283px; }
.social li.stumbleupon a:hover { background-position: 0 -307px; }
.social li.reddit a:hover { background-position: 0 -331px; }
.social li.twitter a:hover { background-position: 0 -355px; }



/*- THEME PAGE ----------*/
.themeintro h1 {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 16px;}
.themeintro .content {}

.themeauthors {}
.themeauthors h1 {margin: 0 0 0 0;}
.themeauthors .authorinfo {float: none; clear: both; padding: 16px 0 16px 0; border-bottom: 2px dotted #6ebeec; overflow: hidden;}
.themeauthors .authorinfo .avatar {margin: 0 16px 0 0;}
.themeauthors .authorinfo .name {font-size: 17px; margin: 0 0 6px 0;}
.themeauthors .authorinfo .title {margin: 0 0 3px 0;}

/*- WRITERS PAGE --------*/

.writercard {float: left; width: 284px; margin: 18px 0 18px 15px; padding: 0 0 0 15px; overflow: hidden; border-left: 2px dotted #6ebeec;}
.writercard.firstonrow {margin-left: 0; border-left: none; padding-left: 0;}
.writercard .avatar {float: left; display: inline; margin: 0 18px 18px 0;}
.writercard .name {font-size: 20px; font-style: italic; margin: 10px 0 0 0;}
.writercard .title {display: block; margin: 0 0 6px 0;}
.writercard .description {display: block; margin: 0 0 6px 0;}
.writercard .authorlink {display: block; margin: 0 0 18px 0;}
.writercard .lastentry {display: block; margin: 0 0 6px 0;}
.writercard .date {display: block;}
.writercard .category {display: block;}
.writercard .comments {display: block;}

/*- HOME PAGE -----------*/

	/* Home page highlights */
	#hlslides {position: relative; width: 938px; margin: -15px 0 20px 6px; overflow: hidden;}
	.hlslide {position: relative; width: 898px; padding: 25px 20px 60px 20px; color: #ffffff; background: #6fbeec url(images/thememenuarrow.png) -500px 0 no-repeat; margin: 0; overflow: hidden;}
	.hlslide a {color: #ffffff;}
	.hlslide h1 {font-size: 60px; font-style: italic; display: block; width: 507px; line-height: 70px;}
	.hlslide .introduction {float: left; width: 507px; padding: 0 0 20px 0; font-size: 20px; line-height: 24px;}
	.hlslide .introduction p {font-size: 20px; line-height: 24px;}
	.hlslide .bulletlink {position:absolute; left: 20px; bottom: 22px; background: url(images/linkbullet_big_white.png) no-repeat right center; padding: 9px 40px 9px 0; color: #ffffff; text-decoration: none;}
	.hlslide .bulletlink:hover {text-decoration: underline;}
	.hlslide .posts {float: left; margin: 26px 0 0 50px; width: 341px; overflow: hidden;}
	.hlslide .post {overflow: hidden; margin: 0 0 15px 0; font-size: 14px; border: none;}
	.hlslide .post h2 {font-size: 20px; font-weight: normal; font-style: italic; margin: 0 0 10px 0; line-height: 22px;}
	.hlslide .avatar {float: left; margin: 0 20px 5px 0;}disl
	.home #hlleft {position: absolute; left: -16px; top: 229px; z-index: 1000; display: none;}
	.home #hlright {position: absolute; right: -16px; top: 229px; z-index: 1000; display: none;}
	
	/* Four column section */
	.four-column {position: relative; width: 918px; margin: 0 0 0 16px; border-top: 4px solid #6ebfeb; overflow: hidden;}
	.four-column #verticalseparator1 {left: 220px;}
	.four-column #verticalseparator2 {left: 457px;}
	.four-column #verticalseparator3 {left: 695px;}
	
	.four-column .col {float: left; display: inline; margin: 0 0 0 30px; width: 207px;}
	.four-column .col.first {margin-left: 0;}
	.four-column h2 {border-bottom: 4px solid #6ebfeb; font-size: 36px; display: block; width: 100%; padding: 20px 0 20px 0; margin: 0 0 12px 0; color: #464544; text-align: center;}
	.four-column .col object, .four-column .col embed {width: 207px; height: 116px; background: #ffffff;}
	.four-column h2.imgheading {padding: 0; height: 64px;}
	.four-column h2 img {float: none; margin: 0; padding: 0; border: 0;}
	
	.col.writers {border: none; line-height: normal; border-bottom: 2px dotted #6ebeec; margin: 0 0 18px 0; padding: 0 0 18px 0;}
	.col.writers .avatar {margin: 0 0 18px 0;}
	.col.writers .name {font-size: 18px; font-style: italic; line-height: 20px;}
	.col.writers .title {display: block; font-size: 12px; margin: 0 0 18px 0;}
	.col.writers .description {display: block; margin: 0 0 18px 0;}
	.col.writers .authorlink {display: block; margin: 0 0 30px 0;}
	
	.col.comments .content {border-bottom: 2px dotted #6ebeec; margin: 0 0 18px 0; padding: 0 0 18px 0; line-height: normal;}
	.col.comments .content .intro {font-size: 12px; line-height: normal; display: block; margin: 0 0 6px 0;}
	.col.comments .content p {line-height: normal;}
		
	.col.latest .post {border: none; line-height: normal; border-bottom: 2px dotted #6ebeec; margin: 0 0 18px 0; padding: 0 0 18px 0;}
	.col.latest h3 {font-size: 18px; font-style: italic; line-height: 20px; margin: 0; padding: 0;}
	.col.latest .name {display: block; font-size: 12px; margin: 0 0 18px 0;}
	.col.latest img {float: none; margin: 9px 0 18px 0;}
	.col.latest .introduction {display: block; margin: 0 0 18px 0;}

	.col.info {position: relative;}
	.col.info .post {border: none; line-height: normal; border-bottom: 2px dotted #6ebeec; margin: 0 0 5px 0; padding: 0 0 5px 0;}
	.col.info h3 {font-size: 18px; font-style: italic; line-height: 20px; margin: 0; padding: 0;}
	.col.info .name {display: block; font-size: 12px; margin: 0 0 5px 0;}
	.col.info img {float: none; margin: 9px 0 18px 0;}
	
	/* Two column section */
	.two-column {width: 918px; margin: 18px 0 0 16px;}
	.two-column .col {float: left; display: inline; margin: 0 0 0 20px; width: 449px; overflow: hidden;}
	.two-column .col.first {margin-left: 0;}
	.two-column h2 {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 16px; overflow: hidden;}
	.two-column h2 .bulletlink {float: left; color: #ffffff; background: url(images/linkbullet_white.png) no-repeat left center; font-weight: normal; font-size: 20px; font-style: italic; padding: 3px 0 3px 30px;}
	.two-column .dottedtitle {border-top: none; font-size: 24px; padding-left: 16px;}
	.two-column .post {padding: 0 0 18px 0;}
	.two-column .post .bulletlink {background: url(images/linkbullet.png) no-repeat left center; padding: 3px 0 4px 30px; margin: 0 0 0 16px; font-size: 18px; font-weight: normal; font-style: italic; display: block;}
	.two-column .post .name {font-size: 14px; display: block; margin: 6px 0 0 46px;}
	
	/* Guestbook teaser */
	#guestbookteaser {position: relative; width: 207px; margin: 0 0 0 0; overflow: hidden;}
	.guestbookteaserslide {position: relative; width: 207px; margin: 0;}
	.guestbookteaserslide img {float: none;}

/*- EVENTS -----------*/

.event #menu, .event #thememenu, .event #lanmenu, .event #metabar, .event #right-column {display: none;}
.event .logo {left: 323px;}
.event #header {height: 175px;}
.event .right-column {margin-top: 111px;}
.event .post .copy h1 {width: 918px; text-align: center;}
.event .alignright {display: block; width: 100%;}

.eventbooking {background: #b3dcf5; padding: 0; margin: 0 0 30px 0; color: #000000; overflow: hidden; font-size: 0.875em;}
.eventbooking h3, .post .copy .eventbooking h3 {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 19px 16px; margin-top: 0; margin-bottom: 15px; clear: both;}
.eventbooking .instructions {font-size: 0.86em; text-align:center; font-weight: bold;}
.eventbooking form {display: inline; margin: 0; padding: 0;}
.eventbooking .col {float: left; margin: 0 0 0 15px; width: 243px;}
.eventbooking .widecol {float: left; margin: 0 0 0 15px; width: 501px;}

.eventbooking label{position: relative; width: 110px; float: left; margin: 0 18px 5px 0; padding: 0; text-align: right; font-size: 0.86em;}
.eventbooking .rightsidelabel {width: auto;}
.eventbooking textarea, .eventbooking input{float: left; width: 107px; padding: 3px; margin: 0 0 5px 0; font-size: 0.875em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #737373;}
.eventbooking form br {clear: right;}
.eventbooking textarea {height: 57px;}
.eventbooking input[type=radio]{width: auto; margin: 0 5px 5px 0}
.eventbooking input[type=checkbox]{width: auto;}
.eventbooking input[type=image]{width: auto;}
.eventbooking input[type=button]{padding: 8px; width: auto;}
.eventbooking .submitbtn {margin: 10px 0 0 0;}
.eventbooking .dbem-rsvp-message {background: #6ebfec url(images/notification_white.png) no-repeat 5px center; border: none; padding: 5px 5px 5px 35px; margin: 0 15px 10px 15px; color: #ffffff; font-weight: bold; font-size: 1.14em;}

.eventinfo h1 {display: block; font-size: 30px; text-align: center; color: #ffffff; background: #6ebeec; padding: 16px;}
.eventinfo .content {}
.eventinfo .avatar {float: left; margin: 0 15px 15px 0;}

.check {position: absolute; display: block; width: 17px; height: 17px; top: 3px; right: -17px;}
.check.yes {background: url(images/validyes.png);}
.check.no {background: url(images/validno.png);}

.disabled {filter: alpha(opacity=50); /* internet explorer */
			-khtml-opacity: 0.5;      /* khtml, old safari */
			-moz-opacity: 0.5;       /* mozilla, netscape */
			opacity: 0.5;           /* fx, safari, opera */
			}
			
#addform {padding: 0 0 15px 0; overflow: hidden;}
#deleteform {padding: 0 0 15px 0; overflow: hidden;}
#togglebooking {cursor: pointer;}

/* Guestbook page */
.guestbook #header {height: 200px;}
.guestbook #metabar {display: none;}
.guestbook #content-container{ margin-bottom: 6px;}
.guestbook #full-width {margin-top: 30px;}