/*   
Theme Name: EPF
Theme URI: http://www.flashbit.net
Description: Template for the website of Estonian Pool Federation.
Version: 1.0
Author: Ain Tohvri, Flashbit LLC
Author URI: http://www.flashbit.net
.
Copyright (c) 2008 Flashbit LLC. All rights reserved.
.
*/

html {margin:0px auto;}
body {background:url('img/headerBg.png') repeat-x; text-align:center; margin:0px auto; font:normal 14px/14pt Helvetica, Arial, sans-serif; color:#666;}

a {color:#0077c0; text-decoration:none;}
a:hover {color:#000; text-decoration:none; /*border-bottom:1px dotted #000;*/}

img {border:0px none;}

#wrapper {width:940px; margin:0px auto; text-align:left;}

#header {height:178px; font-size:12px; margin-top:35px;}
#header img {display:block;}
#header a {color:#8ac1e2; text-decoration:none;}
#header a:hover {color:#fff; text-decoration:none;}
/*#langBar ul {list-style:none; list-style-image:none; color:#8ac1e2; float:right; margin:0px; padding:0px; height:20px;}
#langBar ul li {float:left;}*/
#headerContent {height:91px; background:url('img/logo.png') no-repeat left center; padding-left:228px;}
#ad {float:left; margin-top:20px; width:468px; height:60px; overflow:hidden; line-height:14px;}
#ad a {display:block;}

#headerRSSButton {background:url('img/RSSIconBig.png') no-repeat right center; padding:5px 33px 5px 0px; float:right; font-weight:bold;}

#mainMenu {clear:both; list-style:none; list-style-image:none; font-size:14px; padding:0px; margin:20px 0px 0px 228px;}
#mainMenu li {float:left; margin-right:2px;}
#mainMenu li a {display:block; background-color:#daeffc; padding:5px 10px 4px 10px; color:#0077c0; text-decoration:none;}
#mainMenu li a:hover, #mainMenu li.current_page_item a {display:block; background-color:#0077c0; padding:5px 10px 4px 10px; color:#fff; text-decoration:none;}


#content {clear:both; margin-top:10px;}

#leftBar, #rightBar {width:200px; font-size:11px; line-height:12px; list-style:none; list-style-image:none; padding:0px; margin:0px 0px 30px 0px;}
#leftBar ul, #rightBar ul {}
#leftBar {float:left;}
#rightBar {float:right; }
#mainContentArea {margin:0px 40px 0px 40px; width:450px; float:left;}
#aboutTab {background:url('img/sportsIcon.png') no-repeat left top; padding:3px 0px 0px 75px; color:#0077c0; min-height:67px; text-align:right; font-size:12px; line-height:15px; margin-top:10px;}

#leftBar h2, #rightBar h2 {background-color:#eee; color:#383838; font-size:12px; padding:8px 14px 8px 18px; margin-top:20px;}

/* Widgets */
.widget ul {list-style:none; list-style-image:none; padding:0px; margin:0px;}
.widget ul li {border-bottom:1px solid #ddd; border-left:4px solid #ddd; margin-top:1px;}
.widget ul li:hover {background-color:#d8f0ff;}
.widget ul li a {display:block; padding:8px 14px 8px 14px;}
.widget ul li a:hover {display:block; padding:8px 14px 8px 14px; background-color:#d8f0ff; text-shadow:#fff 2px 1px 1px;}

.widget ul li.recentcomments {padding:8px 14px 8px 14px;}

.widget ul.blogroll {list-style:none; list-style-image:none; padding-left:0px; padding-right:0px; text-align:center;}
.widget ul.blogroll li:hover {background-color:transparent;}
.widget ul.blogroll li {border:0px none; margin:0px;}
.widget ul.blogroll li a:hover {background:transparent none;}

.widget_categories ul {list-style:none; list-style-image:none; padding-left:20px; margin:0px;}
.widget_categories ul li {border:0px none; margin:0px;}
.widget_categories ul li:hover {background-color:transparent;}
.widget_categories ul li a {display:block; background:url('img/listArrow.png') no-repeat left center; padding:8px 14px 8px 20px;}
.widget_categories ul li a:hover {background:transparent url('img/listArrowActive.png') no-repeat left center; padding:8px 14px 8px 20px;}

.widget ul li span, .widget ul li cite, .widget ul li div {display:block; padding-left:14px; padding-bottom:4px; font-size:10px;}

.widget_search {margin:20px 0px 10px 0px; background-color:#eee; padding:14px; color:#383838; border-left:4px solid #ddd;}
.widget_search input[type='text'] {width:150px; margin-bottom:10px;}

.widget_tag_cloud a, .widget_ctc a {display:block; background:url('img/listArrow.png') no-repeat left center; padding:8px 14px 8px 20px; margin:0px 20px 0px 20px;}
.widget_tag_cloud a:hover, .widget_ctc a:hover {display:block; background:transparent url('img/listArrowActive.png') no-repeat left center; padding:8px 14px 8px 20px; margin:0px 20px 0px 20px;}


/* Main content area */
h1, h2, h3, h4, h5, h6 {/*color:#0077c0;*/}
h1 {font-size:18px; /*font-weight:normal;*/ line-height:18pt; padding-bottom:0px; margin-bottom:0px;}
h2 {font-size:17px;}
h5.desc {background:#daeffc url('img/sportsIconSmall.png') no-repeat left top; color:#0077c0; padding:5px 10px 5px 60px; font-size:12px;}
#mainContentArea .post {padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:20px;}
#mainContentArea .post .specs {font-size:10px; padding:5px 0px 5px 23px;}
#mainContentArea .post .specs a {text-decoration:none; border-bottom:1px dotted #666; color:#666;}
#mainContentArea .post .specs a:hover {text-decoration:none; border-bottom:1px solid #000; color:#000;}
#mainContentArea .post .info {background:url('img/clockIcon.png') no-repeat left center; padding-top:2px; margin-top:0px;}
#mainContentArea .post .comments {background:url('img/commentIcon.png') no-repeat left center;}

/* Comments */
#comments {margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
ol.commentlist {list-style:none; list-style-image:none; margin:0px; padding:0px;}
ol.commentlist li {padding-left:25px; background:url('img/commentIcon2.png') no-repeat left top;}
ol.commentlist li cite {font-weight:bold; font-size:14px;}
#respond {margin-top:30px;}

#footer {clear:both; margin:0px; padding:8px 14px 8px 14px; font-size:11px; line-height:12px; background-color:#eee; text-shadow:#fff 2px 1px 1px; list-style:none; list-style-image:none;}
#footer h2 {float:left;}
#footer li {clear:left;}

.floatsplit {clear:both;}


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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignnone {clear:both;}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* 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;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}