/*
Theme Name: Name of this theme
Theme URI:http://www.domain.com/
Description: Put a description of the future theme
Author: Authors Name
Author URI:http://www.domain.com/
Version:0.1
Tags:
*/


/* RESETS */
/* ---------------------------------------------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height:1;
}

a,
a:focus,
a:active {
	text-decoration:none;
	color:#1982d1;
}

a:hover {
	color:#1982d1;
}

a img {
	border: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}



/* CORE STRUCTURE */
/* ---------------------------------------------------------- */
body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color:#555;
	background-color:#fff;
}


/* TYPOGRAPHY */
/* -------------------------------------------------------------- */
strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

h1 {
	font-size:150%;
	font-weight:bold;
	margin:0 0 20px 0;
}

h2 {
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 0;
}

h3 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 4px 0;
}

p {
	font-size:100%;
	line-height:140%;
}




/* STRUCTURAL ELEMENTS */
/* -------------------------------------------------------------- */
.clear-floats {
	clear:both;
	margin:0;
	padding:0;
	height:0px;
}


.the-wrapper {
	margin:0 auto 0 auto;
	width:92%;
	height:100%;
	padding:1px 0;
}

.container {
	float:none;
	width:100%;
	margin:0;
	padding:0;
	height:100%;
}

.left-sidebar {
	display:none;
	float:right;
	width:300px;
	height:100%;
	padding:80px 0 0 0;
}

.left-sidebar-ad300x250 {
	margin:30px 0 0 0;
}

#header {
	margin:20px 0 0 0;
	text-align:center;
}

#header a,
#header a:focus,
#header a:visited,
#header a:active,
#header a:hover {
	display:inline-block;
	font-size:150%;
	font-weight:normal;
	color:#555;
	text-transform:uppercase;
	text-decoration:none;
}

#header a span {
	color:#ccc;
}

#top-menu {
	text-align:center;
	margin:20px 0 30px 0;
}

#top-menu a,
#top-menu a:focus,
#top-menu a:visited,
#top-menu a:active {
	display:inline-block;
	padding:0 10px;
	font-size:80%;
	color:#555;
	line-height:35px;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#fff;
	border-bottom:3px solid #fff;
}
 
#top-menu a:hover {
	border-bottom:3px solid #1982d1;
}

#top-menu span {
	padding:0 10px;
	color:#ccc;
	font-weight:300;
}

#footer {
	margin:50px 0 30px 0;
	text-align:center;
}

#footer a,
#footer a:focus,
#footer a:visited,
#footer a:active {
	font-size:80%;
	color:#555;
}
 
#footer a:hover {
	color:#4398ba;
}

#footer span {
	padding:0 10px;
	color:#ccc;
	font-weight:300;
}

.more-posts h3 {
	font-size:85%;
	font-weight:bold;
	margin:0 0 10px 0;
}

.more-posts a,
.more-posts a:focus,
.more-posts a:visited,
.more-posts a:active,
.more-posts a:hover {
	display:block;
	font-size:85%;
	line-height:250%;
	border-bottom:1px solid #f2f2f2;
}


/* MEDIA QUERIES */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {

#header a,
#header a:focus,
#header a:visited,
#header a:active,
#header a:hover {
	font-size:250%;
}

.the-wrapper {
	width:960px;
	margin:0 auto 0 auto;
}

.container {
	float:left;
	width:600px;
	margin:0;
	padding:0;
	height:100%;
}

.left-sidebar {
	display:block;
}


/* -------------------------------------------------------------- */
}
/* -------------------------------------------------------------- */




/* CONTENT */
/* -------------------------------------------------------------- */
.post-box {
	margin:0 0 0 0;
}

.post-box h2 {
	font-size:200%;
	line-height:140%;
	margin:0 0 15px 0;
}

.post-box p {
	margin:0 0 15px 0;
}

.featured-image {
	width:100%;
	margin:0 0 10px 0;
}

.featured-image img, .post-box img {
	min-width:100%;
	width:inherit;  /* Make images fill their parent's space. Solves IE8. */
	max-width:100%; /* Add !important if needed. */
	height:auto;    /* Add !important if needed. */
}

.featured-image-caption {
	font-size:80%;
	margin:0 0 20px 0;
}

blockquote {
	margin: 1em 3em;
	border-left: 2px solid #999;
	padding-left: 1em;
}

.content-ad-index {
	margin:0 0 50px 0;
}

.content-ad-single {
	margin:0 0 20px 0;
}

.post-separator {
	height:1px;
	margin:40px 0 30px 0;
	background-color:#ccc;
}