@charset "UTF-8";

/*   
Theme Name: startit.ee
Theme URI: www.startit.ee
Description: Wordpress Theme for startit.ee
Author: Mekaia
Author URI: mekaia.com
Template:
Version: 0.1
.

.
*/

/* CSS. MEKAIA 2010 */

 
/* HTML */

html {
	overflow-y: scroll;
	}

html, body {
	background-color:#dae1e6;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#222222;
	line-height:18px;
	}

a, a:visited, a:active {
	color:#222222;
	}
	
a:hover {
	color:#fc5f01;
	text-decoration:none;
	}

h1 {
	font: bold italic 24px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#283445;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin: 0 0 10px;
	}
h2 {
	font: bold 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ef7800;
	}
	h2 a:link, h2 a:visited {
		color: #ef7800;
		text-decoration: none;
		}
	h2 a:hover {
		text-decoration: underline
		}
h3 {
	font: bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#222222;
	}

	
/* Pseudo */

.wrapper {
	margin:10px auto 0;
	width:940px;
	}	
	.head {
		background:url(img/header-back.jpg) no-repeat;
		height:60px;
		padding:23px 25px 0;
		}
		.search-wrap {
			padding-top:7px;
			}
		.search {
			background-image:url(img/searchbox.png);
			background-repeat:no-repeat;
			border:none;
			color:#777777;
			width:147px;
			height:20px;
			font-size:12px;
			padding:6px 7px 0;
			margin:0 5px 0 0;
			vertical-align: middle;
			}
		.search-submit {
			width: 28px;
			height: 26px;
			margin: 0;
			padding: 0;
			background: url('img/searchbut.png') center center no-repeat;
			font-size: 0;
			line-height: 0;
			text-indent: 100px;
			overflow: hidden;
			border: none;
			vertical-align: middle;
			}
	.menu {
		background:url(img/menu-grad.png) repeat-x;
		border:1px solid #ffffff;		
		height:30px;
		padding:7px 10px 0;
		}
		.menu li {
				background-image:url(img/menu.png);
				background-repeat:no-repeat;
				background-position:left;
				float:left;
				line-height:24px;
				margin:0 17px 0 0;
				padding:0 0 0 17px;
			}
			.menu li.first-item {
				background-image:none;
			}
			.menu a, .menu a:visited, .menu a:active {
				letter-spacing:-0.4px;
				color:#373737;
				text-decoration:none;
				text-transform:uppercase;
				}
			.menu a:hover, .menu li.current a {
				color:#fc5f01;
				}
			.menu .fr {
				float:right;
				}
	.left {
		width:700px;
		}
		.subpage { /* vahetab välja left klassi sisulehe puhul */
			background-color:#ffffff;
			padding:20px 30px 30px;
			width:640px;
			}
			.subpage .breadcrumbs {
				color:#bfbfbf;
				margin:0;
				}
				.subpage .breadcrumbs, .subpage .breadcrumbs a:link, .subpage .breadcrumbs a:visited {
					text-transform:uppercase;
					text-decoration: none;
					color:#bfbfbf;
					font-size:12px;
					font-style:italic;
					}
				.subpage .breadcrumbs a:hover {
					color:#fc5f01;
					}
			.subpage ul {
				padding-left: 30px
				}
				.subpage ul li {
					list-style: disc
					}
			.subpage ol {
				padding-left: 30px
				}
				.subpage ol li {
					list-style: decimal
					}
		.left .time {
			margin: 0;
			color: #9e9e9e;
			font-size: 12px;
			font-style: italic;
			}
		p.read-more {
			margin: 0;
			padding: 0 0 10px;
			text-align: right;
			}
			p.read-more a:link, p.read-more a:visited {
				text-decoration: none;
				color: #fc5f01;
				line-height: 18px;
				}
			p.read-more a:hover {
				text-decoration: underline
				}
			p.read-more a span {
				font-size: 18px;
				line-height: 16px;
				}
		#fp-col-wrapper {
			overflow: hidden;
			position: relative;
			}
		.fp-col {
			background:#ffffff url(img/orange-head.jpg) center top no-repeat;
			width:220px;
			padding-bottom: 1000px;
			margin-bottom: -967px;
			}			
			.fp-col .icon {
				margin:7px 15px 6px 10px;
				}
			.fp-col h1 {
				font: italic bold 24px/43px "Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing:-1px;
				display:inline-block;
				border-bottom: none;
				margin: 0;
				padding: 0;
				}
				.fp-col h1 a {
					color:#ffffff;
					text-shadow: #fa7000 0 0 3px;
					text-decoration: none
					}
			.fp-col p {
				margin: 15px 20px;
				}
				.fp-col p img {
					margin: -15px -20px 15px
					}
			.fp-col .read-more {
				display: block;
				width: 202px;
				text-align: right;
				line-height: 14px;
				font-style: italic;
				margin: 0;
				padding: 7px 18px 8px 0;
				position: absolute;
				bottom: 0;
				background: url('img/read-more.jpg') left bottom no-repeat;
				}
				.fp-col .read-more a:link, .fp-col .read-more a:visited {
					color: #fff;
					text-decoration: none;
					}
				.fp-col .read-more a:hover {
					color: #fc5f01;
					}
				.fp-col .read-more a img {
					vertical-align: middle;
					margin: 0 0 0 5px;
					}
		#pager {
			margin: 20px 0 0;
			padding: 10px 0 0;
			text-align: center;
			position: relative;
			border-top: 1px solid #ccc;
			}
			#pager-prev {
				position: absolute;
				right: 0
				}
			#pager-next {
				position: absolute;
				left: 0
				}
				#pager-prev a:link, #pager-prev a:visited,
				#pager-next a:link, #pager-next a:visited {
					color: #fc5f01;
					}
				#pager #pager-prev a:hover, #pager #pager-next a:hover {
					text-decoration: underline
					}
			#pager a {
				padding: 0 2px;
				}
				#pager a span {
					font-size: 18px;
					line-height: 16px
					}
			#pager a:link, #pager a:visited {
				text-decoration: none
				}
			#pager a.current {
				color: #fc5f01;
			}
	.right {
		width:220px;
		}
		.right-box {
			background:#ffffff url(img/blue-head.jpg) no-repeat top;	
			padding:0 0 1px 0;
			}
			.with-tray h1 {
				cursor: pointer;
				}
			.closed { /* täiendab right-box klassi, kui kast on suletud olekus */
				background: #fff url(img/blue-head-closed.jpg) center top no-repeat;	
				}
			.with-tray .tray {
				overflow: hidden;
				}
				.closed .tray-placer {
					margin-top: -500px;
					}
			.right-box .icon {
				margin:8px 8px 8px 10px;
				}
			.right-box h1 {
				display:inline;
				color:#ffffff;
				font: italic bold 16px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing:-0.4px;			
				display:inline-block;
				margin-bottom: 0;
				padding: 0;
				border: none;
				}
			.right-box p {
				margin: 15px 20px;
				}
				.right-box p img {
					border:1px solid #707070;
					}
			.right-box .time {
				font:italic 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#9e9e9e;
				text-align:right;
				display:block;
				}
			#submenu {
				margin:20px 0 10px 0;				
				}				
				#submenu a {
					text-decoration:none;					
					}
				#submenu li {
					line-height:14px;
					margin:8px 0 0 0;
					padding:0 0 8px 20px;
					border-bottom:1px solid #dae1e6;
					}
				#submenu .bottom {
					border:none;
					}
				#submenu li ul {
					padding:10px 0;	
					background-color:#dae1e6;	
					margin:8px 0 -8px -20px;
					display: none;
					}	
					#submenu li.current_page_item ul, #submenu li.current_page_parent ul, #submenu li.current_page_ancestor ul {
						display: block;
						}
					#submenu ul li {
						line-height:14px;
						margin:6px 0 0 0;
						padding:0 0 6px 20px;
						border-bottom:1px solid #ffffff;
						}
					#submenu li.current_page_item a,
					#submenu li.current_page_parent a, #submenu li.current_page_parent ul li.current_page_item a {
						font-weight: bold;
					}
					#submenu li.current_page_item ul li a,
					#submenu li.current_page_parent ul li a,
					#submenu li.current_page_ancestor ul li a {
						font-weight: normal;
					}
					#submenu li.current_page_item ul li a,
					#submenu li.current_page_parent ul li a {
						font-weight: normal;
					}
			#tweets ul {
				padding: 15px 0 0;
				}
				#tweets ul li {
					padding: 0 20px 15px;
					}
					#tweets .time {
						text-decoration: none
						}
			#widget-flickr ul {
				text-align: center;
				}
				#widget-flickr li {
					padding: 0 0 10px;
					}
				#widget-flickr a:link, #widget-flickr a:visited {
					display: inline-block;
					border: 1px solid #707070;
					margin: 10px 5px 0;
					}
				#widget-flickr a:hover {
					border-color: #fc5f01;
					}
	.spons {
		background:url('img/sponsors-back.png') center top repeat-y;
		text-align:center;
		}
		.spons-head {
			height: 15px;
			background: url('img/sponsors-head.png') center top no-repeat;
			}
		.spons-footer {
			height: 15px;
			background: url('img/sponsors-footer.png') center bottom no-repeat;
			}
		.spons ul {
			padding: 5px 0;
			}
			.spons ul li {
				display: inline;
				padding: 0 10px
				}
	.footer {
		background:url(img/footer-back.jpg) no-repeat;
		height:45px;
		color:#ffffff;
		padding:11px 16px 0;
		line-height:24px;
		}
	
/* 00 */

.mb10 {
	margin-bottom:10px;
	}
.mb15 {
	margin-bottom:15px;
	}
.mr20 {
	margin-right:20px;
	}
.mr10 {
	margin-right:10px;
	}
.ml20 {
	margin-left:20px;
	}
.mt10 {
	margin-top:10px;
	}
.rad3 {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
.greyline {
	border-bottom:solid 1px #bfbfbf;
	}
.whitebrd {
	border:1px solid #ffffff;
	}
.clear {
	clear:both;
	height: 0;
	overflow: hidden;
	}
.greyblue {
		color:#a6b1b9;
		}
.fr {
	float:right;
	}
.fl {
	float:left;
	}
.fs14 {
	font-size:14px;
	}