/*
*Theme Name: MSG v14.0
*Theme URI: http://www.mshaneglass.com/
*Version: 13.0
*Author: M. Shane Glass
*Author URI: http://www.mshaneglass.com/
*Description: A light 2-column design.
*/

/* Reset */
/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, ins, b, u, i, ol, ul, li, fieldset, form, label {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;}

/********************************************************/
/* Typography */
body {
	text-shadow:1px 0px 1px white;letter-spacing:.1em;font-size:16px; 
	font-family:"goudy-bookletter-1911-1","goudy-bookletter-1911-2",Georgia,serif;line-height:1.48em;color:#505050}
code {font-family:Courier,monospace}
a {color:#5b9c5b;text-decoration:none}
a:hover {color:#5b9c5b;text-shadow:1px 0px 1px #fff;text-decoration:underline}
nav a {color:#5b9c5b;font-size:18px;font-weight:bold;padding:5px;border-radius:5px;-webkit-border-radius:5px}
nav a:hover {color:#5b9c5b;background:url('imgs/bg_03.jpg') repeat}
footer a {color:#5b9c5b} footer a:hover {color:#5b9c5b;text-shadow:0 0 1px #fafaf4}
header h1 {font-family:"goudy-bookletter-1911-1","goudy-bookletter-1911-2",Georgia;font-size:4em;margin:5%}
header h1 a{color:#505050}
#author {font-family:"goudy-bookletter-1911-1","goudy-bookletter-1911-2",Georgia, serif}
footer {font-family:"Lucida Grande",Arial,"sans serif";font-size:.68em;color:#f9f9f3;text-shadow:none}
article h2 {margin-left:-50px;padding-top:30px;font-size:2em;background:url('imgs/bg_02.jpg') repeat;width:675px}
h2 {font-size:1.4em;line-height:1.4em;width:675px}
h3 {font-family:"Lucida Grande",Arial,"sans serif";font-size:.9em;margin-top:25px}
h4 {font-family:"Lucida Grande",Arial,"sans serif";font-size:.68em;padding-left:15px}
article p, .portfolio_entry p {font-family:"Lucida Grande",Arial,"sans serif";font-size:.92em;letter-spacing:0em}
.twitter_follow p {font-size:18px;padding-top:25px}
footer {line-height:1.4em}	
/********************************************************/
/* Layout */


/* Forces non-HTML5-capable browsers to display un-recognized HTML5 elements as block instead of inline */
header, nav, section, article, footer {display:block;}
/* body {background: url('imgs/footer.jpg') repeat;} */
#container {
	width:80%;border:solid 1px #eee;border-radius:10px;background-image: url(imgs/bg_02.jpg);margin:50px auto;
	-webkit-box-shadow: 1px 2px 4px rgba(100, 100, 100,.5); -moz-box-shadow: 1px 2px 4px rgba(100, 100, 100,.5);}
header {width: 50%; margin: 0 auto; float: left}
	
nav {
	text-align:center;width: 35%;float:right; margin: 5%;background-color: rgba(0,0,0,.1); border-radius:5px; padding: 10px;
	-webkit-box-shadow: 1px 2px 4px rgba(100, 100, 100,.5); -moz-box-shadow: 1px 2px 4px rgba(100, 100, 100,.5);}
nav ul {list-style: none}
nav ul li {display: inline}

.facebook {float: right; margin: 10px 15px 0 0;}
.facebook img {
	margin-left: auto; margin-right: auto;
	border-radius: 5px; /* CSS 3 */
	-o-border-radius: 5px; /* Opera */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	}
	
#searchsubmit {
	margin-top: 15px; border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
	color: #5b9c5b; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(210,210,210)));
	}

section {width: 350px; clear: left; float: left; margin-top: 20px; margin-left: 25px;}
#contact {padding-top: 25px;}
	
/* /blog/ selectors */
article {width: 650px; float: left; clear: left; margin: 0px 0px 20px 50px;}
.entry {
	-webkit-box-shadow: 1px 2px 4px rgba(100, 100, 100,.5); -moz-box-shadow: 1px 2px 4px rgba(100, 100, 100,.5);
	margin-top: 15px; padding: 15px 15px; background: url('imgs/bg_03.jpg') repeat;
	border-radius: 5px; /* CSS 3 */
	-o-border-radius: 5px; /* Opera */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	}
.entry a:hover { background: url('imgs/bg_02.jpg') repeat;}
article blockquote {width: 90%; margin: 20px 5px 20px 25px; padding-left: 0px; background: url(imgs/quote_begin.png) no-repeat top left;}
.quote {margin: 0 10px 0 0; padding: 0 30px 10px 55px; background: url(imgs/quote_end.png) no-repeat bottom right;}
	
p {padding: 10px 0 10px 0;}

/* CSS3 multi-column layout */
div.two-col {-webkit-column-count: 2; -webkit-column-gap: 25px; -moz-column-count: 2; -moz-column-gap: 25px;}

.facebook_share {float: right;}

/* Required WordPress img selectors */
img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft {float: left;margin: 0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float: right; margin: 0 0 1em 1em;}
a img.alignleft {float: left; margin: 0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
article img, avatar avatar-64 photo {
	background-color: #808080; margin: 40px 20px 20px 20px; padding: 10px; border: 5px #505050 solid;
	border-radius: 5px; /* CSS 3 */
	-o-border-radius: 5px; /* Opera */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
}
article img:hover {background-color: #5b9c5b; border: 5px #505050 solid;}
.twitter_follow {margin-left: -80px; background: url('imgs/twitter_bg.png') no-repeat left; height: 70px; padding: 35px 0 35px 95px;}
.wp_navigation {width: 650px; float: left; clear: left; margin-top: 0px; margin-bottom: 20px; margin-left: 125px;}
.wp_previous-entries {float: left; padding-left: 18px;}
.wp_next-entries {float: right; padding-right: 18px;}

.comment_form {clear: both; float: left;}
.comment_box {width: 650px;}
.comment_box .comment_text {display: block; float: right; margin: -100px 0 0 150px; line-height: 2em;}
.commentmetadata {display: block; float: right; margin: -125px auto auto 350px;}
.comment_box cite {display: block; float: left; margin: -125px auto auto 150px; width:400px;}
#comment-submit {
	border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
	color: #5b9c5b; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(210,210,210)));
	}

/* Portfolio Selectors */
.portfolio_entry {
	-o-border-radius: 5px; /* Opera */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	width: 650px; float: left; clear: both; margin: 0px 0px 20px 50px; padding: 15px 15px 30px 10px;
	}
.portfolio_entry img {margin-right: 50px; float: left;}

/* Portfolio Selectors */
aside {width: 35%; float: right; margin-right:5%}	
dialog, dt,dd {line-height: 1.2em;}
dt {font-variant: small-caps;}

aside blockquote {width: 400px; margin: 60px 35px 75px -50px; background: url(imgs/quote_begin.png) no-repeat top left;}
aside .quote {margin: 0 10px 0 -20px; padding: 0 30px 10px 75px; background: url(imgs/quote_end.png) no-repeat bottom right;}
#author {margin: 0 0 0 225px; padding: 0 0 10px 0;}
footer {clear: both; background-image: url(imgs/footer.jpg); height: 225px;}
#social_river1 {width: 500px; position: absolute; margin-top: 60px; margin-left: 100px;}
#social_river1 li {list-style: none; display: inline; margin: 0 32px 0 0;}
#social_river2 {width: 500px; position: absolute; margin-top: 150px; margin-left: 100px;}
#social_river2 li {list-style: none; display: inline; margin: 0 32px 0 0;}
#latest_twitter {
	width: 365px; height: 50px; float: right; margin: 30px 50px 15px 0; padding-left: 80px;
	background: url('imgs/twitter.png') no-repeat left;}
#hcard-Shane-Glass {
	width: 365px; height: 60px; clear: right; float: right; margin: 15px 50px 0 0;
	padding-left: 85px; background: url(imgs/contact.png) no-repeat left;}
#footer_remarks {width: 100px; clear: both; margin: auto;}
#footer_remarks img {padding: 0 15px 0 15px;}