/*   
Theme Name: Making Waves Labs
Theme URI: http://labs.makingwaves.com/
Description: Making Waves Labs Thematic Child Theme
Author: Torbjørn Mathisen
Author URI: http://www.makingwaves.no/
Template: thematic
Version: 1.1
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');

/* 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');

@font-face {
	font-family: GraublauWeb;
	src: url('fonts/GraublauWebBold.otf');
}

body {
	color: #333;
	background-color: #f8f8f8;
}

body, input, textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 19px;
}

p, ul, ol, dd, pre {
	margin-bottom: 14px;
}

/* HEADER */


#header {
	background: #fff url(images/labs_header.png) top center no-repeat;
}

#blog-description, .meta-prep-entry-date {
	display: none;
}

#blog-title a {
	display:block;
	height:70px;
	overflow:hidden;
	position:absolute;
	text-indent:-1000px;
	top:40px;
	width:360px;
	margin-left: -20px;
}

#branding {
	width: 850px;
	height: 130px;
	padding: 0;
}

.menu {
	width: 806px;
}

#main {
	padding: 40px 0;
	width: 826px;
}

#container {
	width: 562px;
}

#content {
	width: 562px;
	margin: 0;
}

#primary {
	border: 1px solid #d8d8d8;
	padding: 0;
	color: #ccc;
	
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e8e8e8));
	background: -moz-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e8e8e8));
	background: gradient(linear, left top, left bottom, from(#f8f8f8), to(#e8e8e8));
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#primary h3, #secondary h3 {
	text-shadow: 0 1px 0 #fff;
}

#primary ul {
	padding: 15px 20px 0;
}

#primary ul ul {
	padding: 0;
}

#footer {
	margin: 0;
	background: #fff;
	color: #333;
}

#siteinfo {
	width: 806px;
}

.paged #nav-above {
	display: none;
}

.entry-title {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px;
	margin: 0 0 3px;
	font-size: 24px;
	font-family: GraublauWeb, Arial, Sans-Serif;
	color: #444;
	width:504px;
	overflow:hidden;
}

.entry-title a:link, .entry-title a:visited {
	color: #444;
}

.entry-meta, .entry-utility, .aside h3 {
	font-family: Arial, Sans-Serif;
	text-transform: uppercase;
}

.main-aside {
	width: 240px;
}

.aside h3, .page-title {
	font-family: Georgia, Sans;
	font-style: normal;
	font-size: 17px;
	text-transform: none;
	color: #666;
}

.page-title {
	padding: 0 0 20px 10px;
}

.page-title span {
	font-style: normal;
}

.entry-meta {
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	font-style: normal;
}

.entry-meta a.n {
	color: #999;
}

.entry-content {
	padding: 10px 0 0;
}

.entry-content h1, .entry-content h2 {
	padding: 14px 0;
}

/* LINKS */

a:link , a:visited{
	color: #EB7300;
	text-decoration: none;
}

.entry-title a:active, .entry-title a:hover,
#blog-title a:active, #blog-title a:hover {
	color: #EB7300;
	text-decoration: none;
}

.entry-utility a {
	font-style: normal;
}

a:active, a:hover,
.entry-utility a:active, .entry-utility a:hover,
.entry-meta a:active, .entry-meta a:hover,
.aside a:active, .aside a:hover,
#siteinfo a:active, #siteinfo a:hover,
.navigation a:active, .navigation a:hover {
	text-decoration: underline;
	color: #EB7300;
}

.entry-content img {
	margin: 0;
}

.entry-utility {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	margin-top: 14px;
	clear: both;
	color: #999;
}

/*Menu styling*/

