/*
Theme Name:Ajatuksen Tasolla
Theme URI:http://ajatuksentasolla.com
Description:WordPress theme customized to suit my personal needs.
Author:Joonas Toroi
Author URI:http://ajatuksentasolla.com
Version:5.0
*/


/*###############################
	BASICS
###############################*/

* {margin:0; padding:0;}
a {text-decoration:none; border:none;}
body {font:normal 14px Arial, Helvetica, sans-serif; color:#000; background:#999;}
div#page {width:1024px; margin:0 auto;}


/*###############################
	HEADER (bg, image, nav)
###############################*/

div#header {width:1024px; height:620px; position:relative;}
div#top-bg {width:100%; min-width:1024px; height:400px; background:url(imgs/nelio.png) repeat-x bottom, url(imgs/top-tausta.jpg) no-repeat top, url(imgs/top-color.png) repeat-x; position:absolute; top:0; z-index:1;}
div#header-img {width:1012px; height:620px; margin:20px 7px 0px 5px; background:url(imgs/header-img-bg.png) bottom no-repeat; position: relative; z-index:2;}
div#big-img {width:1000px; height:600px; padding-top:10px; margin:0px 7px;background:url(img/at-home.jpg) bottom right no-repeat; overflow:hidden;}


/*###############################
	MENU
###############################*/

div#menu {width:265px; height:337px; background:url(imgs/menu-bg.png) no-repeat; position:absolute; right:2px; z-index:10;}
a#home {width:255px; height:250px; background:url(imgs/at-home-logo.png); text-align:right; position:absolute; right:0px;}
a#tietoja {width:255px; height:30px; background:url(imgs/tietoja.png); text-align:right; position:absolute; right:0px; top:260px}
a#portfolio {width:255px; height:30px; background:url(imgs/portfolio.png); text-align:right; position:absolute; right:0px;  top:300px}
div#menu img, div.footer-link img {border:none;}
div#menu a:hover {background-color:#fff;}
div#menu a.current-item {background-color:#ccc;}


/*###############################
	CONTENT
###############################*/

div#content {width:1024px; position:relative;}
div#right {width:252px; padding:0px 0px 10px 13px; float:right; margin-bottom:30px;}
div#left {width:759px; padding-top:10px;}



/*###############################
	DATE (On loop and single-post)
###############################*/
div.date {width:60px; height:60px; padding:0 10px 10px 4px; background:url(imgs/pvm-bg.png) no-repeat; text-align:center; position:absolute; left:38px; z-index:10;}
div.pp {font:bold 28px Arial, Helvetica, sans-serif; padding-top:2px;}
div.mm {font:bold 10px Arial, Helvetica, sans-serif; margin-top:-4px;}
div.yyyy {font:bold 10px Arial, Helvetica, sans-serif;}


/*###############################
	WP-LOOP
###############################*/

div.post {width:747px; height:230px; background:url(imgs/post-bg.png) no-repeat right; position:relative; z-index:2;}
div.post-header {width:705px; height:60px; background:url(imgs/post-header-bg.png); position:absolute; top:140px; left:42px; z-index:10;}
div.post-header-shadow {width:699px; height:69px; background:url(imgs/post-header-shadow.png); position:absolute; top:140px; left:38px; z-index:3;}
div.post-img {width:725px; height:200px; position:absolute; left:12px; top:10px; z-index:1; overflow:hidden;}

div.post h1 {font:bold 20px Arial, Helvetica, sans-serif; padding:7px 0 4px 10px;}
div.post p {color:#666; padding-left:10px; display:inline;}
div.post a {color:#999;}
div.post a:hover {color:#fff;}
span.comment-link {padding-left:20px; background:url(mini/comments.png) no-repeat left ;}
span.category {padding-left:20px; margin-left:5px; background:url(mini/category.png) no-repeat left;}

div.merkki-container {width:62px; position:absolute; right:0px; top:20px; z-index:10;}
div.merkki-container div.sis-kuva {width:62px; height:30px; background:url(imgs/sis-kuva-bg.png);}
div.merkki-container div.sis-video {width:62px; height:30px; background:url(imgs/sis-video-bg.png);}
div#single-merkki-container {width:62px; position:absolute; left:2px; top:520px; z-index:10;}
div#single-merkki-container  div.sis-kuva {width:62px; height:30px; background:url(imgs/sis-kuva-bg2.png);}
div#single-merkki-container  div.sis-video {width:62px; height:30px; background:url(imgs/sis-video-bg2.png);}


/*###############################
	SINGLE POST
###############################*/

div.single-post {margin:0px 12px 20px 2px; background:url(imgs/single-post.png) no-repeat top left; position:relative; z-index:10; top:-20px;}
div.post-title {padding:10px 0 0 10px; margin-bottom:20px;}
div.entry {width:725px; margin-left:10px; padding-bottom:10px;}

div.post-title h2 {font:bold 20px Arial, Helvetica, sans-serif; padding:7px 0 4px 10px; color:#fff;}
div.post-title p {color:#666; padding-left:10px; display:inline;}
div.post-title a {color:#999;}
div.post-title a:hover {color:#fff;}
div.entry p {padding:0px 20px; margin-bottom:15px; color:#fff; line-height:18px;}
div.entry a {font-weight:bold; color:#333;}
div.entry a:hover {color:#fff;}
div.entry h3 { width:685px; margin:20px 0 4px 20px; padding-bottom:4px; border-bottom:solid 1px #666; color:#555;}


/*###############################
	COMMENTS
###############################*/

div#clear-left {width:725px; clear:left;}
div#clear-right {width:725px; clear:right;}
div#comments {padding-top:10px; background:url(imgs/entry-bg.png) no-repeat top center;}
h2#comment-header {height:34px; padding:6px 0 0 20px; line-height:22px; font:bold italic 16px Arial, Helvetica, sans-serif; color:#fff; background:url(imgs/comments-bg.png) no-repeat top left; position:relative; top:9px;}
h2#respond{height:34px; padding:6px 0 0 20px; line-height:22px; font:bold italic 16px Arial, Helvetica, sans-serif; color:#fff; background:url(imgs/comment-bg.png) no-repeat top left; position:relative; top:-1px; z-index:3;}
h3#no-comments {text-align:center; font:italic bold 110% Georgia, serif !important; color:#aaa !important;}
div.comment-text p {margin-bottom:10px;}

div.comment {width:685px; margin-left:10px; padding:20px 20px 0px 20px; background:#ccc;}
p.comment-details {font:15px Arial, Helvetica, sans-serif; color:#900; margin:6px 0px;}
div.comment-text {padding-bottom:16px; border-bottom:solid 1px #999;}
div.author-comment  p.comment-details {color:#06c;}
div.author-comment  em.kirjoittaja {font-weight:bold; padding:4px 0px 2px 20px; background:url(mini/author.png) no-repeat center left;}

em.kirjoittaja {font-weight:bold; padding:4px 0px 2px 20px; background:url(mini/avatar.png) no-repeat center left;}
em.kirjoitus-pvm {padding:4px 0px 2px 20px; background:url(mini/pvm.png) no-repeat center left; margin-left:2px;}
em.kirjoitus-aika {padding:4px 0px 2px 20px; background:url(mini/klo.png) no-repeat center left; margin-left:2px;}


/*###############################
	COMMENTFORM
###############################*/

div#commentform {width:685px; height:310px; margin-left:10px; padding:18px 20px 0px 20px; position:relative; z-index:2; top:-11px; background:url(imgs/commentform-bg.png) repeat-x;}
div#comment-author {width:330px; float:left;}
div#comment-email {width:330px; float:right;}
div#commentform form{padding-bottom:12px; border-bottom:1px solid #ccc;}

label {display:inline; margin:0 0 5px 0;}
.text {width:320px; margin:4px 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
textarea {width:675px; height:125px; max-height:125px; max-width:675px; margin:4px 0 10px 0; padding:5px; border:1px solid #ccc; -moz-border-radius:5px;}
div#commentform .submit {width:146px; height:26px; background:#ccc; color:#333; border:none; position:relative; cursor:pointer;}
div#commentform .submit:hover {background:#fff;}
input.text {-moz-border-radius:5px;-webkit-border-radius: 5px;}

span.user-name {padding:4px 0px 2px 20px; background:url(mini/avatar.png) no-repeat center left;}
span.user-mail {padding:4px 0px 2px 20px; background:url(mini/email.png) no-repeat center left;}
span.user-comment {padding:4px 0px 2px 20px; background:url(mini/comment-add.png) no-repeat center left;}
p#submit-p {padding:0 4px 8px 4px; left:-4px; background:url(imgs/submit-bg.png) no-repeat left; position:relative; }


/*###############################
	BOTTOM NAVIGATION
###############################*/

div.big-navigation {width:745px; height:97px; margin-bottom:-50px; margin-left:2px; background:url(imgs/bottom-navigation-bg.png) no-repeat left; position:relative; z-index:10;}

div.navigation {width:745px; height:97px; margin-bottom:-50px; margin-left:2px; background:url(imgs/bottom-navigation-bg.png) no-repeat left; position:relative; top:-79px; z-index:10;}
span.previous-entries {padding-left:20px; color:#fff; position:relative; top:18px; left:10px; background:url(imgs/prev-bg.png) no-repeat left; float:left;}
span.next-entries {padding-right:20px; color:#fff; position:relative; top:18px; right:10px; background:url(imgs/next-bg.png) no-repeat right; float:right;}
div.navigation a, div.big-navigation a{color:#fff;}


/*###############################
	SIDEBAR
###############################*/

#searchform {width:240px; padding-top:10px; margin-bottom:20px;}
#search {width:183px; height:26px; border:solid 1px #666; padding-left:5px; border-radius:5px; -moz-border-radius:5px;}
#search-submit {width:36px; padding:5px 0px 4px 0px; font:bold 12px Arial, Helvetica, sans-serif; cursor:pointer; margin-left:10px; color:#fff; border:solid 1px #333; background:#666; border-radius:5px; -moz-border-radius:5px;}
#search-submit:hover {color:#333; border:solid 1px #666; background:#ccc;}

ul#sidebar li {list-style:none;}
ul#sidebar img {width:16px; height:16px; border:none; position:absolute; padding-left:194px;}
ul#sidebar li.widget { width:250px;list-style:none; background:url(imgs/sidebar-bg.png) no-repeat;}
ul#sidebar h2 {width:240px; height:30px; padding:7px 0 0 10px; color:#666; font-size:14px; text-transform:uppercase; background:url(imgs/sidebar-shadow.png) no-repeat bottom left; position:relative;}
ul#sidebar ul {padding-left:10px; margin:-5px 0px 2px 0px;}
ul#sidebar li a {width:210px; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 10px; color:#333; background:#ccc; margin-bottom:2px; display:block;}
ul#sidebar li a:hover {background:#fff;}

.textwidget {width:225px; font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:18px; padding-left:15px; margin:5px 0px 20px 0px;}


/*###############################
	FOOTER
###############################*/

div#footer {min-width:1024px; height:80px; background:#002d4b; clear:both; margin-top:30px; position:relative; z-index:12;}
div#footer-content {width:962px; padding-right:62px; margin:0 auto; color:#ccc;}
div#copyright {width:300px; font:normal 10px Arial, Helvetica, sans-serif; line-height:20px; padding:20px 0;}

div.footer-link {width:80px; height:70px; float:right; position:relative; top:-10px; background:url(imgs/kulma-bg.png) no-repeat top left;}
div.footer-link a {height:50px; padding:10px; position:absolute; margin-left:10px; background:url(imgs/menu-ind-bg.png);}
div.footer-link a:hover {background-color:#fff;}

/*###############################
	WORDPRESS CSS
###############################*/

img.alignright {float:right; margin:0 0 15px 15px; border:1px solid #666;}
img.alignleft {float:left; margin:0 15px 15px 0; border:1px solid #666;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto; border:1px solid #666;}
a img.alignright {float:right; margin:0 0 15px 15px;}
a img.alignleft {float:left; margin:0 15px 15px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}


/*###############################
	MUUT
###############################*/

h2.archive-title {width:745px; height:36px; text-align:center; padding-top:4px; margin-left:2px; font:bold italic 16px Arial, Helvetica, sans-serif; color:#fff; background:url(imgs/archive-bg.png);}
h1.search-header a {margin-top:20px; font:bold 24px Arial, Helvetica, sans-serif; position:relative; left:8px; top:7px;}

div.ei-tuloksia {text-align:center;}

/*###############################
	TIETOJA-TYYLIT
###############################*/

div.single-tietoja div.post-title span {color:#ccc;}
span.munmail {padding-left:20px; background:url(mini/email.png) no-repeat left;}
div.joonas-title { height:60px; overflow:visible; background:url(imgs/joonas-title-bg.png) no-repeat top left; margin-bottom:0; padding-bottom:7px;}