/*
Theme Name: Äpy.fi
Theme URI: http://www.apy.fi
Description: Custom theme for Äpy.fi
Version: 1.0
Author: Laulikki Äpy
Author URI: http://www.apy.fi
Tags: 

*/

* {
	margin: 0;
	padding: 0; }

body {
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/main_bg.gif);
	background-color: #eee;
	text-align: left;}

h1 {
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 0.5em;
	color: #333;}

h2 {
	clear: both;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 0.5em;
	color: #333;}

h3 {
	clear: both;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 0.5em;
	color: #333;}
	
p {
	margin: 0 0 1em 0;
	font-size: 14px;
	line-height: 1.5em;}
	
a {
	color:#c00;
	font-weight: bold;
	text-decoration: none;}
	
a:hover {
	text-decoration: underline;}
	
img {
	border: 0;}


.floatleft {
	float: left;}
	
.floatright {
	float: right;}

.hover {
	cursor: pointer;}


input[type="text"], input[type="password"] {
	padding: 2px;
	border: solid 1px #ccc;}
	
input.medium {
	width: 180px;}
	
textarea {
	border: solid 1px #ccc;}

	
.wp-caption-text {
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;}

.alignright {
	float: right;
	margin: 0 0 10px 10px;}
	
.aligncenter {
	display: block;
	margin: 0 auto ;}
	
img.size-small {
	margin: 1px;
	padding: 3px;
	border: solid 1px #ccc;}
img.size-medium {
	padding: 4px;
	border: solid 1px #ccc;}
img.size-large {
	padding: 4px;
	border: solid 1px #ccc;}
img.size-full {
	padding: 4px;
	border: solid 1px #ccc;}
img.partnerlogo {
	max-width: 120px;}
	


#page {
	margin: 0 auto;
	width: 1022px;}

#template {
	float: left;
	padding: 5px;
	width: 1010px;
	background-image: url(images/bgnoise.gif);
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;}

#header {
	float: left;
	width: 990px;
	margin: 10px 10px 20px 10px;}

#content {
	float: left;
	width: 490px;
	margin: 10px;}

#sidebar {
	float: left;
	width: 330px;
	margin: 10px;}
	
#adbar {
	float: left;
	width: 130px;
	margin: 10px;}

#footer {
	float: left;
	width: 990px;
	margin: 10px;
	padding: 10px 0;
	border-top: dashed 1px #ccc;
	color: #666;
	font-size: 11px;}

#footer a {
	color: #666;}
	
#disclaimer {
	float: left;
	margin-right: 10px;}
	
#footermenu {
	list-style: none;
	float: right;}
#footermenu li {
	float: left;
	margin-left: 10px;}
	
	
#globalnavigation {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;
	border-bottom: dashed 1px #ccc;
	width: 100%;
	list-style: none;}
#globalnavigation li {
	float: right;}
#globalnavigation li a {
	display: block;
	margin: 0 0 0 10px;
	padding: 2px;
	color: #333;
	font-size: 11px;
	font-weight: bold;}
#globalnavigation .current_page_item a {
	text-decoration: underline;}


#logo {
	clear: left;
	float: left;
	margin: 10px 10px 10px 20px;
	width: 240px;
	height: 35px;}
	
#headerbanner {
	clear: right;
	float: right;
	margin: 10px 60px 10px 10px;
	width: 480px;
	height: 35px;}

#countdown {

}
	
#randomquote {
	float: left;
	padding: 20px 10px 20px 10px;
	color: #999;
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 16px;
	max-width: 700px;}


#localnavigation {
	clear: both;
	float: left;
	margin: 25px 0 0 0;
	width: 100%;
	height: 30px;
	background-image: url(images/sitenavigation_bg.gif);
	background-repeat: repeat-x;}
#localnavigation ul {
	list-style: none;}	
#localnavigation ul li {	
	float: left;
	height: 30px;}
#localnavigation ul li a {
	float: left;
	padding: 5px;
	height: 20px;
	color: #333;
	font-size: 12px;
	line-height: 20px;}
#localnavigation ul li.current-cat a,
#localnavigation ul li.current_page_item a,
#localnavigation ul li:hover a {
	color: #c00;
	text-decoration: none;
	background-image: url(images/sitenavigation_current.gif);
	background-repeat:no-repeat;
	background-position: 50% 0;}

#quicksearch {
	clear: none;
	float: right;}
#quicksearch #s {
	float: left;
	width: 240px;
	margin: 5px 0;}
#quicksearch #go {}
	
	
	
	
#extendedsearch {
	clear: none;
	float: left;
	margin: 0 0 30px 0;}
#extendedsearch #s {
	width: 300px;}

	
#comment {
	width: 488px;
	height: 60px;
	border: solid 1px #ccc;}
	
#documenttitle {
	float: left;
	clear: both;
	background-image: url(images/sectionheader_bg.gif);
	background-repeat:repeat-x;
	width: 100%;}
	
.contentblock {
	float: left;
	clear: both;
	background-image: url(images/sectionheader_bg.gif);
	background-repeat:repeat-x;
	width: 100%;
	margin-bottom: 10px;}
	
