/*
Theme Name: thaw
Theme URI: http://www.nexistepas.com/dev/thaw/
Description: 2-col fixed footer widgetised
Version: 0.1
Author: pilgrim
Author URI: http://www.nexistepas.com/enthuse/
*/

/* backgrounds */

body, #topnav {
	background: #000000 url('images/sky_grad.jpg') top center fixed repeat-x;
	}
#pageBody {
/*	conceals the gap between the main page body and the fixed footer - if the pageBody width is changed, a new background gif will be needed */
	background: #000000 url('images/fff_940.gif') center 40px repeat-y;
	}
li.panel ul, #page-bg, .intro {
	background: url('images/greygrade.png') repeat-x;
	}
ul.logo-space li {
	background: url('images/owl/owl_120g.png');
	}
li.panel ul.punk li {
	background: url('images/buttons/lydon_50-80.png');
	}
li.panel ul.teenage li {
	background: url('images/buttons/teenage_50-80.png');
	}
li.panel ul.psych li {
	background: url('images/buttons/spence_50-80.png');
	}
li.panel ul.soon li {
	background: url('images/buttons/kurt_50-80.png');
	}
li.panel ul.journ li {
	background: url('images/buttons/bjork_50-80.png');
	}
li.panel ul.gallery li {
	background: url('images/buttons/p1977_50-80.png');
	}
li.panel ul.film li {
	background: url('images/buttons/epstein_50-80.png');
	}
li.panel ul.comp li {
	background: url('images/buttons/daved_50-80.png');
	}
.jdGallery .slideElement, .jdGallery .loadingElement {
	background: url('img/loading-bar-black.gif');
	}
.jdGallery a.left {
	background: url('img/fleche1.png');
	}
.jdGallery a.right {
	background: url('img/fleche2.png');
	}
* html .jdGallery a.left {
	background: url('img/fleche1.gif');
	}
* html .jdGallery a.right {
	background: url('img/fleche2.gif');
	}
.withArrows a.open:hover {
	background: url('img/open.png');
	}
* html .withArrows a.open:hover {
	background: url('img/open.gif');
	}
	
#top_panel, .alt, .column li ul, ul.panel li, hr, .rip, #myGallery, #myGallerySet, #flickrGallery, .jdGallery .slideElement, .jdGallery .loadingElement, .jdGallery a.carouselBtn, .jdGallery .carousel, .intro {
	background-color: #EEEEEE;
	}
.jdGallery .slideInfoZone, .jdGallery a.gallerySelectorBtn, .jdGallery .gallerySelector .gallerySelectorInner div.hover, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
	background-color: #333;
	}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, .jdGallery .gallerySelector, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	background: #000;
	}
ul.logo-space li, .jdGallery .slideElement, .jdGallery .loadingElement, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview, .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, .withArrows a.open:hover, * html .withArrows a.open:hover {
	background-position: center center;
	}
* html .jdGallery a.left, .jdGallery a.left {
	background-position: center left;
	}
* html .jdGallery a.right, .jdGallery a.right {
	background-position: center right;
	}
li.panel ul.comp li, li.panel ul.punk li, li.panel ul.teenage li, li.panel ul.psych li, li.panel ul.soon li, li.panel ul.journ li, li.panel ul.gallery li, li.panel ul.film li, li.panel ul.comp li {
	background-position: bottom right;
	}
ul.logo-space li, li.panel ul.punk li, li.panel ul.teenage li, li.panel ul.psych li, li.panel ul.soon li, li.panel ul.journ li, li.panel ul.gallery li, li.panel ul.film li, li.panel ul.comp li, .jdGallery .slideElement, .jdGallery .loadingElement, .jdGallery a.left, .jdGallery a.right , * html .jdGallery a.left, * html .jdGallery a.right, .withArrows a.open:hover, * html .withArrows a.open:hover {
	background-repeat: no-repeat;
	}

/* colors */

h1, h2, .archive_grid, hr {
	color: #666666;
	}
a:link, #login ul li a:link, .archive_grid a:link, .archive_grid a:visited, a:visited, #login ul li a:visited { color: #2A779D; }

a:hover, #login ul li a:hover, .archive_grid a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
a:link, a:visited, #titlespace a:hover, .jdGallery a {
	text-decoration: none;
	}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
	color: #b5b5b5;
	}
