/*
Theme Name: Kiertotie 
Theme URI: http://www.frontside.fi
Description: 
Version: 1.0
Author: Samuli Sorvari

*/

/* TAGIKOHTAISET MÄÄRITTELYT */

body{
	color: #46380D;
	margin: 0;
	padding: 0;
	font-family:  arial, verdana, georgia, sans-serif;
	font-size: 16px;
	background: #E1D8AF url(images/mainBgNew2.png) repeat-x;
}

#plaza {
	with: 100%;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

a{
	text-decoration: none;
	color: #2B6C79;
	}
	
a:hover{
	text-decoration: underline;
}

h1{
	margin-top: 0.55em;
	font-size: 1.7em;
	color: #B9672D;
	font-weight: 100;
	line-height: 1.2em;
}

h2 {
	font-family:  arial, verdana, georgia, sans-serif;
	font-size: 23px;
	color: #B9672D;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-bottom: 2px;
	margin-top: 20px;
}

h3{
	color: #7E6A2C;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 2px;
	padding-bottom: 10px;
}

h4{
	color: #7E6A2C;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

h5{
	color: #2B6C79;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

p {
	line-height: 1.4em;
	font-size: 15px;
	color: #46380D;
}


form{
	margin: 0;
	padding: 0;
}

li i {
	color: #666;
}

/* TAITTOON LIITTYVÄT MÄÄRITTELYT */


#container, #mainContainer {
	margin: 0px auto;
	padding: 0;
	width: 970px;
	position: relative;
}


#containerLeft {
	width: 665px;
	float: left;
	padding-right: 35px;
	background: #ffffff url(images/ContentRightBg.gif) right repeat-y;
	position: relative;
	padding-bottom: 20px;
}

#containerRight {
	padding-left: 25px;
	padding-bottom: 20px;
	width: 245px;
	float: left;
	position: relative;
	font-size: 13px;
	color: #46380D;
}

#containerRightTop {
	background: #ffffff url(images/ContentRightTopBg.gif) no-repeat;
	width: 8px;
	height: 85px;
	position: absolute;
	top: 0;
	right: 0;
}

#containerRightBottom {
	background: #ffffff url(images/ContentRightBottomBg.gif) no-repeat;
	width: 8px;
	height: 66px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#topNavi {
	height: 30px;
	max-width: 970px;
	position: relative;
	margin: 0px auto;
}

#rssKommentit,
#rssKirjoitukset,
#rssValokuvat,
#tnLinkit,
#tnHaku {
	padding: 0 0 0 24px;
	background: url('images/rss.png') left center no-repeat;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 7px;
}


#rssKirjoitukset {
	left: 0;
}

#rssKommentit {
	left: 150px;
}

#rssValokuvat {
	left: 290px;
}

#tnLinkit {
	background: url('images/linkit.png') left center no-repeat;
	left: 296px;
}


#rssKirjoitukset a,
#rssKommentit a,
#rssValokuvat a,
#tnLinkit a {
	color: #E1D8AF;
}

#tnHaku {
	background: url('images/search.png') left center no-repeat;
	color: #E1D8AF;
	right: 340px;
}

#tnHakuInput {
	position: absolute;
	top: 5px;
	right: 170px;
	padding: 0;
	margin: 0;
}

#tnHakuButton{
	position: absolute;
	top: 6px;
	right: 120px;
	padding: 0;
	margin: 0;
}


.search {
	font-size: 11px;
	background-color: #ffffff;
	border: 1px solid #3D2F08;
	width: 150px;
	color:  #483C19;
	height: 15px;
}

#tnRegister {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 16px;
	height: 16px;
}

#tnCalendar {
	position: absolute;
	top: 6px;
	right: 40px;
	width: 16px;
	height: 16px;
}


#header{
	border: 0px;
	margin: 0px auto;
	height: 110px;
	position: relative;
	background-color: transparent;
	max-width: 970px;
	z-index: 0;
}

#header img{
	position: absolute;
	left: 0;
	top: 30px;
}



