/* 
Theme Name: A Human Scale
Theme URL: http://emilolsson.com/
Description: A custom made theme for Human Scales www.humanscales.se, built by Emil Olsson.
Author: Emil Olsson
Author URI: http://emilolsson.com
Version: 1.0

*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

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


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

html {
background: transparent;
font-size: 12px;
line-height: 16px;
overflow-x: hidden;
}

body {
background: transparent;
/*background: #0a141d url('images/grid.png') no-repeat top center;*/
font-size: 12px;
line-height: 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
overflow-x: hidden;
overflow-y: scroll;
}

#container {
width:975px; 
margin:0 auto;
position: relative;
z-index: 1;
}

#container_inner {
margin-left: 15px;
margin-right: 15px;
}

#content {

}

#header {
margin-top: 36px; /* adjusted from 32px */
height: 100px;
float: left;
width: 100%;
}

#menu {
float: left;
}

.menu {
float: left;
margin-bottom: 8px;
padding-bottom: 8px;
}

.submenu {
position: absolute;
visibility: hidden;
margin-left: -8px;
padding-top: 9px;
z-index: 99;
background: transparent url(images/empty.gif) repeat;
}

#logo {
text-align: right;
}

#content {
background: transparent;
}

#footer {
margin-top: 64px;
padding-bottom: 140px;
float: left;
width: 100%;
background: transparent;
}

h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
}

h1 {

}

h2 {
font-size: 22px;
line-height: 32px;
text-decoration: underline;
margin-bottom: 16px;
}

h2.bigh2 {
font-size: 30px;
line-height: 32px;
text-decoration: underline;
}

h3 {
font-size: 16px;
line-height: 16px;
}

h4 {

}

a {
text-decoration: none;
outline: none;
color: #ffffcc;
}

a:hover {
color: #ffff99;
}

a:active {
outline: none;
}

ul, li {
margin: 0px;
padding: 0px;
list-style: none;
}

p {
margin: 0px;
padding: 0px;
margin-bottom: 16px;
}


/*** Universals ***/

.bbottom {
border-bottom: 1px solid #fff;
width: 100%;
float: left;
}

.bold {
font-weight: bold;
}

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

.cursor {
cursor: pointer;
}

.left {
float: left;
}

.right {
float: right;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.preholder {
width: 100%;
float: left;
height: 15px;
border-bottom: 1px solid #fff;
padding-bottom: 4px;
margin-bottom: 44px;
}

.preholder2 {
width: 100%;
float: left;
height: 15px;
border-bottom: 1px solid #fff;
padding-bottom: 4px;
margin-bottom: 22px;
}

.holder {
width: 100%;
margin-bottom: 64px;
float: left;
}

.button {
color: #0a141d;
background: #fff;
padding: 1px;
padding-left: 8px;
padding-right: 8px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
margin-top: -2px;
}

.submenu .cat-item {
background: #ffffcc;
padding: 1px;
padding-left: 8px;
padding-right: 8px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
margin-top: -2px;
margin-bottom: 8px;
display: table;
}

.button a {
color: #0a141d;
}


.button_alt {
color: #0e2743;
background: #fff;
padding: 1px;
padding-left: 8px;
padding-right: 8px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
margin-top: -2px;
display: inline;
}

.button_alt a {
color: #111;
}

.button_alt:hover {
color: #0e2743;
background: #ffffcc;
}

.minimize {

}


/*** Columns ***/

.one_col {
width: 225px;
margin-right: 15px;
}

.two_col {
width: 465px;
margin-right: 15px;
}

.three_col {
width: 705px;
margin-right: 15px;
}

.col_last {
margin-right: 0px;
}

/*** Margins and paddings ***/

.m0 {
margin: 0px;
}

.mr15 {
margin-right: 15px;
}

/*** Text sizes etc.. ***/

#twitter_update_list {
font-size: 22px;
line-height: 32px;
padding-right: 30px;
}

.bigtext p {
font-size: 22px;
line-height: 32px;
padding-right: 30px;
}

/*** Slide Holder ***/

#slide_holder {
	height: 600px;
	width: 100%;
	overflow: hidden;
}

#slide_holder_inner {
	height: 500px;
	width: 20000px;
}

.imgr img {
margin-right: 20px;
margin-bottom: 16px;
}

.slide_text {
height: 100px;
}

#nav_left {
position: absolute;
margin-left: -55px;
margin-top: 280px;
z-index: 9999;
}

#nav_right {
position: absolute;
margin-left: 967px;
margin-top: 280px;
z-index: 9999;
}




/*** Slide Holder End ***/


/*** Grid Holder ***/

#grid-content {
	overflow: hidden;
	height: 0;
/*border: 1px solid red;*/
}
#grid-content div {
	width: 225px;
}
#grid-content div.wn {
	width: 150px;
}
#grid-content div.wl {
	width: 316px;
}
#grid-content div.hn {
	height: 60px;
}
#grid-content div.hl {
	height: 136px;
}
#grid-content div h3 {
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
#grid-content div p {
	margin: 0;
	padding: 0;
}

#grid-content2 {
	overflow: hidden;
	height: 0;
/*border: 1px solid red;*/
}
#grid-content2 div {
	width: 225px;
}
#grid-content2 div.wn {
	width: 150px;
}
#grid-content2 div.wl {
	width: 316px;
}
#grid-content2 div.hn {
	height: 60px;
}
#grid-content2 div.hl {
	height: 136px;
}
#grid-content2 div h3 {
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
#grid-content2 div p {
	margin: 0;
	padding: 0;
}

/*** Grid Holder End ***/



#flash_bg {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index: 0;
overflow: hidden;
}


/* Image */
div#Image { 
position: fixed; 
display: block;
z-index: 1;
left: 0px;
top: 0px;
}



div#Image img { 
overflow:hidden; 
position:absolute;
z-index: 1;
left: 0px;
top: 0px;
}


.pageish img {
width: 100%;
height: auto;
}

small {
font-size: 12px;
line-height: 16px;
}

.listafix li {
float: left;
}

.fixmeheight {
border-bottom: 1px dotted #ccc;
height: 150px;
margin-bottom: 16px;
}


/** Forms **/

#newsletter_confirm {
position: fixed;
z-index: 99;
left: 50%;
top: 50%;
width: 210px;
height: 140;
margin-left: -105px;
margin-top: -70px;
padding: 10px;
background: #fff;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
color: #111;
text-align: center;
visibility: hidden;
cursor: pointer;
}

input {
background: #fff;
border: 0px;
margin: 0px;
padding: 3px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
height: 14px;
display: block;
width: 100px;
margin-bottom: 9px;
}

input.btn {
background: #fff;
font-size: 10px;
border: 0px;
margin: 0px;
padding: 3px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
height: 20px;
display: block;
width: 30px;
}

strong {
font-weight: bold;
}




#follow {
position: relative;
border: 0;
}

#follow li {
color: #ffffcc;
cursor: pointer;
}

#follow li:hover {
color: #ffff99;
}

.back-to-top {
color: #ffffcc;
cursor: pointer;
}

.back-to-top:hover {
color: #ffff99;
cursor: pointer;
}

.fixmesize {
margin-right: 15px;
}