.jdGallery a, .jdGallery .slideInfoZone h2 {
	color: inherit;
	}
#topnav a, .jdGallery .slideInfoZone, .jdGallery .slideInfoZone p, .jdGallery a.carouselBtn, .jdGallery .carousel, .jdGallery a.gallerySelectorBtn, .jdGallery .gallerySelector h2, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
	color: #eee;
	}

/* borders */
 
#pageBody, #page-bg, #leftsection, #rightcol li, #top_panel, .post .panel li, .column ul, .column ul li, #myGallery, .formBox, .alt, #myGallery, #myGallerySet, #flickrGallery, .jdGallery .slideElement, .jdGallery .loadingElement, .intro { 	/* rounded all about */
	-webkit-border-radius: 10px; 
	-moz-border-radius:  10px;
	}
blockquote {
	border-left: 5px solid #FAFAFA;
	}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	border: 1px solid #888;
	}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
	border: solid 1px #fff;
	}
.upper {
	border-top: 1px solid #EEEEEE;
	}
#myGallery, #myGallerySet, #flickrGallery, .jdGallery img, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	border: 0px;
	}
#pageBody {
	-webkit-border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	}
/* fonts */

body {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	}
h1, h2, h3, h4, .navigation, .more-link {
	font-family: "Trebuchet MS", Helvetica, sans serif;
	}
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h2, h2.index-title {
	font-size: 2.4em;
	}
h1, .jdGallery .gallerySelector h2	{
	font-size: 1.6em;
	}
.post-content, .index-content, .page-content, .jdGallery .gallerySelector h2 {
	line-height: 1.5em;
	}
li.panel ul li, .post h3, #rightcol li h2, code, .jdGallery a.carouselBtn, .jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery a.gallerySelectorBtn, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
	font-size: 1.25em;
	}
h4, .amazon-links  {
	font-size: 1em;
	}
body, #topnav, .column, .centerpic, #footerContent, .attrib, .caption, .post ul, .nav-links, .jdGallery .slideInfoZone h2, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton, .intro {
	font-size: 0.85em;
	}
.related h3, .smallprint, .postmetadata, .edit-button, .jdGallery .slideInfoZone p {
	font-size: 0.75em;
	}	
h1, h2, h2.index-title, dt, .jdGallery .slideInfoZone h2 {
	font-weight: bold;
	}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
	font-weight: normal;
	}
h3, .smallprint, .notes, .edit-button {
	font-weight: lighter;
	}
.question {
	font-style: italic;
	}

/* alignments */

.centerpic, img.centered, .caption, .archive_grid, #login, .jdGallery a.carouselBtn, .jdGallery a.gallerySelectorBtn {
	text-align: center;
	}
h1, h2, #maincol h3, .post h2, .post h4, .column h4, .delicious-tags {
	text-align: left;
	}
#leftcol, #logospace, #footerLeft, #topRight li, .alignright, #search_panel, .attrib, .postmetadata {
	text-align: right;
	}
#maincol {
	text-align: justify;
	}
.postmetadata, .post, .post ul.panel li.main {
	clear: both;
	}
.more-link {
	clear: left;
	}
.jdGallery .slideInfoZone, .jdGallery .carousel {
	text-indent: 0;
	}

/* page features */

.jdGallery a.carouselBtn, .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton, .jdGallery a.right, .jdGallery a.left, .withArrows a.open, .jdGallery a.gallerySelectorBtn, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {cursor: pointer;}

hr {
	height: 1px;
	}
ul li {
	list-style-type: none;
	}
ul.features li, ul.related_post li {
	list-style-type: circle;
	}
ol li {
	list-style-type: decimal;
	}
.jdGallery, .jdGallery .carousel, .jdExtCarousel, .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper, .jdGallery .gallerySelector .gallerySelectorWrapper, .jdGallery .slideInfoZone {
	overflow: hidden;
	}
* html .withArrows a.open:hover, .withArrows a.open, .jdGallery a.right:hover, .jdGallery a.left:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
* html .jdGallery a.right, * html .jdGallery a.left, .jdGallery a.gallerySelectorBtn {
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
	}
.jdGallery a.right, .jdGallery a.left {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	}
.occult, #myGallery h3, #myGallery p, #myGallery img.thumbnail, #myGallerySet img.thumbnail {
	display: none;
	}