#navi{
	position: relative;
	bottom: 0px;
	margin: 0px 0px 0px 260px;
	width: 730px;
	font-size: 1.2em;
}
	#navi .nav{
		position: absolute;
		bottom: 0;
		display: block;
		padding: 0;
		margin: 0 auto;
		list-style: none;
	}
	
	/* HIDDEN FROM IE */
	#navi>.nav{
		float: left;
	}
	#navi ul{
	}
	#navi li{
		float: left;
		background: transparent url(images/tab_left.png) no-repeat 0% 100%;
		position: relative;
		margin-left: 5px; /* Tällä säädetään tabien etäisyys toisistaan */
	}

	#navi .current0{
		font-size: 0.9em;
	}
	#navi .current1{
		font-size: 0.95em;
	}
	#navi .current2{
		font-size: 0.9em;
	}
	#navi .current3{
		font-size: 0.85em;
	}
	#navi .current4{
		font-size: 0.8em;
	}
	
	#navi .curtab{
		background: transparent url(images/tab_left_a.png) no-repeat 0% 100%;
		z-index: 100;
		margin-left: 0px;
	}

	#navi a{
		float: left;
		display: block;
		padding-left: 35px;
		padding-right: 38px;
		padding-top: 33px;
		padding-bottom: 7px; 
		background: transparent url(images/tab_right.png) no-repeat 100% 100%;
		color: #7E6A2C;
		height: 20px;
		margin-right: -30px; /* tab_right.png-kuvan leveys */
		
	}
	
	#navi .curtab a{
		padding-left: 46px;
		padding-right: 49px;
		background: transparent url(images/tab_right_a.png) no-repeat 100% 100%;
		margin-right: -41px; /* tab_right_a.png-kuvan leveys */
		color: #2B6C79;
	}
	
	#navi li>a:hover{
		text-decoration: none;
		color: black;
	}
	/* HIDDEN FROM IE */
	#navi>.clearing{
		height: 1px;
	}


#content{
	padding: 30px 0 20px 0;
	color: #2E3F32;
	line-height: 1.4em;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#footer {
	height: 48px;
	width: 100%;
	background: #E1D8AF url(images/bottom_bg.gif) 0 0 repeat-x;
	text-align: center;
	clear: both;
	width: 100%;
}

#footer p {
	padding: 16px 0 0 0;
	margin: 0;
	font-size: 13px;
	color: #7E6A2C;
}
	



.post {
	padding-bottom: 25px;
}

.post p {
	line-height: 24px;
	color: #46380D;
}

.meta {
	color: #939393;
	font-size: 13px;
}
	
.post img {
	margin: 8px 15px 2px 0;
	padding: 3px;
	border: 1px solid #796528;
}

.storycontent {
	font-family:  georgia, "times new roman", serif;
	padding-top: 8px;
}


/* VALOKUVASYDEEMIT */

.albumDesc {
	border: 1px solid #E1E1E1;
	background-color: #F2F2F2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0px 20px 10px;
	margin-bottom: 25px;
	font-family:arial,verdana,georgia,sans-serif;
}

.albumDesc h2 {
	font-size: 20px;
	padding: 20px 0 0;
	margin: 0;
}

.ngg-album-compact {
	font-family:arial,verdana,georgia,sans-serif;
}

	

.AlbumMediaLinks {
	padding: 0px 0 10px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	font-family:  arial, verdana, georgia, sans-serif;
	color: #2B6C79;
}


#SlideShowButton {
	background: transparent url(images/buttons.png) 0px -66px no-repeat;
	padding-left: 25px;
}


#BackButton {
	background: transparent url(images/buttons.png) 0px -23px no-repeat;
	padding-left: 25px;
}

#rssButton {
	background: url('images/rss.png') left center no-repeat;
	padding-left: 20px;
}





.albumi {
	height: 280px;
	width: 180px;
	padding-right: 50px;
	float: left;
}

.photoSet {
	height: 210px;
	width: 135px;
	padding-right: 25px;
	float: left;
	background: url('images/PhotosetBg.png') no-repeat left top;
	position: relative;
}

.photoSet {
	cursor: pointer;
}

.setMainPhoto {
	position: absolute;
	top: 14px;
	left: 27px;
	border: 0;
}

.photoSet p {
	font-size: 11px;
	margin-top: 125px;
	color: #ACACAC;
	text-align: center;
}

