/*
Theme Name: AFG Blog
Theme URI: http://www.tmbritton.com
Description: Theme for AFG Wordpress Blog
Version: .01
Author: Thomas Britton
Author URI: http://www.tmbritton.com
Tags: afg, art
*/

@charset "UTF-8";

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

p, li, blockquote {
	font-size:62.5%;
	color: #111111;
	line-height: 1.5em;
	font-family: helvetica, arial, sans-serif;
	}

body {
	background:url('/blog/wp-content/themes/afg/style/images/1.jpg') no-repeat top left fixed;
	} 
	
div.wrap {
	width:960px;
	margin:50px auto 0 auto;
	}
	
div.header {
	margin:0 0 20px 0;
	}

div.subnav {
	width:240px;
	float:left;
	}

div#main_img {
	width:460px;
	}
	
div#main_img div.galleria_wrapper {
	margin:auto;
	width:460px;
	}

h1 {
	margin:0 100px 0 0;
	float:left;
	}	

div.head-right {
	width:460px;
	float:right;
	margin:50px 160px 0 0;
	}

ul.nav {

	}

ul.nav li {
	float:left;
	width:143px;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;	
	}	
	
ul.nav li.first {
	text-align:left;
	}	

ul.nav li a {
	text-decoration:none;
	color:#111111;
	text-shadow:2px 2px 2px #7F7F7F;
	}

ul.nav li a:hover {
	font-weight:bold;
	}

ul.nav li a:active {
	position:relative;
	top:1px;
	text-shadow:none;
	}
	
body.gallery ul.nav li.gallery a,
body.about ul.nav li.about a,
body.calendar ul.nav li.calendar a,
body.blog ul.nav li.blog a {
	color:#97382D;
	}
	
div.subnav ul li {
	text-align:right;
	}		
	
div.main {
	float:right;
	width:620px;
	}	
	
div#main_img img {
	border: 3px solid black;
	margin: auto;
	display:block;
	}
	
img.thumb {
	opacity: .3;
	}	
	
img.thumb:hover{
	opacity: 1;
	}

ul.gallery li.active img.thumb {
	opacity: 1;
	}	
	
div.subnav li {
	font-family: helvetica, arial, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	}

div.subnav li a {
	color: #111111;
	text-decoration:none;
	}
	
div.subnav li a:hover {
	text-decoration:underline;
	}
	
body#ohlerking li.ohlerking a,
body#chappell li.chappell a,
body#snarko li.snarko a,
body#schachter li.schachter a,
body#mika li.mika a,
body#britton li.britton a,
body#flanigan li.flanigan a,
body#montgomery li.montgomery a,
body#borengasser li.borengasser a,
body#schwab li.schwab a,
body#rich li.rich a {
	color:#97382d;
	}
	
div.side-right	{
	width:140px;
	float:right;
	}
	
div.side-right h2 {
	font-size: 1.2em;
	font-family: helvetica, arial, sans-serif;
	margin-bottom: .5em;
	}

div.side-right p {
	font-size: .8em;
	font-family: helvetica, arial, sans-serif;
	}
	
div.side-right p a {
	text-decoration:none;	
	color:#97382d;
	}

div.side-right p a:hover {
	text-decoration: underline;
	}
	
p.newsletter a {
	color:#97382d;
	margin: 2em 0 1em 0;
	display:block;
	}
	
div.head-right h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 3em;
	font-weight: bold;
	}
	
div.main p {
	font-size: .8em;
	line-height: 1.6em;
	width:460px;
	margin-bottom:.8em;
	}
	
iframe.google-map {
	border:1px solid #111111;
	}
	
div#facebook-badge {
	height:251px;
	width:240px;
	background: #94A3C4;
	margin-bottom:15px;
	}
	
div.main a {
	color:#97382d;
	text-decoration:none;
	}

div.main a:hover {
	text-decoration:underline;
	}
	
div.main a:visited {
	text-decoration:underline;
	color:#111111;
	}
	
div.main h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #3F3F3F;
	font-family: helvetica, arial, sans-serif;
	font-weight:bold;
	margin-bottom: .8em;
	}
	
div.main ul {
	margin-bottom: .8em;	
	}
	
div.main ol {
	margin-bottom: .8em;	
	}	
	
div.main ul li {
	font-size: .8em;
	line-height: 1.6em;
	list-style-type: disc;	
	margin:0 0 0 15px;
	}
	
div.main ol li {
	font-size: .8em;
	line-height: 1.6em;
	list-style-type: decimal;	
	margin:0 0 0 20px;
	}	
	
/* Flickr Badge */

	/*
	Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
	*/
	
	#flickr_badge_uber_wrapper {width:240px;}
	#flickr_badge_wrapper {padding:10px 0 10px 0;}
	.flickr_badge_image {margin:0 3px 3px 0; float:left;}
	.flickr_badge_image img {border: 1px solid black !important;}
	#flickr_badge_source {text-align:right; margin:0 10px 0 10px;}
	#flickr_badge_icon {float:left; margin-right:5px;}
	#flickr_www {display:block; padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; text-align:right;}
	#flickr_badge_uber_wrapper a:hover,
	#flickr_badge_uber_wrapper a:link,
	#flickr_badge_uber_wrapper a:active,
	#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
	#flickr_badge_wrapper {}
	#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* End Badge */

div.subnav p.subscribe {
	text-align:right;
	font-size:.8em;
	}

div.subnav p.subscribe a {
	color:#97382d;
	text-decoration:none;
	}
	
li.newsletter {
	margin-top: 10px;
	}
	
div.subnav p.subscribe a:hover {
	text-decoration:underline;
	}
	
div.post {
	width:460px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom: 1px dotted #cccccc;
	}
	
div.main div.side-right ul li {
	list-style-type:none;
	margin-left:0;
	}
	
div.main div.side-right ul {
	margin-left:10px;
	}

div.main div.side-right ul li ul {
	margin-left:0;
	}
	
div.main h2 {
	color:#3F3F3F;
	font-family:helvetica,arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.8em;
	text-transform:uppercase;
	}
	
form#commentform {
	width: 460px;
	}
	
textarea#comment {
	width: 458px;
	}
	
div.main ol.commentlist li {
	width:435px;
	padding: 5px 0 0 5px;
	margin-top:5px;
	}
	
ol.commentlist li p {
	font-size:1em;
	}	
	
ol.commentlist li.odd {
	background: #cccccc;
	}
	
ol.commentlist li img.avatar {
	border:1px solid #000000;
	}