@charset "UTF-8";
/*   
Theme Name: youhavemail.eu
Theme URI: www.youhavemail.eu
Description: Wordpress Theme for youhavemail.eu blog
Author: Janar Todesk, Frukt Kuubis
Author URI: www.frukt.ee
Template:
Version: 0.1
.

.
*/

/* CSS YouHaveMail. Espresso 2009 */

 
/* html tags */

html, body {	
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#2f2f2f;
	line-height:18px;
	}
	
body {background:url(img/bck2.png) repeat-x top center}
body.home {background:url(img/bck.png) repeat-x top center}

a, a:visited, a:active {
	color:#2d2d2d;
	}
	
a:hover {
	color:#610000;
	text-decoration:none;
	}
	
h2, h1 {
	color:#b81b1b;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	display:inline;
	line-height:25px;
	margin-top:0px;
	}

h1 {
	font-size:30px;
	display:block;
	line-height:36px;
	}

h3, h4 {
	display:inline;
	font-size:24px;
	line-height:34px;
	letter-spacing:-1px;
	font-weight:bold;
	margin:0 12px 0 10px;
	}
h4 {
	font-size:16px;
	margin:0 10px 0 0;
	letter-spacing:-0.3px;
	float:left;
	}
	
/* main layout */
	
.wrapper {
	width:980px;
	margin:0 auto;
	}
	.header {
		height:68px;
		}
		.logo {
			display:block;
			float:left;
			width:212px;
			height:68px;
			background:url(img/logo.png) no-repeat;
			}
		.signup {
			display:block;
			float:right;
			width:70px;
			height:27px;
			margin:20px 0 0 20px;
			background-image:url(img/signup.png);
			}
		.login {
			display:block;
			float:right;
			width:61px;
			height:27px;
			margin:20px 0 0 0;
			background-image:url(img/login.png);
			}
		.lookonto {
			display:block;
			float:right;
			width:88px;
			height:27px;
			margin:20px 0 0 20px;
			background-image:url(img/lookonto.png);
			}
		.sisene {
			display:block;
			float:right;
			width:61px;
			height:27px;
			margin:20px 0 0 0;
			background-image:url(img/sisene.png);
			}
		.menu {			
			padding-top:25px;
			float:right;
			list-style:none;
			}
			.menu li {
				background-image:url(img/menu.png);
				background-repeat:no-repeat;
				background-position:left;
				float:left;
				margin:0 16px 0 0;
				padding:0 0 0 16px;
			}
			.menu li.nolistimage {
				background-image:none;
			}
			.menu a, .menu a:visited, .menu a:active {
				font-size:13px;
				letter-spacing:-0.5px;
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
				font-weight:bold;
				}
			.menu a:hover {
				color:#ffd200;
				}
	.splash {
		height:351px;
		background-image:url(img/splash.png);
		background-position:right;
		background-repeat:no-repeat; 
		}
		.splashtext {
			width:476px;
			padding-top:20px;
			float:left;
			color:#fff
			}
		.splashtext h1, .subpagehead h1 {font-size: 2em; color:#fff}
		.splashtext p strong, .subpagehead p strong {color:#efc810}
		.splashtext hr {width: 100%; margin: 0; height: 0; overflow: hidden; border: none; border-top: 1px solid #771414; border-bottom: 1px solid #db1818}
			.vaatasisse {
				display:block;
				float:left;
				width:169px;
				height:44px;
				margin:20px 20px 0 0;
				background-image:url(img/vaatasisse.png);
				}
			.avakonto {
				display:block;
				float:left;
				width:159px;
				height:44px;
				margin:20px 20px 0 0;
				background-image:url(img/avakonto.png);
				}
			.splashheader {
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size:24px;
				letter-spacing:-1px;
				color:#ffffff;
				line-height:22px;
				/*margin:0 0 0 3px;*/
				}
		.splashvideo {float: right; padding: 32px 20px 42px 0}
		.splashvideo .videoholder {width: 426px; height: 277px}
				
	.subpagehead {
		height:72px;
		padding-top:23px;
		}
	.content {	
		padding:40px 0 0 0;
		}
		.adblock, .adblockEdge {
			height:98px;
			width:276px;
			padding:21px 17px;
			float:left;
			background-image:url(img/block.png);
			background-repeat:no-repeat;
			text-decoration:none;
			color:#2f2f2f;
			margin:0 25px 21px 0;
			}
		.adblockEdge {margin:0;}
		.breaker {
			float:right;
			width:82%;
			}
		.clients img {
			margin:19px 29px 0 0;
			}
		.box {
			background-image:url(img/box_bot.png);
			background-position:bottom;
			width:260px;
			padding:19px 25px 20px;
			margin:0 20px 20px 0;
			}
			.box hr, .cnt hr {
				border-top:solid 1px #cecece;
				border-bottom:solid 1px #fff;
				border-left:none;
				border-right:none;
				}				
			.menu3 {
				list-style-image:url(img/arrow_sm.png);
				list-style-position:outside;
				margin: 0 0 0 15px;
				padding:0;
				}
				.menu3 li {
					/*height:22px;*/
					line-height:18px;
					padding:5px 0;
					}
					.menu3 li a, .menu3 li a:visited, .menu3 li a:active, .menu3 li a:hover {
						text-decoration:none;
						color:#196692;
						font-weight:bold;
						/*text-transform:capitalize;*/
						}
					.menu3 li a:hover { 
						color:#3b94c7;
					}
			.searchbox {
				background-image:url(img/searchbox.png);
				background-repeat:no-repeat;				
				border:none;
				width:186px;
				height:26px;
				font-size:16px;
				padding:5px 5px 0 5px;
				vertical-align:top;
				margin:1px 5px 0 0;
				}
		.right {
			float:right;
			width:645px;
			padding: 8px 0 0;
			background: url('img/cnt_top.png') center top no-repeat
			}
			.cnt {
				background-image:url(img/cnt_bck.png);
				padding:15px 25px 30px;
				}
				.comment {
					background-image:url(img/comment.png);
					background-repeat:no-repeat;
					display:inline-block;
					height:26px;
					width:31px;
					margin-right:10px;
					font-weight:bold;
					text-align:center;
					padding-top:3px;
					}
				.date {
					font-style:italic;
					color:#606060;
					}
				.avatar {
					float:left; 
					margin-right:15px;
					height:32px;					
					}
				.commenttext {
					font-style:italic; 
					font-family:Georgia, 'Times New Roman', Times, serif; 
					font-size:13px; 
					color:#444444;
					}
			.cnt_bot {
				background-image:url(img/cnt_bot.png);
				height:30px;				
				padding:12px 20px 0;
				}
				.cnt_bot a, .cnt_bot a:visited, .cnt_bot a:active, .cnt_bot a:hover {
					color:#fff;
					font-weight:bold;
					text-decoration:none;
					}
				.cnt_bot a:hover {
					color:#ddd;
					}
		.left {
			float:left;
			background: url('img/box_top.png') left top no-repeat;
			padding: 6px 0 0
			}
	.footer {
		margin:15px 0 20px;
		height:20px;
		}
		.signature {
			margin-top:13px; /* for IE 6 & 7 */
			float:left;
			}
		.menu2 {			
			padding-top:13px;
			float:right;
			}
			.menu2 li {
				background-image:url(img/menu.png);
				background-repeat:no-repeat;
				background-position:left;
				float:left;
				margin:0 16px 0 0;
				padding:0 0 0 16px;
				list-style:none;
			}
			.menu2 li.nolistimage {
				background-image:none;
			}
			.menu2 a, .menu2 a:visited, .menu2 a:active {
				letter-spacing:-0.5px;
				color:#919191;
				}
			.menu2 a:hover {
				color:#2b2b2b;
				}
				
		
/* OO */

.no-margin-right {margin-right:0 !important}

.darkyellow {
	color:#efc810;
	}
.white {
	color:#fff;
	}
.mb10 {
	margin:0 0 10px 0;
	}
.mb35 {
	margin-bottom:35px;
	}
.readmore {
	float:right;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}
.greyline {
	border-bottom:solid 1px #ededed;
	}
.hypenate {
	font-size:45px;
	color:#b2b2b2;
	}
.clear {
	clear:both;
	}
.fr {
	float:right;
	}
.fl {
	float:left;
	}
.fs12 {
	font-size:12px;
	}
.textar {
	border:solid 1px #ccc;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

/* frequently asked questions */
.faq-question {font-weight:bold}