/*
Theme Name: Fotokuu 2011
Theme URI: http://www.fotokuu.ee
Author: Indrek Sirkel, Tanel Kärp
Author URI: http://fotokuu.ee/
Description: Custom theme for the Tallinn Month of Photography, based on the official Wordpress Twentieleven theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: light, white
*/

@import "/wp-content/themes/fotokuu/css/reset.css";
@import "/wp-content/themes/fotokuu/css/typography.css";
@import "/wp-content/themes/fotokuu/css/layout.css";
/* general styling and typography */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #111;
	font-size: 16px;
	line-height: 1.5;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px;
	overflow-x: hidden;
}

a {
	color: #ff0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #ff0000;
}
.kern {
	letter-spacing: 0.15em;
}
.clear {
	clear: both;
}
strong {
	font-weight: bold;
	margin-bottom: -2px;
}
.oblique {
	font-weight: normal;
}
.red {
	color: #ff0000;
}
p {
	margin-bottom: 8.45px;
}


/* red background boxes */
.redbox {
	height: 137px;
	width: 110px;
	border-top: 20px solid #ff0000;
	border-bottom: 20px solid #ff0000;
	border-left: 23px solid #ff0000;
	border-right: 23px solid #ff0000;
	position: absolute;
	z-index: 1;
}

/* navigation */

#navWrapper {
	position: absolute;
	width: 250px;
	margin-top: -40px;
}
#access {
	position: absolute;
	top: 0;
	margin-top: 40px;
}
#access.fixed {
	position: fixed;
	top: 0;
}
#menu-main-menu a {
	color: #222;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
}
#menu-main-menu a:hover {
	text-decoration: underline;
	color: #ff0000;
}

#menu-main-menu li.current_page_item a, #menu-main-menu li.current_page_parent a {
	color: #ff0000;
	cursor: text;
	text-decoration: none;
}
#menu-main-menu li.current_page_parent ul li a {
	color: #222;
	cursor: pointer;
}
#menu-main-menu li.current_page_parent ul li a:hover {
	color: #ff0000;
	text-decoration: none;
}
#menu-main-menu li.current_page_parent ul.sub-menu li.current_page_item a {
	color: #ff0000;
	cursor: text;
}

ul#social-menu {
	margin-top: 24px;
}
#social-menu a {
	color: #222;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
}
#social-menu a:hover {
	color: #ff0000;
}
ul.sub-menu {
	display: none;
	margin-left: 5px;
	text-transform: none!important;
}
ul.sub-menu a {
	text-transform: none!important;
}

/* layout */

#wrapper-left {
	width: 300px;
	top: 20px;
	bottom: 20px;
	position: fixed;
	z-index: 2;
}
#wrapper-right {
	position: absolute;
	top: 20px;
	left: 300px;
	padding-bottom: 20px;
	z-index: 2;
}

.navBottom {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 210px;
}

.navBottom a {
	color: #222;
}

.navBottom a:hover {
	text-decoration: underline;
	color: #222;
}

#post-content {
	width: 800px;
}
.column {
	float: left;
	margin-right: 20px;
	width: 380px;
	z-index: 2;
}

.column_w {
	float: left;
	margin-right: 40px;
	width: 420px;
	z-index: 2;
}

.column_n {
	float: left;
	margin-right: 20px;
	width: 320px;
	z-index: 2;
}

.column_4 {
	float: left;
	margin-right: 20px;
	width: 140px;
	height: 1600px;
}

.column_4_b {
	float: left;
	margin-right: 20px;
	width: 140px;
}
/* language switcher */

.qtrans_language_chooser li {
	float:right;
}
.qtrans_language_chooser li a {
	color: #222;
	float:right;
	margin-left:4px;
	margin-top: 15px;
}
.qtrans_language_chooser li a:hover {
	color: #ff0000;
	text-decoration: none;
}

.qtrans_language_chooser li.active a {
	color: #ff0000;
	cursor: text;
}
/* search */

#searchform {
	width: 220px;
	float: right;
	margin-top: 10px;
}
#searchform input {
	background: transparent;
	border: 1px solid #fff;
	color: #111;
	font-size: 16px;
	padding: 2px;
	margin-left: 20px;
}
#searchform input:hover, #searchform input:active {
	border: 1px solid #111;
}
/* mailing list join */
.mailinglist {
	margin-bottom: 21px;
}
.mailinglist h3 {
	margin-bottom: 7px;
}
.mailinglist .inputtext {
	background: transparent;
	border: 1px solid #111;
	color: #111;
	font-size: 16px;
	padding: 4px;
	width: 110px;
}
.mailinglist .inputbutton {
	background: transparent;
	border: none;
	color: #ff0000;
	font-size: 16px;
	padding: 4px;
	cursor: pointer;
}
.mailinglist .inputbutton:hover {
	text-decoration: underline;
}

/* headings */

h1, h2, h3 {
	font-size: 16px;
	font-weight: 700;
	color: #111;
	line-height: 1.5;
}

h1 {
	margin-bottom: 30px;
}

h2 {
	margin-bottom: 51px;
}

h1 a, h2 a, h3 a {
	color: #111;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #ff0000;
	text-decoration: none;
}
/* content formatting */

.postimage {
	margin-bottom: 16.9px;
	float: left;
}

.postimagecaption {
	float: left;
	margin-left: 10px;
	color: #999;
}

.mediumimage {
	margin-top: 8.4px;
	margin-bottom: 8.4px;
	height: 240px;
	overflow: hidden;
}

.eventimage {
	margin-top: 8.4px;
	margin-bottom: 8.4px;
}

.thumbimage {
	margin-bottom: 4.2px;
}
/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	padding-bottom: 16.9px;
	float: right;
	margin-right: 20px;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0px;
	margin: 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 0 0 0 1em;
	text-decoration: none;
	color: #222;
}

.ui-tabs .ui-tabs-nav li a:hover {
	text-decoration: none;
	color: #ff0000;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
	color: #ff0000;
	text-decoration: none;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 0;
	background: none;
}
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -50000px;
}


#timecontrols {
	position: fixed;
	width: 810px;
	z-index: 1;
	padding-top: 20px;
	height: 400px;
}

.prev, .next {
	cursor: pointer;
	height: 400px;
}

.prev {
	margin-left: -30px;
	float: left;
	border-left: 2px solid #fff;
}

.next {
	float: right;
	border-right: 2px solid #fff;
}



.prev:hover, .next:hover {
	cursor: pointer;
	color: #ff0000;
}

.prev:hover {
	border-left: 1px solid #ff0000;
}

.next:hover {
	border-right: 1px solid #ff0000;
}

/* front page intro */
#openoverlaytwo {
	position:fixed;
	height: 100%;
	width: 100%;
	overlay: hidden;
	z-index: 9;
}

#openoverlaytwo img {
	display: block;
	margin: 5px auto;
	cursor: pointer;
}