/*   
Theme Name: Spesifisk
Theme URI: 
Description: A Thematic Child Theme
Author: Torbjørn mathisen
Author URI: http://spesifisk.com/
Template: thematic
Version: 2.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
/* @import url('../thematic/library/styles/typography.css'); */

@import url('http://fonts.googleapis.com/css?family=Rokkitt&v1');

/* Apply a basic layout */
/* @import url('../thematic/library/layouts/2c-r-fixed.css'); */

/* Apply basic image styles */
/* @import url('../thematic/library/styles/images.css'); */

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/* @import url('../thematic/library/styles/default.css'); */

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.sf-menu {
	float:left;
}
.ie6 .sf-menu {
	margin-bottom: -1px;
}
.sf-menu a {
	padding:9px 20px;
	text-decoration:none;
}
.windows .sf-menu a {
	font-size: 12px;
	padding: 10px 20px 8px;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu .current_page_item {
	background-color:#EDF0F5;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_item a:visited{
	color:#5D6D89;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu a:hover, .sf-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#5D6D89;
	background:		#fff;
}
.sf-menu li {
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #fafafa;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:30px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}


html {
	font-size: 1.25em;
}

body {
	font: 50% Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
    background: url("img/bg.png") repeat scroll 0 0 #C69579;
    color: #313233;
}

a {
	color: #5D6D89;
	text-decoration:none;
}
a:hover,a:active {
	text-decoration:underline;
}

#main h1, h2, h3, #blog-title {
	font-family: 'Rokkitt', arial, serif;
}

#main h1, h2 {
	font-size: 3em;
	margin-bottom: 14px;
	text-shadow: 0 1px 1px #FFFFFF;
}

#main h1.page-title {
	margin-top:40px;
	font-size:1.8em;
}

h3 {
	font-size:1.8em;
	margin-bottom:20px;
}

p {
	margin:0 0 1em 0;
}

.skip-link {
    display:none;
}

#wrapper {
	width:780px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
	margin: 60px auto;
	text-align: left;
	font-size:1.6em;
}

#header {
    width:100%;
    overflow:hidden;
}

#branding {
    background: #bdd5ff;
    border:1px solid #d7e6ff;
    border-width:1px 1px 0;
	width:100%;
	overflow:hidden;
}

#blog-title {
    display: block;
	font-size:6em;
	float:left;
    padding:13px 40px 0;
}

#blog-title a {
	color:#aabfe5;
	text-shadow:0 1px 0 #fff, 0 -1px 0 #5D6D89;
}

#blog-description {
	color: #5D6D89;
	float:right;
    padding:30px;
    font-weight:normal;
}

#access {
    height:30px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    clear:both;
    background:#5D6D89;
    border:1px solid #6d7d99;
    border-width:0 1px 0;
}

#access .menu {
    padding: 0 20px;
}

#main {
}

#container {
    padding: 0 40px 0 40px;
    overflow:hidden;
	background:#edf0f5;
	border:1px solid #fff;
	border-width:0 1px;
}

#content .post,
#content .page {
    padding: 0 0 8px 20px;
    border-left:1px solid #aabfe5;
    margin:40px 0 40px 120px;
    position:relative;
}

.entry-content img {
	background:#fff;
	border:1px solid #AABFE5;
	padding:20px;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
	box-shadow:0 2px 2px rgba(0,0,0,.2);
}

.entry-content img.wp-smiley {
	background:transparent;
	border:none;
	padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

blockquote {
	background:url("img/quote.png") no-repeat scroll 10px 11px #E1E4E9;
	padding:1em 20px 0px;
	overflow:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:1em;
	border-bottom:1px solid #fff;
	-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.07) inset;
	-moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.07) inset;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.07) inset;
}

.entry-meta {
	width:100px;
	position:absolute;
	top:8px;
	left:-120px;
	margin-top: 0.85em;
}

#primary, #secondary {
	padding: 0 20px;
	background: #5D6D89;
	border: 1px solid #6D7D99;
	border-width: 0 1px;
	color:#fff;
	padding-top:40px;
}

#primary ul, #secondary ul {
	width:100%;
	overflow:hidden;
}

#primary ul ul, #secondary ul ul {
    margin: 0;
    float:none;
    width:auto;
}

#primary ul li,
#secondary ul li{
	float:left;
	width: 206px;
	overflow:hidden;
	margin:0 20px 40px;
}

#primary ul ul li,
#secondary ul ul li{
	float:none;
	width: auto;
	margin:0;
}

#primary h3.widgettitle,
#secondary h3.widgettitle {
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}

#primary a,
#secondary a {
	color:#fff;
}

.entry-content {
    line-height: 1.35em;
}

.entry-utility,
#nav-below,
#primary ul ul,
#secondary ul ul,
#footer {
	font-size:0.9em;
}

#footer {
    background: #000;
    border:1px solid #222;
    border-width:0 1px 1px;
    color:#fff;
}

#siteinfo {
    padding:10px 40px;
}

#comments {
	margin-bottom:40px;
}

#comments-list h3,
#trackbacks-list h3 {
	padding-left:141px;
}

#comments-list li,
#trackbacks-list li{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
	position:relative;
}

.comment-author {
	width:100px;
	float: left;
	overflow:hidden;
}

.comment-author img.avatar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AABFE5;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    padding: 8px;
}

.comment-meta,
.comment-content,
.unapproved {
    border-left: 1px solid #AABFE5;
    margin: 0 0 0 120px;
    padding: 8px 0 8px 20px;
	display:block;
}

.unapproved {
	font-style: italic;
}

#respond {
	padding-left:141px;
}

#nav-below {
    margin-bottom: 40px;
    margin-left: 140px;
    overflow: hidden;
}

#nav-below .nav-previous {
	width:50%;
	float:right;
	text-align:right;
}

#nav-below .nav-next {
	width:50%;
	float:left;
}

.single #nav-below .nav-previous {
	float:left;
	text-align:left;
}

.single #nav-below .nav-next {
	float:right;
	text-align:right;
}

.form-section {
	margin-bottom:1em;
}