/* --------------------------------
Theme Name: Tulos
Author: Lasse Larvanko
Author URI: http://www.inventive.fi
4.2.2008 // 
--------------------------------- */

body {float:left; font-family: Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5; margin:0; background:#323B42; color:#323B42;}

/* BASIC ELEMENTS --------------------------- */
* {margin:0; padding:0;}
a {text-decoration: none; }
a:link {	color: #0963B8;	border-bottom:1px solid #0963B8;}
a:visited {	color: #84B1DB;	border-bottom:1px solid #84B1DB;}
a:hover {	color: #CC913D;	border-bottom:1px dotted #CC913D;}
a img, a:link img { border-width: 0; margin-bottom:-1px;}

.main ul, .main ol { margin:1.5em 0 1.5em 30px; }
.main ul {list-style:square;}
.main li {line-height:1.25; padding:3px 0;}
.main p {margin-bottom:1em; }
.main ul, .main li, .main form, .main p {font-size:13.35px;}


/* HEADERS ----------------------------------- */

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:#453530; line-height:1.2; font-family:Trebuchet MS, Helvetica, Arial, sans-serif; font-weight:bold;}
h1 {	font-size: 21px; font-weight:bold; margin:1em 0; color:#0963B8;} 
#home h1 {font-weight:normal; text-transform:uppercase; border-bottom:1px solid #453530; color:#453530; font-size:24px;}
h2 {	font-size: 18px; /*font-style:italic;*/ margin:1em 0 1em 0 !important;}
h3 {	font-size: 16px; text-transform:uppercase; letter-spacing:1px; font-weigh:bold; margin:2em 0 1em 0; font-weight:normal;}
h4 {	font-size: 14px; margin:1.5em 0 0.5em 0;  font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
h5 {	font-size: 14px; font-style:italic; font-weight:normal;   margin:1em 0 0 0; font-family: Arial, Helvetica, sans-serif;}

/* STRUCTURE -------------------------------- */ 

.wrapper {float:left; width:965px; background:#fff url(images/pagebg.gif); margin-left:5px; _margin-left:2px;}
.header {float:left; height:90px; margin-left:10px; background:url(images/headerbg.gif) top left repeat-x; width:950px; _margin-left:5px;}
  .tulos {display:block; width:180px; height:80px; margin:5px 0; float:left; border-width:0 !important;  }
  .seo-nav {margin:0; padding:0;}
  .slogan {margin:5px 0 0 27px;}
  .nav {position:absolute; top:53px; left:215px;  padding:0; list-style:none; display:inline;  float:left;  width:754px; font-family:Trebuchet MS, Helvetica, Arial, sans-serif;}
  .nav li {float:left; display:block;}
  .nav a {float:left;  padding:11px 10px 0px 10px; border-width:0;; font-size:12px; height:26px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
  .nav a, .nav a:visited {color: #0963B8;}
  .nav a:hover {color: #CC913D;	}
  .nav .here a {background:url(images/here.gif) 50% 100%  no-repeat;}
 .page {background:url(images/mainbg.gif) top left repeat; float:left; margin-left:10px; width:950px;	float: left; _margin-left:5px;}
 	.main {  			float:right; width:770px;  }
		#content {	 	float:left;  width:500px;overflow:hidden;	}
			.post {margin:30px;}
		.sidebar {		float: right; width:270px; _width:265px; }
			.sb {margin:30px 20px 30px 20px;}
				.sb h3 {font-size:12px; border:1px solid #D8D7D8; border-width:1px 0; padding:9px 10px; margin:15px -10px 5px -10px; font-weight:bold; }
				.sb h3 a {padding:5px;}
				.sb p, .sb ul, .sb ol {font-size:12px !important;}
		.navigation {	float: left; width:180px; font-family:Trebuchet MS, Helvetica, Arial, sans-serif;}
			.nav2 {margin:30px 0; width:100px; padding:0; font-size:11px;}
				.nav2 li {margin:0 0 1px 0; padding:0;   list-style:none;}
				.nav2 li a { border-top:1px solid #D8D7D8; width:180px; border-width:0;  padding:7px 5px 7px 15px; width:160px; display:block; text-transform:uppercase; letter-spacing:1px; font-weight:bold;}
					.nav2 a, .nav2 a:visited {color:#323B42;}
						.nav2 a:hover {background:#fff;  width:161px; color: #CC913D; _padding:7px 4px 7px 15px; }
						.nav2 .here a {background:#fff;  width:161px; color: #CC913D; _padding:7px 4px 7px 15px;}
				.nav2 .sub a { border-top:1px solid #D8D7D8; text-decoration:none !important;  padding:7px 5px 7px 25px; width:150px; _width:140px; display:block; text-transform:none; letter-spacing:normal;}
					.sub a, .sub a:visited {color:#0963B8;}
					.sub a:hover {width:151px; color: #CC913D; _padding:7px 4px 7px 25px;}
					.here .sub a { background:#EBE9E9;}
					.sub .here a {width:151px; _padding:7px 4px 7px 25px;}
		.navigation h5 {padding:0 15px 5px 15px; margin:0; border-bottom:1px solid #D8D7D8; width:150px; font-size:16px; font-style:normal; font-weight:normal;}
		.navigation h6 {padding:20px 15px 5px 15px; margin:0; width:150px; font-size:14px;  font-weight:normal; }

		.footer {float:left; clear:both; width:955px; margin-left:10px; border-top:5px solid #453530; border-bottom:5px solid #453530; padding:20px 0; _margin-left:5px;}
			.footer p {font-size:12px; margin:5px 15px;}
		.extrafooter { float:left; clear:both; width:940px; padding:10px 0 10px 25px; color:#cecece;  font-size:10px; text-align:center; background:url(images/footerbg.gif) top left no-repeat;}

/* CONTENT ---------------------------------- */

	#content blockquote {padding-left:20px; border-left:2px solid #453530; line-height:1.15; font-style:italic;}
		#content blockquote p {font-size:16px !important;}
	.photo {background:#fff; border:1px solid #453530; padding:4px; margin:5px 15px 15px 0;  float:left;}
	.images {clear:both; margin-bottom:5px;}
	.caption {font-size:11px; font-weight:bold; float:left; clear:left;}
	.wp-caption-text { background:#323B42; color:#efefef; padding:5px 10px; width:430px;}

	.photostyle { float:left;  height:200px; width:100px; overflow:hidden; border:1px solid #323B42; padding:3px; margin:0 2px 15px 0;}
	.photostyle img {margin:0; padding:0;}
		/*.photostyle img {margin:-203px 0 0 0;}
		.photostyle:hover img {margin:0;}
		.a2 {margin-top:-1.5em;}
		.a3 {margin-top:-3em;}
		.a4 {margin-top:-4.5em;}*/
	hr {	clear:both; visibility:hidden; 	height:0; border:none; padding:0; margin:-0.5em 0; width:auto; _display:none;}
	.half {float:left; width:210px; }
	.ar {text-align:right;}
	.nobrdr {border-width:0 !important;}
	.list .postmetadata {margin:-0.5em 0 1.5em 0; border-bottom:1px solid #cecece; padding-bottom:.3em;}
	.fl {float:left;}
	.fr {float:right;}
	code {font-family:"Courier New", monospace; vertical-align: baseline;}
	
	table {width:440px; font-size:13px;  border-collapse:collapse;  margin:0 0 1em 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
	th { border-bottom:1px solid #453530; text-align:left; font-weight:normal; }
	td, th {padding:5px;  }
	.even td {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}


/* SIDEBAR ----------------------------------------- */
	.sidebar {}
	.articles {margin-left:5px !important;}
		.articles li {/*list-style:none; margin-left:0;*/ margin-top:5px;}
		.articles h4 {margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px;} 
	.tilaarss {float:right; margin-right:-45px; _display:none; }
	.tilaaemail {float:right; margin-right:-45px; margin-left:-10px; _float:left;   width:265px; _width:220px; _margin-left:-5px; padding:20px 10px 0 10px; height:121px; background:url(/wp-content/themes/tulos/images/tilaaemail.gif) top left no-repeat; }
	.tilaaemail label {font-weight:bold;}
	#newsletteremail { width:200px;}
	#newsletterbutton {padding:2px; float:right; margin:-5px 45px 5px 0; }
	
/* CROSS SELL -------------------------------------- */
	.xsell {float:left; clear:left; background:#F8F8F8; border:1px solid #D8D8D8; padding:5px 15px; margin:15px 0 30px 0; }
	.commentemail {background:url(images/commentemailbg.gif) top right no-repeat; margin-right:20px;}
	#commentnewsletterbutton { padding:2px;}
	#commentnewsletteremail {width:210px; }
/* COMMENTS ---------------------------------------- */

.commentlist { margin:1.5em 0 !important; padding:0; width:440px; float:left; clear:left; border-top:1px solid #CC913D; border-bottom:1px solid #CC913D; _width:435px; }
	.commentlist li { margin: 0 0 2em 0; padding:0 0.3em 0; border-top:1px solid #CC913D; width:440px; list-style:none;  _width:435px;}
	/*.commentlist .alt {background:#24211f; color:#eee;}*/
	.commentlist p {width:440px; padding-top:.3em; font-size:12px; line-height:1.5;  _width:435px;}
	.commentlist h4 { }
	.commentlist h4 a em {display:none;}
	.commentlist h4 a:hover em {display:inline; /*padding-left:20px; background:url(../i/blt-out.gif) 5px .2em  no-repeat;*/ color:#666; font-weight:normal;}
	/*.commentmetadata {position:absolute; left:-110px; top:2.2em; width:100px; display:block;  text-align:right; font-size:.9em; font-weight:normal; }
	.commentmetadata a {color:#161616; font-weight:normal; }*/
	.alt {border-top:1px solid #84B1DB !important;}
	.commentlist blockquote {border:0; font-size:.9em !important;}
#commentform {float:left; clear:left; margin-bottom:1em;}
  #commentform input {width:120px;}
  #commentform textarea {width:320px;}
  #commentform label {width:120px; float:left; }

/*.normal-text { font-size:0.875em;}
.small-text {font-size:0.75em;}*/