/*
Theme Name: Rob Gould
Theme URI: http://wordpress.org/
Description: The Rob Gould Theme.
Author: Chris Taylor
Author URI: www.christaylordesign.com
Version: 1.0
Tags: fluid-width, minimalist, clean, simple
*/

/*=====@imports=====*/
	@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular);

/*=====BASE=====*/ /* Adapted from base.css v0.1 (10172009) by Thierry Koblentz*/
	
	/*Reset/base styling*/
	body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {margin: 0; padding: 0;}
	fieldset, img {border: 0}
	img {vertical-align: bottom;}/* to prevent a gap from showing below images in some browsers*/
	th, strong, dt, b {font-weight: bold}
	blockquote p:before, blockquote p:after, q:before, q:after {content: ''}
	blockquote, blockquote p, q, em, cite, dfn, i, cite, var, address {font-style: italic}
	
	header, section, footer, aside, nav, article, figure {display: block; }/*Ensures block redering of HTML5 tags */
	
	/*Body HTML*/
	html {height: 100%; overflow-y: scroll}	
	body {background: #e1dce0 url(assets/images/bg.jpg) repeat left top; color: #111; font-family: Georgia, serif;  font-size:100%;  height: 100%; line-height:1.4}
	body, input, button, textarea, select {font: arial, serif}
	
	/*Headings*/
	h1, h2, h3, h4, h5, h6 {color: #66321F; font-family:'Yanone Kaffeesatz','Trebuchet MS',trebuchet,arial,sans-serif; font-weight: normal; line-height: 1.3; margin-bottom: 0.75em; text-shadow: 0 1px 1px #fff}
	h1 {font-size:3em; letter-spacing:-0.02em}
	h2 {font-size:2em}
	h3 {font-size:1.75em}
	h4 {font-size: 1.4em}
	h5 {font-size: 1.2em; letter-spacing: 0.03em}
	h6 {font-size: 1em; font-weight: bold}
	
	/*Type*/
	p, span {color: #373637; font-size: 1em; line-height: 1.6em; margin-bottom: 1em}
	blockquote, blockquote p { font-size: 1.1em; font-style: italic}
	
	li {font-size: 1em; line-height: 1.6em}
	
	ol, ul {list-style-position: inside; margin-bottom: 1em}
	ol li {list-style-type: decimal}
	ul li {list-style-type: disc}
	ul ul li {list-style-type: circle}
	ul ul ul li {list-style-type: square}
	ol ol li {list-style-type: lower-alpha}
	ol ol ol li {list-style-type: lower-roman}
	
	dl {margin-bottom: 1em}
		dt {font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em}
		dd {margin-bottom: 1em;}
		
	sub {vertical-align: sub; font-size: 0.7em}
	sup {vertical-align: super;font-size: 0.7em}
	
	code, pre {font-size: 1em}
	code {color: #06f}
	
	ins {text-decoration: none; border-bottom: 3px double #333}
	del {text-decoration: line-through} 
	abbr, acronym {border-bottom: 1px dotted #333;font-variant: normal} 
	
	/*Links*/
	a:link {color: #9d8a1f; border-bottom: 1px dotted #9d8a1f; text-decoration: none}
	a:visited {color: #9930FF; border-bottom: 1px dotted #9930FF; text-decoration: none}
	a:hover {color: #DFC32C; border-bottom: 1px #DFC32C solid; text-decoration: none}
	a:focus {outline: 1px dotted #eee; text-decoration: none;}
	a:active {color: #111; border-bottom-color: transparent; position: relative; top: 1px; outline: none}

	/*Table*/
	table {border-collapse: collapse;border-spacing: 0; padding: 0.5em; margin-bottom: 1em; width: 100%}
	caption {position: absolute; left: -999em}
	th {font-weight: bold;  padding: 0.5em; text-align: center} 
	tbody th {text-align: left}
		tr {border-bottom: 1px solid #fff}
			tbody tr:hover {background-color: #5BB8F1}
	td {padding: 0.5em;}
	colgroup.one {background-color: #E0F3FF}
	colgroup.two {background-color: #C0E7FF}
	colgroup.three {background-color: #A0DBFF}
	colgroup.four {background-color: #80CFFF}

	/*Forms*/
	fieldset {line-height: 1}
	input, button, textarea, select, optgroup, option {font-size: .9em}
		input, textarea, select {background-color: #fff; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; display: block; padding:0.3em}
			input[type="checkbox"] {vertical-align: middle}
			input[type="radio"] {vertical-align: middle}
			input[type="submit"] {background-color:#87C8EF; border-color:#B4DAEF #60AFDB #60AFDB #B4DAEF; color:#186C9B; cursor: pointer}
			input[type="hidden"] {display: none}
				input[type="submit"]:hover {background-color: #A5D5EF;}
				input[type="submit"]:active {position: relative; top: 1px} 
		textarea {font-family: arial, sans-serif; font-size: 1em; width: 96%}
		
	form label.infield {padding: 0.1em 0 0.1em 0.5em}	
	
	form li {margin-bottom: 1em}
	
/*=====LAYOUT=====*/
	
	/*Global*/
		#header, #main, #footer {clear: both; padding: 1.5em;}
			#header .contents, #main, #footer .contents {margin: 0 auto; max-width: 800px; min-width: 600px; width: 55%}
			
	/*Header*/
		#header {background: transparent url(assets/images/header-bg.jpg) repeat-x -100% top; border-top: 8px solid #a7a63f}
			h3#logo { color: #692095; font-family: Palatino, Georgia, sans-serif; margin: 0 auto; text-align: center; text-indent: -9000em; width: 486px}
				h3#logo a {background: transparent url(assets/images/logo.png) no-repeat left top; border: none; display: block; height: 158px;   width: 486px}
			
			#header h2 {color: #66321f; font-family: Palatino, Georgia, sans-serif; font-size: 1.3em; font-variant: small-caps; text-align: center}
		
		/*Nav*/
		#primary-nav {margin-top: 3em}
			#primary-nav ul {margin: 0 auto; text-align: center}	
				#primary-nav li {display: inline; margin-right: 0.33em}
					#primary-nav a {border: none; color: #692095; display: inline-block; font-family: Palatino, Georgia, sans-serif; font-size: 1.3em; padding: 0.5em; text-shadow: 0 1px 1px #fff}
						#primary-nav a:hover {color: #AE45C7}
					
					/*Sub nav styles*/
					/*#primary-nav li > ul {background-color: #fff; font-size: 0.8em;  position: absolute; visibility: hidden;}
						#primary-nav li > ul li {float: none;}
						#primary-nav li:hover > ul {visibility: visible;}*/
			
	/*Main*/
		/*Main Content*/
		#main img {margin-bottom: 1em; }
			#main-content {float: left; margin-right: 2em; width: 70.8%}
			#main-content img {background-color: #fff; background-color: rgba(255,255,255,0.5); border: 1px solid #D3CCD3; padding: 0.8em}
			
		/*Aside*/	
			#main-aside {color: #505046; font-size: 0.8em; float: left;  width: 23.2%}
				#main-aside .social li {float: left; margin: 0 5px 0 0; width: 35px}
					#main-aside .social li a {border: none; display: block; opacity: 0.6}
						#main-aside .social li a:hover {opacity: 1}
					
					#main-aside .social li img {margin: 0}
					
				#main-aside h4 {color: #949474; letter-spacing: 0.2em; text-transform: uppercase; text-shadow: 0 1px 1px #fff}
				
				#main-aside > div {border-bottom: 1px solid #D3CCD3; border-top: 1px solid #EDEDED; padding: 1em 0}
					#main-aside div:first-child {border-top: none; padding-top: 0}
					#main-aside > div:last-child {border-bottom: none}
				
				#main-aside li {margin-bottom: 1em}
					#main-aside li li {margin-left: 1em}
						#main-aside li li a {margin-bottom: 1em;}
				
		/*Page/Elements*/
			/*Post List*/
			ul.post-list li {border-top: 1px solid #9d8a1f;  margin-bottom: 1em; padding: 1em 0}
				ul.post-list a.cat {border: none; color: #8F808C; display: inline-block; font-family: Palatino, Georgia, sans-serif; font-size: 0.7em; letter-spacing: 0.2em; margin-bottom: 0.5em; text-transform: uppercase}
					ul.post-list a.cat:hover {color: #692095}
				
				#main-content ul.post-list .attachment-thumbnail {float: left; margin: 0 1em 1em 0; width: 150px}	
				
			.nav-previous {float: left; width: 40%}
			.nav-next {float: right; text-align: right; width: 40%}
				
			/*Posts*/
			.meta, .entry-utility {border: none; color: #8F808C; font-family: Palatino, Georgia, sans-serif; font-size: 0.7em; letter-spacing: 0.2em; margin-bottom: 1em; text-transform: uppercase}
				ul.post-list img, .single #main-content img {height: auto; max-width: 100%}
			
					ul.post-list h1, .single #main-content h1 {color: #66321F; font-size: 2.3em; font-variant:small-caps; font-weight:400; margin-bottom: 0.5em; text-shadow:0 1px 1px #FFFFFF}
				
				
			/*Magic*/
			#main-content #mtgh_3bf49 table {width: 100%!important}
				#main-content .mtgh table td {border: none}
					#main-content .mtgh .mtgh_cfbcb_tabs {padding: 0.25em}
					#main-content .mtgh table td {vertical-align: top}
					#main-content .mtgh table td img {border: none; margin: 0; padding: 0}
			
				
			/*Single Post Pages*/
			.single .post {border-top: 1px solid #9D8A1F; padding: 1em 0;}
			
			.single #main-content .post .wp-caption {}
			.single #main-content .post .alignleft {float: left; margin: 0 1em 1em 0}
			.single #main-content .post .alignright {float: right; margin: 0 0 1em 1em}
				.single #main-content .post .alignleft img {padding: 0; }
				.single #main-content .post .alignright img {padding: 0; }
			.single .wp-caption-text {font-size: 0.8em; font-style: italic}
			
			.single #main-content .wp-smiley {background: none; border: none; padding: 0; margin: 0; vertical-align: text-top}
			
			.single .entry-utility {background-color:rgba(0, 0, 0, 0.1); clear:both; color:#111111; line-height:1.7; padding:1em;}
			
			.single #nav-below {margin: 1em 0}
				
				/*Comments*/
				#comments {border-top: 1px solid #9D8A1F; padding-top: 1em}	
				
					ol.commentlist li {background-color: #DCD3D8; background-color:rgba(0, 0, 0, 0.05); margin-bottom:1em; padding:1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
						ol.commentlist li.bypostauthor {background-color: #E0D2E0; background-color: rgba(105, 32, 149, 0.05); border: 1px solid #692095}
					
						#main-content ol.commentlist li img {padding: 5px; margin: 0;}
						
						.comment-author {border: none; color: #8F808C; display: inline-block; float: left; font-family: Palatino, Georgia, sans-serif; font-size: 0.7em; letter-spacing: 0.2em; margin-bottom: 0.5em; text-transform: uppercase; width: 40%}
						.comment-meta {border: none; color: #8F808C; font-family: Palatino, Georgia, sans-serif; font-size: 0.7em; float: right; letter-spacing: 0.2em; text-align: right; margin-bottom: 1em; text-transform: uppercase; width: 40%;}
					
						.comment-body {clear: both}
						
					#respond {background-color: #fff; background-color: rgba(255,255,255,0.5); border: 1px solid #D3CCD3; padding: 1em;}
	
			/*Archive/Table of Contents List*/
				ul.toc li {padding: 0.5em 0;}
					ul.toc li a {border-bottom: 1px dotted #9d8a1f; display: block}
						ul.toc li a span {color: #8F808C; float: right; font-size: 0.7em; letter-spacing: 0.2em; line-height: 2.2em; margin-bottom: 0; text-transform: uppercase}			
			
			/*Sidebar Elemets*/
				/*Search Box*/
				#searchform label {clear: both; float: left;}
					#searchform input {border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; display:block; float:left; padding:5px; width:57%}
						#searchform #s {clear: both;}
						
					#searchform input#searchsubmit {background-color:#E3E1E2; border-color:#F7F5F6 #B3AFB2 #B3AFB2 #F7F5F6; border-style:solid; border-width:1px; color:#111111; float:left; font-weight:bold; margin-left:5px; padding:0.4em; width:32%}
							#searchform input#searchsubmit:hover {background-color: #EFEDEE}
							
				/*Twitter*/
				div.twitter li {background-color: #DCD3D8; background-color:rgba(0, 0, 0, 0.05); margin-bottom:1em; padding:1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; word-wrap: break-word;}
	
	/*Footer*/
	#footer .contents {border-top: 1px solid #777072; padding: 2em; text-align: center}
	
					
/*=====ADAPTIVE LAYOUT=====*/
	
	@media screen and (max-device-width: 480px), screen and (max-width: 600px) { /*iphone & android width*/
		#header .contents, #main, #footer .contents {margin: 0 auto; max-width: none; min-width: inherit; width: 480px}
		
		h3#logo { width: 300px}
			h3#logo a {background-image: url(assets/images/logo-small.png); height: 95px;  width: 300px}
		
		#primary-nav { margin-top:1em}
		
		#main-content, #main-aside {float: none; width: auto}
		
		ul.post-list a.cat, ul.post-list h1, ul.post-list .meta {display: block; text-align: center}
		a.readmore {text-align: center;}
	}

/*=====REUSABLE CLASSES=====*/
	.no-marker li {list-style: none; list-style-position: outside; margin-left: 0}/*Used on ul or ol element when bullet/number styling is not wanted*/
	.clearfix:after, #searchform:after, #nav-below:after, ul.post-list li:after, .comment-meta:after {visibility: hidden;display: block; font-size: 0; content: " "; clear: both;height: 0}
	
	br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0}