/*
Theme Name: PSG
Theme URI: http://www.playsomethinggood.com/
Description: This shit is sweet.
Version: 1,000,000,000
Author: JTD
Author URI: http://binarybonsai.com/

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Begin Typography & Colors */
@font-face {
	font-family: 'TeX Gyre Adventor';
	src: url('fonts/tex-gyre-adventor-regular.eot');
	src: local('://'), url('fonts/tex-gyre-adventor-regular.svg#texgyreadventor-regular') format('svg'), url('fonts/tex-gyre-adventor-regular.woff') format('woff'),  url('fonts/tex-gyre-adventor-regular.otf') format('opentype');
 }
@font-face {
	font-family: 'TeX Gyre Adventor';
	font-weight: bold;	
	src: url('fonts/tex-gyre-adventor-bold.eot');
	src: local('://'), url('fonts/tex-gyre-adventor-bold.svg#texgyreadventor-bold') format('svg'), url('fonts/tex-gyre-adventor-bold.woff') format('woff'),  url('fonts/tex-gyre-adventor-bold.otf') format('opentype');
 }
@font-face {
	font-family: 'Bodoni';
	src: url('fonts/bodoni.eot');
	src: local('://'), url('fonts/bodoni.svg#GFSBodoni') format('svg'), url('fonts/bodoni.woff') format('woff'),  url('fonts/bodoni.otf') format('opentype');
}

body { font:75%/1.5em 'Bodoni', Palatino, 'Palatino Linotype', Georgia, serif; text-rendering: optimizeLegibility; color:rgb(0,3,48);background-color:rgb(245,241,222);background-image:url('images/bk.jpg');background-repeat:repeat-x;}
p { font-size:1.14285714em; line-height:1.28571429em; padding:0 0 1.28571429em 0;}

p.first:first-letter{ float:left;font-family: Palatino,'Palatino Linotype',Georgia, sans-serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0; }
p img       { float: left; margin: 0.3em 0.833em 0.833em 0; padding: 0; }
p img.right { float: right; margin: 0.3em  0 0.833em 0.833em;  }

h1,h2,h3,h4,h5,h6{ font-family: 'TeX Gyre Adventor'; text-rendering: optimizeLegibility;}

h6 {text-transform:lowercase; }

h1 { font-size: 2.2em;  margin-bottom: 0.682em; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-bottom: 1.154em; }

li ul, 
li ol  { margin:0 1.28571429em; }
ul, ol { font-size:1.14285714em; margin: 0 1.28571429em 1.28571429em 1.28571429em; }

.menu {font-size: 1.3em; font-family: 'TeX Gyre Adventor'; text-rendering: optimizeLegibility; text-transform:lowercase; list-style:none; margin:0; border-left:solid; border-left-width:1px; border-left-color:rgb(232,80,168); padding:0 0 0 9px;}
.menu li {margin-bottom:0.44871795em;}
.menu2 {font-size: 1.3em; font-family: 'TeX Gyre Adventor'; text-rendering: optimizeLegibility; text-transform:lowercase;}
.menu2 p {padding:0 .44871795em .44871795em .44871795em; float:right;}
.menu2 img {float:right; padding:3px 0 0 3px;}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color:rgb(232,80,168); text-decoration:none; }
a:hover { color:rgb(0,3,48);text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .menu a { color:rgb(0,3,48); text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .menu a:hover { color:rgb(232,80,168);text-decoration: none; }

.menu li.current_page_item a { color:rgb(232,80,168); text-decoration: none; }

table { margin-bottom:1.5em; border-collapse: collapse; }
th { font-weight:bold; }
tr,th,td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }

abbr, acronym { border-bottom:1px dotted #000; }
address { margin-top:1.5em; font-style: italic; }
del {color:#000;}

blockquote { padding:1em 1em 1em 1.5em; font-family:baskerville,"palatino linotype",serif; }
blockquote > *:first-child:before { content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0; }/* From Tripoli  */

strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; }
hr { margin-bottom:1.5em; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; line-height: 1.5em; }

#footer {text-align:center;}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 10px 0;
	padding: 0;
	}

#page { margin:0 auto;  width:970px; padding-top:10px; }

.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960 {float:left; display: inline; margin-left:10px;  } 

/* 6 columns */
.g160 {width:150px; }
.g320  {width:310px;}
.g480  {width:470px;}
.g640  {width:630px;}
.g800  {width:790px;}
.g960  {width:950px;}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:230px;}
.g400 {width:390px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:870px;}

/* margin */
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}

.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }


#header {
	padding: 0;
	width: 970px;
	float:left;
	display:inline;
	}

#headerimg {
	margin: 0;
	width: 230px;
	float:left;
	display:inline;
	margin-left:10px;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px 10px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 52px 0 0;
	margin: 0 auto;
	width: 470px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

/* End Form Elements */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.fade {width:950px; margin-bottom:5px; overflow:hidden;}

/* FRONT PAGE */
.front-slider { position:relative; width:950px; height:470px; float:left; }
	.front-content { position:absolute; top:0; left:0; bottom:0; right:0; font-family: 'TeX Gyre Adventor'; text-rendering: optimizeLegibility; 
	padding-top:25px; z-index:50; background-image:url('images/b50.png'); }
		.front-content p { font-size: 1.6em; padding:0; width:500px; margin:0 25px; color:#FFF; letter-spacing:1px; }
		
	.front-ul { position:relative; width:100%; height:100%; margin:0; padding:0; }
		.front-ul li { display:block; margin:0; padding:0; list-style:none; width:100%; height:100%; }
			.front-item { position:absolute; top:0; left:0; }
			

/* Gallery */
.gallery-thumbs { width:240px; height:auto; position:relative; border-right:1px solid black; float:left; }
	.thumbs-ul { margin:0; padding:0; position:absolute; top:0; left:0; }
		.gallery-thumb { float:left; width:50px; height:50px; margin:0 10px 10px 0; padding:0; list-style:none; background-position:center center; background-repeat:no-repeat; }


.gallery-slides { width:720px; height:350px; margin-left:240px; display:block; position:relative; }
	.gallery-set { margin:0; padding:0; position:absolute; top:0; left:0; width:100%; height:100%; }
	.gallery-item { display:none; position:absolute; top:0; left:0; bottom:0; right:0; }
			.gallery-content { position:absolute; display:none; top:0; left:0; bottom:0; right:0; font-family: 'TeX Gyre Adventor'; text-rendering: optimizeLegibility; 
					padding-top:25px; z-index:100; background-image:url('images/b50.png'); }
				.gallery-set:HOVER .gallery-content { display:block; }
						#gallery-item-1 { display:block; }
					.gallery-content p { font-size: 1.6em; padding:0; width:500px; margin:0 25px; color:#FFF; letter-spacing:1px; }
				
		.gallery-item { position:absolute; top:0; left:10px; width:710px; height:710px; margin:0 10px 10px 0; padding:0; list-style:none; background-position:top left; background-repeat:no-repeat; }