/*
Theme Name: Tilitarkastulehti Default
Theme URI: http://tilintarkastulehti.fi/
Description: The default theme for Tilintarkastulehti.
Version: 0.1
Author: Jaakko Teittinen
Author URI: http://mediaboost.fi/
Tags: green, two columns
Text Domain: tilitarkastulehti

*/

/* Body & fonts
--------------------------- */
body {
	font-size: 84%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#f8f8f8;color: #333;
	margin:0;
}

a, a:visited, a:active {color: #8cc63f;text-decoration:none;}
a:hover {text-decoration:underline;}

a img {border:none;outline:none;}

#footer a {color:#333;text-decoration:underline;}

/* Defaults
--------------------------- */

.fl {float:left;}

.mr40px {margin-right:40px;}
.ml40px {margin-left:40px;}
.bn {border:none !important;}

.cb {clear:both;height:0px;font-size:0px;}

/* Layout
--------------------------- */

.centered {margin:0 auto;}

#container {
	width: 940px; margin:0 auto; padding: 0 10px;
	background:#fff;text-align: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#header {width:940px;padding-bottom: 20px;
	background:#f8f8f8 url("images/bg_header.png") center bottom no-repeat;}

#content {width:940px;overflow:hidden;padding:20px 0;}
.home #content {padding-top:10px;}

.col680 {float:left;width:640px;padding:0 20px;}
.col320 {float:left;width:300px;padding:0 10px;}
.col220 {float:right;width:220px;}

#footer {
	width:940px;overflow:hidden;
	background:#f8f8f8 url("images/bg_footer.png") center top no-repeat;
	padding: 20px 0;
	font-size:12px;
}

/* Layout, extended */

#feature {
	clear:both;
	background:#8cc63f;position:relative;
	width:960px;height:360px;
	margin:0 -10px;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;

}

/* Contents, text & such
--------------------------- */

h1 {margin:0 10px 0 20px;padding:0;}
h1 a {
	display:block;float:left;
	width: 200px; height: 80px;
	background:url("images/logo.png") center top no-repeat;
}
h1 a span {margin-left:-999em;}

.col680 h2 {border-bottom: 1px solid #ccc;padding-bottom:6px;margin-bottom:24px;}

.entrylist h3 {margin-top:0px;}

p {line-height:1.5em;}
.issues h3, .issues p, .issues .intro {margin-left: 230px;}
#footer p {margin:0;}

/* Navis
--------------------------- */

ul#main-navi {
	margin:10px 10px 10px 0;padding:0;
	float:right;line-height:40px;
}

ul#main-navi li {
	float:left;list-style-type:none;
	position: relative;
}

ul#main-navi li a {
	display:block;padding:10px 14px;
	font-size:16px;font-weight:bold;
	/*text-shadow:0px 1px 0px #000;*/
}

ul#main-navi li:hover>a{
	text-decoration:underline;
}

ul#main-navi li.current_page_item a {
	text-decoration:underline;
}

ul#main-navi li li a {
  height: auto; background: none;
  border:0; margin:0; padding:0;
  text-align: left; line-height: 24px;
}

#ddContainer { position: absolute;left: -10100px;z-index:9999;}

ul#main-navi li:hover #ddContainer {
  display: block;left: -100px;
}


/* styles for drop-down */
#ddContainer {
  width:420px;padding: 20px;line-height:normal;
  background: #fff; border:1px solid #8cc63f;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#ddContainer_wrap {
  width:420px; overflow:hidden;
}

ul#main-navi #ddContainer a {
  font-weight: normal; font-size:11px;
  text-decoration: none; display:inline; /*padding-left: 10px;*/
}

ul#main-navi #ddContainer a:hover {text-decoration:underline;}

ul#main-navi #ddContainer .ddc {margin:0;padding:0;}

ul#main-navi #ddContainer .ddc.ddc-left {float: left;width: 220px; }
ul#main-navi #ddContainer .ddc.ddc-right {float: right;width: 180px; padding-left:10px; border-left: 1px solid #bbb;}

ul#main-navi #ddContainer .ddc-right { padding-left:10px; }

ul#main-navi #ddContainer .ddc-right li a {
  display:block;
  background: url("../images/dd_arrow.png") left center no-repeat;
  padding-left:10px;
}

