/*-----------------------------------------------
# [Master Stylesheet] 
#  
# Project:				Opistosta käsin
# Version:				0.5
# Last change:			20.12.2009 
# Last assigned to:		Joni 
-----------------------------------------------*/


/*-----------------------------------------------
Colors
-----------------------------------------------*/
/*	
#	background:			#000;
#	paragraph:			#fff;
*/


/*-----------------------------------------------
General
-----------------------------------------------*/

body
{
background: #fff url(../i/bg-body.jpg) 0 0 repeat-x;
color: #333; 
font: 75% "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; 
line-height: 1.29em;
}

html>body {
font-size: 12px;
}

div.hr {
clear: both;
background: transparent url(../i/hr.gif) 0 0 repeat-x;
height: 1px;
}

div.hr-dotted {
clear: both;
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
height: 1px;
margin: 1.5em 0 3em;
}

div.hr hr, 
div.hr-dotted hr {
display: none;
}

div.clear {
clear: both;
}

div.header {
margin-bottom: 0.5em;
}




/*-----------------------------------------------
Typography - General
-----------------------------------------------*/

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a 
{
color: #d54b1a;
font-family: 'Skolar-1', 'Clarendon LT Std', Clarendon, Georgia, serif;
/*font-weight: 600;*/
}

/* Heading sizes in typographic scale */

h1 {
font-size: 2.33em; /* 28px */
line-height: 1em;
margin: 1em 0 0.2em; /* margin-top + margin-bottom = line-height x 2 */
}

h2 {
font-size: 1.67em; /* 20px */
line-height: 1em;
margin: 1.1em 0 0.4em;
}

h3 {
font-size: 1.5em; /* 18px */
line-height: 1em;
margin: 1.6em 0 0.4em;
}

.small h3 {
font-size: 1.17em; /* 14px */
line-height: 1.2em;
margin-top: 0;
}

.column h3 {
margin-bottom: 3px;
}

h4 {
font-size:1.333em; /* 16px */
line-height: 1.125em;
margin: 1.825em 0 0.4em;
}

.tag-cloud h4 {
color: #503D2E;
margin-top: 1.5em;
}

#tag h3 {
margin-top: 0.5em;
}

#tag h1 span {
color: #333;
display: block;
font-size: 0.57em;
}

h5 {
font-size:1.167em; /* 14px */
line-height: 1.286em;
margin: 2.172em 0 0.4em;
}

p {
font-size: 1.17em; /* 14px */
margin:0 0 1.5em 0;
}

.column dt,
.column dd {
line-height: 18px;
}

.column dt {
font-family: 'Skolar-1', 'Clarendon LT Std', Clarendon, Georgia, serif;
font-size: 12px;
font-weight: 600;
}

.column dd {
font-size: 1.17em;
}

blockquote p {
font: 1.167em Times, serif;
font-style: italic;
line-height: 1.286em;
}

address {
font-style: normal;
line-height: 2.1em;
}

strong {
font-weight: bold;
}

span.bullet {
color: #ccc;
padding: 0 5px;
}

p.ingress {
color: #333;
font: 1.167em Georgia,Times, serif;
font-style: italic;
}

ul, ol {
margin: 0 0 1.5em 30px;
line-height: 1.5em;
}

.gallery {
float: left;
}

.gallery .gallery-item {
width: auto !important;
}

div#article img {
margin-top: 11px;
}

div#text-body img {
margin-top: 0;
}


/*-----------------------------------------------
Links - General
-----------------------------------------------*/

a {
color: #D54B1A; 
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
text-decoration: none;
}




/*-----------------------------------------------
Dynamic form
-----------------------------------------------*/

input, textarea, select {
font: 1.1em "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;  
color: #333;
}

input.text_field {
background: #fff;
border: 1px solid #888;
padding: 3px;
}

input.button,
a.button {
position: relative;
background: #1495E5;
border: 0;
color: #fff;
cursor: pointer;
font-size: 1.17em;
padding: 5px 3px;
vertical-align: top;
}

fieldset {
background:transparent url(../i/hr_dotted.gif) repeat-x scroll 0 bottom;
margin-top: 3em;
padding-bottom: 1.5em;
}

fieldset.no_border {
background: none;
}

legend {
color: #1495E5;
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.67em;
margin: 0;
padding: 0;
}



/*-- Dynamic form start --*/

.dynamic_form {
overflow: auto;
padding-bottom: 3em;
width: 440px;
}

