/*
THEME NAME: JAMK Blogi - Classic II
THEME URI: http://blogit.jamk.fi/
DESCRIPTION: JAMK asiantuntijablogi
VERSION: 1.0
AUTHOR: Sami Voutilainen, Jussi Sivonen - Jyväskylän ammattikorkeakoulu
AUTHOR URI: http://www.jamk.fi
TAGS: jamk, sandbox


---------------------------------------------------
CSS - GRID SYSTEM & JAMK WP MU design 

version:	1.0
author:		Sami Voutilainen
email:		sami.voutilainen at jamk.fi
website:	www.samivoutilainen.net
---------------------------------------------------

ELEMENTS: 

Reset default browser styles
Grid system
	Padding
	Bugfixes
Typography
Layout

*/


/* ----- RESET DEFAULT BROWSER STYLES ----- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}

p {text-indent:0;}

i {font-style: italic;}

/* ----- LAYOUT (GRID SYSTEM) ----- */

body {
	margin:0;padding:0;	
	font-size: 75%;
	}

#wrapper {	
	margin: 0px auto 0px auto;
	text-align:left;
	width:960px; 	
}


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

.Container,.Container12,.Container16 {margin:20px 0 0 0;overflow:hidden;width:100%;font-size:1em;line-height:1.5em;display:block;}

.Container12.First,.Container16.First,.Container.First {margin-top:0;}
.Container12:after,.Container16:after,.Container:after {content: ".";display:block;height:0;clear:both;visibility:hidden;} 

.Col1,.Col2,.Col3,.Col4,.Col5,.Col6,.Col7,.Col8,.Col9,.Col10,.Col11,.Col12,.Col13,.Col14,.Col15,.Col16 {float:left;overflow:hidden;display:inline;}

.Container12 .Col1 {width:80px}
.Container12 .Col2 {width:160px}
.Container12 .Col3 {width:240px}
.Container12 .Col4 {width:320px}
.Container12 .Col5 {width:300px}
.Container12 .Col6 {width:480px}
.Container12 .Col7 {width:560px}
.Container12 .Col8 {width:640px}
.Container12 .Col9 {width:720px}
.Container12 .Col10 {width:800px}
.Container12 .Col11 {width:880px}
.Container12 .Col12 {width:960px}

.Container16 .Col1 {width:60px}
.Container16 .Col2 {width:120px}
.Container16 .Col3 {width:180px}
.Container16 .Col4 {width:240px}
.Container16 .Col5 {width:300px}
.Container16 .Col6 {width:360px}
.Container16 .Col7 {width:420px}
.Container16 .Col8 {width:480px}
.Container16 .Col9 {width:540px}
.Container16 .Col10 {width:600px}
.Container16 .Col11 {width:660px}
.Container16 .Col12 {width:720px}
.Container16 .Col13 {width:780px}
.Container16 .Col14 {width:840px}
.Container16 .Col15 {width:900px}
.Container16 .Col16 {width:960px}

.Inside .First {margin-top:0em;}

/* ----- PADDING ----- */

.Padding {margin-left:10px;margin-right:10px;}
.Padding2x {margin-left:20px;margin-right:20px;}
.Padding2xRight {margin-left:10px;margin-right:20px;margin-top:27px;}
.Padding3x {margin-left:30px;margin-right:30px;}
.Padding4x {margin-left:40px;margin-right:40px;}
.Padding2x1 {margin-left:20px;margin-right:10px;} 
.Padding3x1 {margin-left:30px;margin-right:10px;}

.PaddingLeft {margin-left:10px;} 
.PaddingDouble {margin-left:20px;margin-right:20px;} 
.PaddingTriple {margin-left:30px;margin-right:30px;}

/* ----- BUGFIXES ----- */

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline;width: 100%;}
* html .clearfix {height: 1%;}


/* ----- TYPOGRAPHY ----- */