/* Footer navi */

ul#footer-navi {margin:0;padding:0;float:right;}
ul#footer-navi li {float:left;list-style-type:none;}
ul#footer-navi li a {padding:0 4px;}

/* wp-pagenavi */
.wp-pagenavi {color:#000 !important;width:669px!important;margin:0;font-size:13px !important;font-weight:bold !important;padding:0 !important;text-align:left !important;display:block;margin-top:20px !important;padding-bottom:15px;!important;height:35px;}
.wp-pagenavi span {border:0 !important;margin:0 !important;}
.wp-pagenavi span.extend {padding:5px 8px !important;margin:0 !important;margin-right:5px !important;_display:block;border:0 !important;}
.wp-pagenavi span.pages {padding:5px 8px !important;margin:0 !important;margin-right:5px !important;_display:block;border:0 !important;}
.wp-pagenavi span.current {padding:5px 8px !important;margin:0 !important;margin-right:5px !important;_display:block;border:0 !important;text-decoration:underline;}

.wp-pagenavi a {color:#000 !important;text-decoration:none;padding:5px 8px !important;margin:0 !important;margin-right:5px !important;_display:inline-block !important;border:0 !important;background:#eaeaea !important;}
	.wp-pagenavi a:hover {background-color:#8cc63f !important;color:#fff !important;}

/* Lists
--------------------------- */

ul.widget, ul.blogroll {margin:10;padding:0;}

ul.widget li, ul.blogroll li {list-style-type:none;margin-bottom:10px;padding-bottom:10px;
	border-bottom: 1px dotted #999;}

ul.entrylist {margin:0;padding:0;}

ul.entrylist li {list-style-type:none;margin-bottom:20px;padding-bottom:20px;
	width: 100%; overflow: hidden;
	border-bottom: 1px dotted #999;}

ul.entrylist li img {float:left;}
ul.entrylist li h3, ul.entrylist li p, ul.entrylist li ul {margin-left: 150px;}
ul.entrylist li p {margin-bottom:0;}

ul.entrylist ul {padding:0 20px;}
ul.entrylist ul li {list-style-type:disc;margin:0 0 5px 0;padding:0;
	width:auto;overflow:visible;
	border-bottom:none;}

ul.intro {padding:10px 20px;font-size:15px;}
ul.intro li {list-style-type:disc;margin:0 0 5px 0;padding:0;
	width:auto;overflow:visible;
	border-bottom:none;}

ul.bullet-list {padding:0 0 0 20px;}
ul.bullet-list li {list-style-type:disc !important;margin-bottom:4px;}

/* Misc
--------------------------- */

.desc-text {position:absolute;left:40px;top:40px;color:#fff;width:290px;height:240px;overflow:hidden;}
.desc-text h2 {margin-top:0;}
.desc-text ul {margin:0;padding: 0 0 0 20px;}

.issue_cover {float:left;width:200px;border:1px solid #ccc;padding:1px;background:#fff;}
.issue_cover div {padding:10px;}

a.button {position:absolute;z-index:99;display:block;padding: 10px;cursor:pointer;
	background:#7cad37 url("images/gradient.png") center top repeat-x;color:#fff;font-weight:bold;text-decoration:none;
	border:1px solid #4c7629;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
a.button:hover {background:#4c7629 url("images/gradient.png") center center repeat-x;text-decoration:none;}
a.button.btn-left {right:70px;bottom:30px;}
a.button.btn-right {right:30px;bottom:30px;}

.button.order {left:40px;bottom:30px;}

/* Begin Images */
p img {padding: 0;max-width: 100%;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;margin: 0 7px 2px 0;
	display: inline;
}

.alignright {float: right;}

.alignleft {float: left;}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Forms
--------------------------- */

input[type=text], input[type=submit], select {border:1px solid #999;padding:3px;font-size:14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}

input[type=text] {width:300px;}
select {width:200px;}

input[type=submit] {padding:6px 10px;cursor:pointer;border-color:#4c7629;
	background:#7cad37 url("images/gradient.png") center top repeat-x;color:#fff;font-weight:bold;text-decoration:none;}

input[type=submit]:hover {background:#4c7629 url("images/gradient.png") center center repeat-x;text-decoration:none;}

label {display:block;}