.dynamic_form label {
float: left;
clear: both;
display: block;
margin: 1.5em 0 3px;
}

.dynamic_form input.checkbox,
.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.5em 5px 0 0;
}

.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.7em 5px 0 0;
}

.dynamic_form label.checkbox {
float: left;
clear: none;
margin-top: 1.5em;
width: 370px;
}

* html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

* + html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

.dynamic_form .text_field,
.dynamic_form textarea,
.dynamic_form .browser,
.dynamic_form select {
float: left;
clear: both;
display: block;
width: 370px;
}

.dynamic_form textarea {
float: left;
padding: 3px;
width: 370px;
}

.dynamic_form input#laheta-kommenttisi {
float: left;
clear: both;
margin-top: 1.5em;
background:transparent url(../i/btn-laheta.png) no-repeat scroll 0 0;
border:0 none;
cursor: pointer;
display:block;
height: 30px;
text-indent:-9999px;
width: 160px;
}

* html .dynamic_form input#laheta-kommenttisi {
width: 280px;
}

* + html .dynamic_form input#laheta-kommenttisi {
width: 280px;
}




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

div.container {
position: relative;
background: #fff /*url(../i/bg-grid-18px.gif) repeat*/;
margin: 0 auto;
overflow: auto;
padding: 0 40px;
width: 900px;
}

div#header {
background: transparent url(../i/bg-header-02.jpg) center 0 no-repeat;
height: 360px;
overflow: hidden;
}

div.wrapper {
float: right;
}

.footer {
clear: both;
font-size: 1.17em;
margin: 0 0 0.5em;
width: 100%;
}

.footer li {
display: inline;
margin-right: 10px;
}

#footer-navigation,
#breadcrumb {
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
padding: 3em 0 0.5em;
}

ul#breadcrumb li {
background: transparent url(../i/bg-breadcrumb-separator.png) right 0 no-repeat;
display: inline;
padding-right: 10px;
}

.search-results {
float: left;
margin: 0 0 1.5em 0;
}

.column,
.search-results li,
.small {
float: left;
margin: 0 30px 0 0;
width: 280px;
}

.small {
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
margin-top: 0.5em;
padding-top: 1.5em;
}

.column li {
margin-bottom: 2em;
}

.small li {
float: left;
margin-bottom: 1.5em;
width: 100%;
}

.right {
float: right;
}

#category .category {
display: none;
}
.last {
margin-right: 0 !important;
}

ul.check-these li.last {
margin: 0px !important;
}

.check-these li.first {
clear: left;
}

ul.check-these {
float: left;
clear: both;
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
margin: 3em 0 1.5em;
width: 100%;
}

ul.check-these li {
float: left;
width: 210px;
margin-right: 20px;
padding-top: 3em;
}

ul.check-these li img {
margin-bottom: 4px;
}

#category h1,
#tag h1 {
display: inline;
float: left;
margin: 30px 0 0;
width: 500px;
}




/*-----------------------------------------------
Logo
 -----------------------------------------------*/
 
a#logo-opistosta-kasin {
position: absolute;
display: block;
font-size: 1em;
height: 75px;
margin: 0;
left: 250px;
text-indent: -9999px;
top: 205px;
width: 530px;
}




/*-----------------------------------------------
Columns
 -----------------------------------------------*/

.column h2,
.check-these h3,
.column p {
margin: 0;
}

h2 span,
h3 span {
display: block;
}

.category {
font-family: 'Skolar-1', 'Clarendon LT Std', Georgia, serif;
font-size: 12px;
font-weight: 600;
color: #503d2e;
}

.big .category {
display: block;
margin-bottom: 5px;
}

h3 .category {
margin-bottom: 3px;
}

.column a p,
.search-results a p {
color: #333;
}

.big {
margin-top: 24px;
}

.small img {
float: right;
clear: right;
padding-left: 10px;
}

.big img {
float: none;
margin-bottom: 4px;
padding: 0;
}

li.big {
background: transparent url(../i/hr_dotted.gif) 0 bottom repeat-x;
padding-bottom: 10px;
}

.wide {
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
margin: 1.5em 0;
padding: 3em 0 0;
width: 900px;
}

.wide li {
float: left;
margin-right: 30px;
width: 280px;
}

h5.tag-cloud {
clear: both;
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
margin-top: 1.5em;
padding-top: 1.5em;
color: #503D2E;
}

ul.wp-tag-cloud {
margin-left: 0;
line-height: 1.7em;
}

ul.wp-tag-cloud li {
display: inline;
margin: 0;
width: auto;
}