.photoSet a {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

	
.albumi:hover {
	cursor: pointer;
}

.albumikuva {
	width: 180px;
	height: 180px; 
}

.albumi-info {
	padding-top: 10px;
	text-align: center;
}

.albumi-info em {
	color: #939393;
	font-size: 12px;

}

.albumi-info b {
	text-shadow: #919191 0px 1px 2px;
}

.albumi-info a:hover {
	text-decoration: none;
}

.albumimask {
	background: url('images/album_mask_both4.png') no-repeat left top;
	width: 180px;
	height: 180px;
}

.albumimask:hover {
	background-position: left -180px;
}

.box {
	margin-top: 15px;
	margin-bottom: 20px;
	width: 100%;
	height: 44px;
	position: relative;
	background: url('images/boxBg.gif') repeat-x;
}

.albumOpenerSetup{
	position: absolute;
	top: 12px;
	left: 130px;
	color: #2B6C79;
	font-size: 12px;
	text-transform: uppercase;
}

.register {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 7px;
	}


.kommentit {
	padding: 0px 30px 2px 24px;
	background: url('images/comments.png') left center no-repeat;
	margin-right: 10px;
	font-size: 14px;
}

.editPost {
	padding: 0px 0 2px 24px;
	background: url('images/editPost.gif') left center no-repeat;
	margin-right: 10px;
	font-size: 14px;
}



#containerRight ul {
	margin: 5px 0 0 0;
	padding: 0;
}



.sidebar_info li {
	list-style: none;
	background: url('images/information.png') 0 2px no-repeat;
	padding: 0 0 8px 23px;
	line-height: 19px;
	margin-left: 3px; 
}

.uusimmat_jutut li {
	list-style: none;
	background: url('images/page_white_text.png') top left no-repeat;
	padding: 0 0 8px 23px;
	line-height: 17px;
	margin-left: 3px; 
}

.uusimmat_jutut li em {
	font-size: 11px;
	color: #767676;
}
	
.uusimmat_kommentit li {
	list-style: none;
	background: url('images/comments.png') 0 3px no-repeat;
	padding: 0 0 8px 23px;
	line-height: 17px;
	margin-left: 3px; 

}

.uusimmat_kommentit li em {
	font-size: 11px;
	color: #767676;
}

.aiheet li {
	list-style: none;
	background: url('images/folder_page.png') 0 1px no-repeat;
	padding: 0 0 10px 23px;
	line-height: 17px;
	margin-left: 3px; 

}

.aiheet li a {
	font-weight: bold;
}

.linkit li {
	list-style: none;
	background: url('images/linkit.png') 0 -1px no-repeat;
	padding: 0 0 10px 25px;
	line-height: 17px;
	margin-left: 3px; 
}

.linkit li a {
	font-weight: bold;
}


.albumit li {
	list-style: none;
	background: url('images/folder_page.png') top left no-repeat;
	padding: 0 0 8px 23px;
	line-height: 17px;
	margin-left: 3px; 
}

.albumit li a {
	font-weight: bold;
}


#commentlist {
	margin: 0;
	padding: 0 0 20px 0;
}

#commentlist li {
	list-style: none;
	background: url('images/comments.png') 13px 40px no-repeat;
	padding: 0px 10px 15px 40px;
	line-height: 17px;
	border: 1px solid #E1E1E1;
	background-color: #F2F2F2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 20px;
}

.arkistot {
	margin: 0;
	padding: 15px 0 15px  15px;
}

.arkistot li {
	list-style: none;
	background: url('images/date.png') 3px 11px no-repeat;
	padding: 11px 0 7px 30px;
	line-height: 17px;
	border-bottom: 1px solid #DADADA;
}

.arkistot li em {
	line-height: 20px;
	font-size: 11px;
	color: #767676;
	font-style: normal;
}


.kirjoittajat li {
	list-style: none;
	background: url('images/user_comment.png') 2px 0 no-repeat;
	padding: 0 0 10px 25px;
	line-height: 17px;
}

.kirjoittajat li a {
	font-weight: bold;
}


#commentlist li em {
	font-size: 11px;
	color: #767676;
}

#commentform {
	padding: 0px 10px 10px 15px;
	border: 1px solid #E1E1E1;
	background-color: #F2F2F2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 20px;
}

#comment {
	width: 630px;
	height: 200px;
}

.alignright {
	float: right;
	font-weight: bold;
	font-size: 14px;
	padding-right: 10px;
	}

.alignleft {
	float: left;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	}

blockquote {
	background: url('images/lainaus.png') no-repeat 0 5px;
	padding: 0 0 0 40px;
	margin: 0;
	font-style: italic;
	}

.linkkilista ol {
	padding: 0;
	margin: 0;
	list-style: none;

}


.linkcat ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
}
	
.linkcat ul li {
	padding: 0 0 0 24px;
	background: url('images/star.png') 0 0 no-repeat;
	font-size: 11px;
	color: #767676;
	margin-top: 10px;
	line-height: 18px;
}

.linkcat ul li a {
	font-weight: bold;
	font-size: 14px;
}