/* structure */

#pageContainer, #menuContainer, #pageBody, #footerContent, #topnav, .navigation, #searchsubmit, .jdGallery, .jdExtCarousel, .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
	position: relative;
	}
#footerContainer, .jdGallery .loadingElement, .jdGallery .slideInfoZone, .jdGallery div.carouselContainer, .jdGallery a.carouselBtn, .jdGallery .carousel, .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper, .jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton, .jdGallery a.right, .jdGallery a.left, .withArrows a.open, .jdGallery a.gallerySelectorBtn, .jdGallery .gallerySelector {
	position: absolute;
	}
.jdGallery .loadingElement, .jdGallery div.carouselContainer, .jdGallery .carousel, .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper, .jdGallery a.left, .jdGallery a.right, .jdGallery a.open, .withArrows a.open, .jdGallery a.gallerySelectorBtn, .jdGallery .gallerySelector {
	top: 0px;
	}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
	top: 10px;
	}
.jdGallery a.right {
	right: 0px;
	}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
	right: 10px;
	}
.jdGallery a.carouselBtn {
	right: 30px;
	}
* html .jdGallery .slideInfoZone {
	bottom: -1px;
	}
#footerContainer, .jdGallery .slideInfoZone, .jdGallery a.carouselBtn {
	bottom: 0px;
	}
.jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
	bottom: 5px;
	}
.jdGallery .carousel .label, .jdExtCarousel .label {
	left: 10px;
	}
.jdGallery .loadingElement, .jdGallery .slideInfoZone, .jdGallery div.carouselContainer, .jdGallery .carousel, .jdGallery a.left, .jdGallery a.open, .jdGallery .gallerySelector {
	left: 0px;
	}
.jdGallery a.gallerySelectorBtn {
	left: 30px;
	}
.jdGallery .slideElement, .jdGallery .loadingElement, .jdGallery .slideInfoZone, .jdGallery div.carouselContainer, .jdGallery a.open, .jdGallery .carousel, .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper, .jdGallery .gallerySelector {
	width: 100%;
	}
html, body, .jdGallery .slideElement, .jdGallery .loadingElement, .jdGallery a.open, .jdGallery .gallerySelector {
	height: 100%;
	}
#pageContainer {
	min-height: 100%;
	}
	
/* floats */

	#logospace, #leftsection, #topleft, #topleft li, #leftcol, #footerSpace, #footerLeft, .alignleft, #toplink, .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
		float: left;
		}
	#header, #search_panel, #topright, #titlespace, #top_panel, #maincol, #rightcol, #footerMain, #footerRight, .alignright, .more-link, .intro {
		float: right;
		}
	
/* dimensions */

	#footerContainer, #header, #titlespace, #top_panel, #leftsection, #maincol, .navigation, #rightcol, #footerSpace, #footerMain, #footerRight {
		height: auto;
		}
	#pageContainer, #footerContainer, #top_panel {
		width: 100%;
		}
	#pageBody, #footerContent, #topnav	{
		width: 940px;
		}
	#leftsection {
		width: 700px;
		}
	#maincol, #header, #comment, #footerSpace {
		width: 640px;
		}
	#comment {
		width: 480px;
		}
	#rightcol, #logospace, #search_panel, #footerRight {
		width: 200px;
		}
	.search_input, #footerLeft {
		width: 120px;
		}
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
		width: 40px;
		}
	.jdGallery .slideInfoZone, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
		height: 40px;
		}
	#topnav {
		min-height: 40px;
		}
#rightcol ul li ul li {
		min-height: 80px;
		}
	.masthead {
		min-height: 130px;
		}
	.post .panel li.pic {
		min-height: 180px;
		}
	ul.logo-space li {
		min-height: 120px;
		}
	p img {
		max-width: 100%;
		}
	.jdGallery a.right, .jdGallery a.left, .withArrows a.open {
		height: 99%;
		}
	.jdGallery a.carouselBtn, .jdGallery a.gallerySelectorBtn {
		height: 20px;
		}
	.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
		height: 78px;
		}
	#flickrGallery {
		width: 500px;
		height: 334px;
		}
	#myGallery, #myGallerySet, #flickrGallery {
		width: 640px;
		height: 640px;
		}
	.jdGallery div.carouselContainer {
		height: 135px;
		}
	.jdGallery .carousel {
		height: 115px;
		}
	.jdGallery a.right, .jdGallery a.left {
		width: 25%;
		}
	.withArrows a.open {
		left: 25%;
		width: 50%;
		background: none;
		}
	.alignright {
		max-width: 260px;
		}
	.caption {
		max-width: 80%;
		}