.sf-menu li {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: -moz-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	text-shadow: 0 1px 0 #fff;
}
.sf-menu li.current_page_item, .sf-menu li.current_page_parent {
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
	background: -moz-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
	background: gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
}
.sf-menu li.current_page_item a, .sf-menu li.current_page_parent a {
	border-bottom: 1px solid #f8f8f8;
}
.sf-menu a:link, .sf-menu a:visited {
	color: #333;
}
.sf-menu a:hover {
	color: #333;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f8f8f8));
	background: -moz-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f8f8f8));
	background: gradient(linear, left top, left bottom, from(#f0f0f0), to(#f8f8f8));
}

/* Aside styling */

.aside h3 {
	margin: 0 0 3px 0;
}

.aside ul ul {
	list-style: none;
	margin: 0 0 22px 0;
	border-top: 1px dotted #ccc;
}

.aside ul ul li {
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	padding: 2px 0 1px;
}

.aside ul ul ul{
	border-top: none;
}

.aside ul ul ul li {
	border-top: 1px dotted #ccc;
	padding: 0 0 0 14px;
	border-bottom: none;
}

.rssblogroll-date, .widget_extended-categories {
	color: #888;
	font-size: 10px;
}

.widget_extended-categories h3 {
	font-size: 17px;
	color: #666;
}

.widget_extended-categories a {
	font-size: 12px;
}

#rss-links a, #linkcat-2 a {
	background: url('images/feed-icon-14x14.png') left no-repeat;
	padding-left: 20px;
	display: block;
}

#search #s {
	width: 193px;
	margin-bottom: 0;
	color: #888;
}

ul.plugin-brp {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.plugin-brp li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.plugin-brp h3 {
	padding: 0 0 2px 0;
}

ul.plugin-brp h3 a:link, ul.plugin-brp h3 a:visited {
	color: #333;
	font-style: normal;
}

ul.plugin-brp h3 a:hover, ul.plugin-brp h3 a:active {
	color: #EB7300;
}

ul.plugin-brp .brp-meta {
	margin-bottom: 1em;
}


.hentry {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	margin: 0 0 20px 10px;
	width: 542px;
	padding: 0 0 20px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 10px #ccc;
	-moz-box-shadow: 0 5px 10px #ccc;
	box-shadow: 0 5px 10px #ccc;
}

.single .hentry {
	padding: 0 0 20px;
}

.entry-meta, .entry-content, .entry-utility {
	margin: 0 20px;
}

.entry-title {
	margin: 18px 20px 0;
}

.plugin-brp .entry-meta, .plugin-brp .entry-content {
	margin: 0 0;
}

.plugin-brp .entry-utility {
	margin: 0 0 20px 0;
}

#respond {
	background: transparent;
}

#nav-below, #comments {
	width: auto;
	margin-left: 10px;
	padding: 0 20px;
}

#comments-list {
	padding: 0;
}

#comments-list ol {
	border-color: #E0E0E0;
}

#comments-list li {
	border-bottom: 1px solid #E0E0E0;
}

#comments h3 {
	font-family: Georgia, Serif;
	font-size:  17px;
	font-weight: normal;
	line-height: 22px;
	padding: 0 0 18px;
}
.gallery dl {
	margin-left: 0;
	margin-right: 0;
}

.entry-content h3 {
	color:#666666;
	font-family:Georgia,Sans;
	font-size:17px;
	font-style:normal;
	text-transform:none;
}

.alignnone {
	width: auto !important;
}

#author-info .avatar {
	margin: 0.3em 1em 0 20px;
}

pre {
	border: 1px solid #EB7300;
	background-color: #FFF2E6;
	padding: 10px;
	font-size: 12px;
	line-height: 15px;
}

.home #content .sticky {
	padding:0 0 20px;
	margin:0 0 20px 10px;
}

/* Comment bubble */

.comment_bubble {
	float:right;
	padding-left:10px;
}

.entry-title .comment_bubble a {
	color:#EB7300;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	width:26px;
	background:url("images/comment_bubble.png") no-repeat 0 0;
	height:24px;
	line-height:18px;
}

.entry-title .comment_bubble a:hover, .entry-title .comment_bubble a:active {
	background-position:left bottom;
	color:#fff;
}

/* EOF */