.blocktitle {
	float: left;
	padding: 10px 0;
	color: #c00;
	font-size: 1em;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	text-transform: uppercase;}

.pagebar {
	float: right;}
.pagebar a {
	display: inline-block;
	padding: 10px 0;
	width: 16px;
	color: #333;
	font-family: Times New Roman, Times, serif;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;}
.pagebar a:hover,
.pagebar .this-page {
	display: inline-block;
	padding: 10px 0;
	width: 16px;
	color: #c00;
	font-family: Times New Roman, Times, serif;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(images/sectionheader_current.gif);
	background-position: 50% 0;
	background-repeat:no-repeat;}
.pagebar .inactive,
.pagebar .break {
	display: inline-block;
	padding: 10px 0;
	width: 16px;
	color: #ccc;
	font-size: 1em;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;}
	
	

.post-preview {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 20px 0 10px 0;
	border-top: dashed 1px #ccc;}
.post-preview .postmeta {
	float: left;
	padding-bottom: 5px;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 0.1em;}
.post-preview .posttitle {
	clear: both;
	display: block;
	float: left;
	padding-bottom: 10px;
	width: 100%;
	color: #333;
	font-family: Times New Roman, Times, serif;
	font-size: 32px;
	line-height: 36px;}
.post-preview .posttitle a {
	color: #333;
	font-weight: normal;}
.post-preview .postexcerpt {
	clear: both;
	color: #666;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-weight: normal;}
.post-preview .postexcerpt a {
	color: #666;
	font-weight: normal;
	text-decoration: none;}
.post-preview .postexcerpt a:hover {
	color: #999;}
.post-preview .postexcerpt img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	border: solid 1px #ccc;}
	
.sticky .postmeta {
	color: #fff;
	background: #c00;
	padding: 0 5px;
	margin-bottom: 10px;}

	
	
.post-full {
	float: left;
	width: 100%;}
	

	
.post-full .postmeta {
	float: left;
	clear: both;
	background-image: url(images/sectionheader_bg.gif);
	background-repeat:repeat-x;
	width: 100%;
	padding: 10px 0 20px 0;
	color: #c00;
	font-size: 1em;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	text-transform: uppercase;}
.post-full .posttitle {
	display: block;
	float: left;
	padding-bottom: 20px;
	width: 100%;
	font-family: Times New Roman, Times, serif;
	font-size: 32px;
	line-height: 36px;}
.post-full .entry {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	color: #333;
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: normal;}
	
.post-full .entry ul {
	list-style-position: inside;
	margin: 0 0 1em 1em;}
	

ul.postlisting {
	list-style-type: none;
	list-style-position:outside;
	margin: 0 0 20px 10px;}


ol.postlisting {
	list-style-type:decimal;
	list-style-position:outside;
	margin: 0 0 20px 25px;}

.postlisting li {
	clear: both;
	margin: 0 0 10px 0;}
.postlisting .posttitle a {
	color: #333;
	font-weight: bold;}
.postlisting .postmeta {
	display: inline-block;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: 0.1em;}
	

#respond {
	float: left;
	clear: both;
	background-image: url(images/sectionheader_bg.gif);
	background-repeat:repeat-x;
	width: 100%;
	margin-bottom: 10px;}
	
#comments {
	float: left;
	clear: both;
	background-image: url(images/sectionheader_bg.gif);
	background-repeat:repeat-x;
	width: 100%;
	margin-bottom: 10px;}
	
#replyform {
	clear: both;
	float: left;
	width: 100%;}

.post-comment {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	border-top: dashed 1px #ccc;}
.post-comment .postmeta {
	display: inline-block;
	color: #900;
	font-weight: bold;
	padding-bottom: 5px;}
.post-comment .postquote {
	clear: both;}
.post-comment .postquote p{
	font-family: Times New Roman, Times, serif;
	font-size: 12px;}



.tagcloud {
	clear: both;
	text-align: left;
	line-height: 20px;}
.tagcloud a {
	color: #666;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;}
.tagcloud a.current-tag {
	text-decoration: underline;}


ul.wp-yearly-archive {
	list-style: none;
	margin: 5px 5px 20px 5px;
	clear: both;
	float: left;}
ul.wp-yearly-archive > li {
	float: left;
	width: 80px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.05em;}
ul.wp-yearly-archive > li a {
	color: #333;}


ul.premiumads {
	margin: 5px 0;
	list-style: none;}
ul.premiumads > li {
	display: inline-block;
	margin-bottom: 10px;}


ul.partnerads {
	float: left;
	list-style: none;}
ul.partnerads > li {
	float: left;}
	
	
div.productpreview {
	display: inline-block;
	width: 100%;}
	
#fb-like {
	float: left;
	display: block;
	margin-bottom: 20px;}


#fb-fans {
	float: left;
	margin: 0 0 0px 0;
	padding: 5px 0 0 0;
	border-top: solid 1px #ccc;}
	
#fb-activity {
	float: left;
	margin: 0 0 30px 0;}

#adsense1 {
	float: left;
	width: 120px;
	margin: 0 0 10px 0;
	padding: 10px 5px 0 5px;
	border-top: solid 1px #ccc;}