/* margins */

html, body, #menuContainer, #maincol, p, .post h3, #topright, .topright ul, .topright ul li, .column ul, .column ul li, .column ul li ul, .column ul li ul li, h2, .more-link, .navigation, .smallprint, form/*, .search-panel, #searchsubmit*/, #footerContainer, #footerMain, .post .panel ul.features li, ol, ol li, .postmetadata, .post .panel, .jdGallery img, .jdGallery .slideInfoZone, .jdGallery .slideInfoZone h2, .jdGallery div.carouselContainer, .jdGallery .carousel, .jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton, .jdGallery .gallerySelector h2, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info  {
	margin: 0px;
	}
#pageBody, #pageContainer, #footerContent, #topnav, .centerpic, img.centered, .caption, .navigation, #comment, #myGallery {
	margin: 0px auto;
	}
#rightcol {
	margin: 20px 20px 20px 0px;
	}
.search-results, .post-content, .page-content, .post-excerpt, .navigation, #commentBox, .related {
	margin: 0px 20px;
	}
blockquote, li.panel ul li h4, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	margin: 10px 0px;
	}
.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
	margin: 2px 5px;
	}
h1, #upper-nav-links {
	margin-top: 20px;
	}
.navigation {
	margin-top: 40px;
	}
.response, .alignleft, .right, #topright li {
	margin-right: 20px;
	}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
	margin-right: 5px;
	}
.post, .alignright {
	margin-bottom: 20px;
	}
.attrib, h2.post-title, h3.post-title {
	margin: 0px 0px 20px 20px;
	}
p, h1, ul.panel li.pic, .alignleft, .centerpic, img.centred, .column ul, h4, dt, dd, #rightcol li h2, search-panel, .amazon-links, .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
	margin-bottom: 10px;
	}
.post .panel {
	margin-bottom: 5px;
	}
#rightcol li h2 {
	margin-left: 10px;
	}
	
.alignright, .left, .response, #topleft li, .intro {
	margin-left: 20px;
	}

    /* padding */

html, body, #pageContainer, #menuContainer, #topnav, #topright, .topright ul, .topright ul li, #maincol, #rightcol, .post, .column ul, .column ul li, .column ul li ul, .column ul li ul li, .more-link, .navigation, ul.panel, form, #footerContent, #footerMain, .post-content, .page-content, .column ul, h4, dt, dd, .jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p, .jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
	padding: 0px;
	}
blockquote {
	padding: 0px 10px 10px 20px;
	}
ul.panel li .notes {
	padding: 0px 170px 0px 40px;
	}
.column ul li {
	padding: 10px 80px 10px 10px;
	}
#topright, .jdGallery .gallerySelector h2, .intro {
	padding: 10px 20px;
	}
#comment {
	padding: 10px;
	}
.search-panel, .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
	padding: 5px;
	}
.post .panel li {
	padding: 0px 10px;
	}
.post .panel ul.features li, ol, ol li {
	padding: 5px 10px;
	}
/*
#header, .post {
	padding-left: 30px;
	}
*/
.jdGallery a.carouselBtn, .jdGallery a.gallerySelectorBtn {
	padding: 0px 10px;
	}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
	padding: 1px 2px;
	}
ul.panel li.main, ul.panel li.pic {
	padding: 20px;
	}
#pageBody {
	padding-bottom: 150px;
	}

/* z-index */
	
#myGallery, #myGallerySet, #flickrGallery {
	z-index:5;
	}
.withArrows a.open, .jdGallery a.right, .jdGallery a.left, .jdGallery div.carouselContainer, .jdGallery .slideInfoZone {
	z-index: 10;
	}
.jdGallery a.gallerySelectorBtn {
	z-index: 15;
	}
.jdGallery .gallerySelector {
	z-index: 20;
	}
	
.lyric, .intro {
	width: 240px;
	}
	
/* debug */

/*
.masthead, .page-content {
	border: 1px solid silver;
	}
*/