/*
10 px = font-size:0.8333em;line-height:1.8em;margin:2.7em 0 0.9em 0;
11 px = font-size:0.9166em;line-height:1.6363em;margin:2.454em 0 0.8177em; 
12 px = font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;
13 px = font-size:1.0833em;line-height:1.3846em;margin:2.0769em 0 0.6923em;
14 px = font-size:1.1666em;line-height:1.2857em;margin:1.9286em 0 0.6429em 0;
16 px = font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;
18 px = font-size:1.5em;line-height:1em;margin:1.5em 0 .5em 0;
20 px = font-size:1.6667em;line-height:0.9em;margin:1.35em 0 0.45em 0;
22 px = font-size:1.8333em;line-height:0.8182em;margin:1.2273em 0 0.4091em 0;
24 px = font-size:2em;line-height:0.75em;margin:1.125em 0 0.375em 0;
26 px = font-size:2.1667em;line-height:0.6923em;margin:1.0385em 0 0.3462em 0;
28 px = font-size:2.3333em;line-height:0.6429em;margin:0.9643em 0 0.3214em 0;
30 px = font-size:2.5em;line-height:0.6em;margin:0.9em 0 0.3em 0;
32 px = font-size:2.6667em;line-height:0.5625em;margin:0.8438em 0 0.2813em 0;
34 px = font-size:2.8333em;line-height:0.5294em;margin:0.7941em 0 0.2647em 0;
36 px = font-size:3em;line-height:0.5em;margin:0.75em 0 0.25em 0;
42 px = font-size:3.5em;line-height:0.4286em;margin:0.6429em 0 0.2143em 0;
48 px = font-size:4em;line-height:0.375em;margin:0.5625em 0 0.1875em 0;
54 px = font-size:4.5em;line-height:0.333em;}
*/

body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif; 
	font-style:normal;
	font-weight:normal;
	color:#333;
}



p {margin:0 0 1.5em 0;display:block;}