#about-authors {
float: left;
line-height: 1.7em;
margin-bottom: 1.5em;
width: 900px;
}

#about-authors li {
float: left;
background: transparent url(../i/hr_dotted.gif) 0 0 repeat-x;
margin-bottom: 0;
padding: 3em 40px 0 0;
width: 430px;
}

#about-authors img {
float: left;
padding: 0 10px 20px 0;
}

#about-authors p {
margin-bottom: 1.5em;
}

#about-authors li.left {
clear: left;
}

#about-authors li.right {
padding-right: 0;
}




/*-----------------------------------------------
Search
 -----------------------------------------------*/
 
form#search-form {
background: transparent url(../i/bg-search.jpg) 0 0 no-repeat;
height: 80px;
margin: 10px 0;
width: 280px;
}

#category form#search-form,
#single form#search-form,
#tag form#search-form {
float: right;
}

form#search-form input.text_field {
background: none;
border: 0;
color: #fff;
font-family: 'Skolar-1', "Palatino Linotype", "Book Antiqua", Palatino;
font-size: 15px;
height: 26px;
padding: 28px 0 0 30px;
width: 175px;
}

form#search-form input#etsi {
background: none;
border: 0;
cursor: pointer;
height: 40px;
margin-left: 18px;
padding: 0;
text-indent: -9999px;
width: 43px;
}



/*-----------------------------------------------
Article
 -----------------------------------------------*/

div#article {
float: left;
width: 520px;
margin-right: 100px;
}

#single h1 {
line-height: 1em;
}

#single p.ingress {
font-size: 18px;
}

#single h1 {
/*margin-left: 20px;*/
width: 500px;
}

div#text-body {
line-height: 1.7em;
padding: 0.5em 0 1.5em 20px;
width: 420px;
}

div#text-body p:first-child {
font-family: Georgia;
font-size: 1.33em;
font-style: italic;
margin: 0 0 1em -20px;
line-height: 1.5em;
width: 480px;
}

div#text-body img {
float: left;
border: 0;
padding: 0 10px 10px 0;
}

#single .column {
float: right;
}

div#text-body dt#comments p:first-child {
margin-left: 0;
font-size: 1em;
font-style: normal;
}

p#author {
font-size: 12px;
font-style: italic;
}

p#author em {
font-size: 16px;
}

dl#comments {
width: 440px;
}

dl#comments dt {
color: #333;
font-weight: bold;
padding-top: 30px;
}

dl#comments dd {
background: transparent url(../i/hr_dotted.gif) 0 bottom repeat-x;
padding-bottom: 0.5em;
}


/*-----------------------------------------------
Page pagination
 -----------------------------------------------*/

div#page_pagination {
height: 18px;
margin: 1.5em 0 3em;
width: 600px;
}

div#page_pagination span {
color: #5b5b5b;
margin: 0 5px 0 2px;
}

div#page_pagination a {
background: #eee;
color: #5b5b5b;
margin-right: 5px;
padding: 3px 7px;
}

div#page_pagination a.active,
div#page_pagination a:hover {
background: #1495E5;
color: #fff;
}

div#page_pagination a#back_to_up {
float: left;
background: transparent url(../images/icon_up_arrow.gif) 0 5px no-repeat;
color: #1495E5;
cursor: pointer;
padding: 0 0 0 12px;
width: 113px;
}



/*-----------------------------------------------
Navigation
 -----------------------------------------------*/
 
ul#navigation {
position: absolute;
font-family: 'Skolar-1', 'Clarendon LT Std', Clarendon, Georgia, serif;
font-size: 16px;
left: 32px;
margin: 0;
width: 940px;
top: 303px;
}

ul#navigation li {
position: relative;
float: left;
background: transparent url(../i/bg-navigation-separator.png) right 0 no-repeat;
display: block;
text-align: center;
}

ul#navigation li#home a  {
float: left;
clear: both;
margin-top: 7px;
background:transparent url(../i/btn-home.png) no-repeat scroll 0 0;
border:0 none;
display:block;
height: 17px;
padding: 0 25px 10px 0;
text-indent:-9999px;
width: 15px;
}

ul#navigation li.current-cat a,
ul#navigation li.used-cat a {
background: transparent url(../i/bg-navigation-active.png) center bottom no-repeat;
}

ul#navigation li.cat-item-7 {
background: none;
}

ul#navigation li a {
color: #fff;
display: block;
padding: 4px 20px 22px;
}