.small {font-size:0.8333em;line-height:1.8em;}
p.small  {margin:0 0 1.8em 0;}
strong {font-weight:bold;}
em {font-style:italic;}
acronym, abr {cursor:help;border-bottom:1px dotted #888;}

blockquote {margin-left:20px;}

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

h1,h2,h3,h4,h5,h6 {color:#333;}

h1 {font-size:1.5em;line-height:1em;margin:1.5em 0 .5em 0;font-weight:bold;} 
h3 {font-size:1.1666em;line-height:1.2857em;margin:1.9285em 0 0.6428em 0;font-weight:bold;} 
h2 {font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;font-weight:bold;}
h4,h5,h6 {font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;font-weight:bold;}

.NoMargin {margin:0;}
h1.First {padding:0 0 0.75em 0;}
h2.First {margin:0 0 1.125em 0;}
h3.First {margin:0 0 1.2857em 0;}
h4.First {margin:0 0 1.5em 0;}

p.Ingress {font-size:1.1666em;line-height:1.2857em;margin:1.9286em 0 0.6429em 0;}

ul {list-style-type:disc;margin:1.5em 0 1.5em 1.5em;}
ul li,ol li {margin-bottom:.5em;}
ul ul {list-style-type:circle;}
ol {list-style-type:decimal;margin:1.5em 0 1.5em 0;padding-left:3em;}

hr {display:none}
.hr-line{height:1px;background:#e3e3e3;width:575px;margin-left:20px;margin-right:0px;}
.HR {margin-left:20px;padding:5px 0;background:#fff;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;height:1px;}

.Caps {text-transform: uppercase;}
.SmallCaps {font-variant: small-caps;}


/* ----- LAYOUT ----- */
#Accessibility, .screen-reader-text {display:none;}

body {background:#f9f9f9 url("images/body_bg.png") repeat-x;color:#333;}

#header {background:transparent url("images/header_bg.jpg") no-repeat;height:115px;}
#header #rounded {background:transparent url("images/header.png") no-repeat;height:115px;}

#Title {margin-left:20px;background:#fff url("images/title_bg.png") top left no-repeat;height:70px;padding:0;}
#Title h1 {font-size:28px;margin:0;padding:0px 20px 0px 20px;font-weight:bold;color:#09adca;line-height:18px;}

#blog-title a {text-decoration:none;margin:0;padding:0;}
#blog-description {font-size:14px;font-weight:normal;margin:0;padding:0px 20px 10px 60px;color:#2e2e2e;line-height:14px;}

.Date {background:transparent url("images/date_bg.png") no-repeat;height:60px;position:relative;}
.Post {margin-top:0px;margin-bottom:0px;margin-left:20px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:0 19px 20px 19px;background:#fff;}

.archive-meta{margin-top:0px;margin-bottom:0px;margin-left:20px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:0 19px 20px 19px;background:#fff;}

.Date .post_meta {float:left;height:32px;margin:23px 10px 0 25px;width:40px;display:block;color:#fff;text-align:right;*line-height:10px;/*IE7 fix*/}

.meta_date {font-size:0.8333em;padding:4px 0 0 0;line-height:10px;color:#f9f9f9;}

.post_date {font-size:1.3333em;margin:0;padding:0;color:#cd9542;}
.post_date span {color:#f9f9f9;}

.entry-meta {text-align:left;/*margin-top:40px;*/position:absolute;right:0;bottom:2px;vertical-align:bottom;display:block;float:right;width:560px;}

.entry-meta2 {color:#888;clear:both;}

.entry-title {font-size:1.5em;line-height:1.2em;padding:1.5em 0 .5em 0;font-weight:normal;margin:0}
.entry-title a {text-decoration:none;color:#333;line-height:1.2em;}

body.single h2.entry-title {float:left;margin-left:10px;width:520px;}

body.single .entry-content {clear:both;padding-top:20px;display:block;}

.navigation {margin-top:0px;margin-bottom:0px;}
#nav-above {padding-top:10px;}
#nav-below {padding-bottom:30px;}
.nav-previous {float:left;}
.nav-next {float:right}

#contentfooter {height:10px;background:transparent url("images/contentfooter.png") no-repeat;}

#footer {margin:5px 0 0 40px;color:#aaa;}

div.comments {float:left;background:url("images/comment.png") 0 0 no-repeat;padding-left:25px;}
div.addthis_container {float:right;/*padding-right:400px;*/}

/* ----- IMAGES ----- */

.alignright {float:right;margin-left:20px;margin-bottom:20px;}

/* ----- COMMENTS ----- */

#comments-list {margin-bottom:20px;}

#respond {border-top:3px double #e3e3e3;padding-top:10px;}
#comments-list h3 {margin-top:0;}

#comments-list .comment-info {float:left;overflow:hidden;display:inline;border-top:1px solid #3b3b3b;padding-top:1.5em;width:180px}
#comments-list .comment-text {float:left;overflow:hidden;display:inline;border-top:1px solid #e3e3e3;padding-top:1.5em;padding-left:20px;width:380px}

#comments-list .unapproved {background:#f0f0f0;padding:10px;border:1px solid #ccc;display:block;margin-top:10px;}

.comment-meta {color:#888;}
.meta-sep {color:#e3e3e3}

/* ----- SIDEBAR ----- */ 

#primary  {margin:0 10px 0 15px;background:#fff;}
.sidebar .xoxo {margin:0;padding:0;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.sidebar .xoxo .xoxo {border:0;}

.sidebar .xoxo li {list-style-type:none;padding:0;margin:0;}
.sidebar .xoxo li.widget {background:url("images/sidebar_header_bg.png") repeat-x;padding:0px 20px 20px 20px;}
.sidebar .xoxo h3 {margin:0;padding:2px 0 18px 0;color:#3b3b3b}

.sidebar .xoxo ul {margin:0;padding:0;}

.sidebar .xoxo ul li {margin:0;padding:0 0 0 12px;background:url("images/icon_arrow.png") 0px 5px no-repeat}

#secondary {margin:15px 10px 0px 15px;background:#fff url("images/sidebar_secondry_header_bg.png") 0 0 no-repeat;padding:10px 0 0 0}

.sidebar-footer {background:#fff url("images/sidebar_footer_bg.png") left bottom no-repeat;height:10px;}

/* ----- TAGCLOUD ----- */

.widget_tag_cloud a {line-height:14px;}

/* ----- CALENDAR ----- */

.widget_calendar th {padding:0 5px;text-align:right;font-weight:bold;}
.widget_calendar td {padding:0 5px;text-align:right;}
.widget_calendar caption {text-transform: capitalize;}

/* ----- FORMS ----- */

.widget input {border:1px solid #808080;font-family:Arial, Helvetica, sans-serif;}
.formcontainer input {border:1px solid #808080;font-family:Arial, Helvetica, sans-serif;}
.formcontainer textarea {border:1px solid #808080;margin-top:2px;margin-bottom:5px;}
.formcontainer .form-label {font-family:Arial, Helvetica, sans-serif;margin-top:10px;}

/* from sandbox */
div.skip-link, hr {display: none;}