/**
 * Main stylesheet
 *
 *
 * @package Young_Indies
 */

/*
------------------------------------------- 
	overhaul 
------------------------------------------- 
*/
* {	
	margin:0; padding:0; border:0; outline:0;
	vertical-align:baseline; background-color:transparent; background-repeat:no-repeat;
	font-family:inherit; font-size:inherit; line-height:inherit;
	font-weight:inherit; text-decoration:inherit; font-style:inherit; color:inherit;
}
body { 
	text-align:center; font-size:10px; line-height:1.2;
	font-weight:normal; text-decoration:none; font-style:normal;
}
div { text-align:left; }
ul, ol { list-style:none; list-style-position:outside; }
strong, b { font-weight:bold; } 
em, i, cite, dfn, ins { font-style:italic; }
u { text-decoration:underline; }
del, strike { text-decoration:line-through; }
blockquote, q { quotes:none; }
q:before, q:after { content:'"'; }
fieldset, input, button, textarea, select, label, object, code { display:block; }
label { clear:left; }
label.fl { clear:none; }
input[type='radio'], input[type='checkbox'] { float:left; clear:left; }
input[type='submit'], input[type='reset'], input[type='button'], button { cursor:pointer; }
input[type='hidden'] { display:none; }
textarea { overflow:auto; } /* prevent scrollbar on IE */
textarea { resize:none;   } /* prevent grip on Safari */
table { border-collapse:collapse; border-spacing:0; }
caption { text-align:center; }
sup { vertical-align:super; font-size:.8em; }
sub { vertical-align:sub; font-size:.8em; }
small { font-size:.8em; }
big { font-size:1.2em; }
code, samp, var, kbd, tt { font-family:monospace; }
pre { white-space:pre-wrap; }
hr { height:1px; width:100%; }
address { font-style:normal; }
a,a:link,a:hover { text-decoration:none; } /* redundant, but necessary for IE */

/*
------------------------------------------- 
	general helpers  
------------------------------------------- 
*/
.hidden { display:none; }
.centered { margin-left:auto; margin-right:auto; }
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.fl { float:left; }
.fr { float:right; }
.graphic a 		{ display:block; }
.graphic span 	{ display:none;  }

/*
----------------------------------------------------------------- 
	Clearfix 
	( see http://www.positioniseverything.net/easyclearing.html )
----------------------------------------------------------------- 
*/	
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/*
------------------------------------------- 
	modules 
------------------------------------------- 
*/
html, body { height:100%; }

div.grid:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }	
div.grid { display:inline-block; }
html[xmlns] div.grid { display:block; }
* html div.grid { height:1%; }

div.grid div.column { float:left; display:inline; }
div.grid div.column-r { float:right; display:inline; }
	
div.grid .x1 { width:16.0em; }
div.grid .x2 { width:32.0em; }
div.grid .x3 { width:48.0em; }
div.grid .x4 { width:64.0em; }
div.grid .x5 { width:80.0em; }
div.grid .x6,
#page.ft-fix #pageFoot, 
div.full { width:96.0em; }

div.grid .forward-x1 { margin-left:16.0em; }
div.grid .forward-x2 { margin-left:32.0em; }
div.grid .forward-x3 { margin-left:48.0em; }
div.grid .forward-x4 { margin-left:64.0em; }
div.grid .forward-x5 { margin-left:80.0em; }
div.grid .forward-x6 { clear:left; }

#page 					{ background-repeat:repeat-y; }
#page.col-fix-x3		{ background-image:url('../graphics/page-configs/x3.png');	  }
#page.col-fix-x3f1 		{ background-image:url('../graphics/page-configs/x3f1.png');  }
#page.col-fix-x4		{ background-image:url('../graphics/page-configs/x4.png');	  }
#page.col-fix-x4f1 		{ background-image:url('../graphics/page-configs/x4f1.png');  }
#page.col-fix-xFull  	{ background-image:url('../graphics/page-configs/xFull.png'); }
#page.ft-fix 			{ min-height:100%; }

div.box { margin:0 0 12px 0; padding:0 1.2em 0 1.2em; }

div.box,
div.box div.hd,
div.box div.ft { position:relative; overflow:hidden; }

.actions { overflow:hidden; }
.actions a { display:block; float:left; width:16px; height:16px; margin:0 0 0 8px; background-image:url('../graphics/action-set.png'); }
.actions .rss 		{ background-position:0 0;      }
.actions .twitter 	{ background-position:-16px 0;  }
.actions .facebook 	{ background-position:-32px 0;  }
.actions .delicious { background-position:-48px 0;  }
.actions .digg 		{ background-position:-64px 0;  }
.actions .reddit 	{ background-position:-80px 0;  }
.actions .stumble 	{ background-position:-96px 0;  }
.actions .shareThis { background-position:-112px 0; }
.actions .comments 	{ background-position:-128px 0; }

.actions .rss:hover 		{ background-position:0 -16px;      }
.actions .twitter:hover 	{ background-position:-16px -16px;  }
.actions .facebook:hover 	{ background-position:-32px -16px;  }
.actions .delicious:hover 	{ background-position:-48px -16px;  }
.actions .digg:hover 		{ background-position:-64px -16px;  }
.actions .reddit:hover 		{ background-position:-80px -16px;  }
.actions .stumble:hover 	{ background-position:-96px -16px;  }
.actions .shareThis:hover 	{ background-position:-112px -16px; }
.actions .comments:hover	{ background-position:-128px -16px; }

div.tier { position:relative; overflow:hidden; display:block; }

div.horizontal-list ul { overflow:hidden; }
div.horizontal-list ul li { float:left; display:inline; }
div.horizontal-list ul li a { display:block; }

div.stack-list ul { border-top:1px solid #cccccc; }
div.stack-list li a { display:block; border-bottom:1px solid #cccccc; }

p img.fl { margin:1em 1em 1em 0; }
p img.fr { margin:1em 0 1em 1em; }

form.search { overflow:hidden; }
form.search input { float:left; }
form.search .s-btn-wrap { display:block; float:left; margin:4px; width:15px; height:15px; background-image:url('../graphics/s-btn.png'); cursor:pointer; }
form.search .s-btn-wrap input { display:none; }

a.logo { display:block; float:left; }

/*
------------------------------------------- 
	general theme
------------------------------------------- 
*/
body { background-color:#f1f1f1; color:#222222; font-family:Courier,'Courier New',monospace; }

a { color:#a21000; }
a:hover { color:#222222; }

form input[type='text'],
form select,
form textarea { background-color:#f1f1f1; color:#666666; border:1px solid #cdcdcd; font-size:1.3em; padding:3px; }
form input[type='text']:focus,
form textarea:focus { border-top-color:#999999; background-color:#eeeeee; }
form input[type='submit'] { font-size:1.3em; color:#ffffff; text-transform:uppercase; background:#999999; padding:3px 4px 1px; }
form input[type='submit']:hover { background-color:#1a1a1a; }
form label { font-size:1.3em; color:#444444; padding:0 12px 4px; }
form fieldset legend { font-size:1.4em; padding:0 0 8px; }
form select optgroup { color:#999999; text-transform:uppercase; }
form select optgroup option { color:#333333; text-transform:none; padding:1px; }
.bd form p { margin:0; padding:0; font-size:1em; } 

table { max-width:100%; }
table caption { font-size:1.4em; text-transform:uppercase; font-family:'Courier New',Courier,monospace; margin-bottom:2px; }
table thead tr th { font-weight:bold; text-align:center; color:#666666; background-color:#ffffff; padding:6px 12px; border:1px solid #bcbcbc; }	
table tfoot tr td { font-size:1.3em; text-transform:uppercase; background-color:#ffffff; padding:4px 8px 2px; }
table tfoot tr { border:1px solid #bcbcbc; }
table tfoot tr td a { color:#8a8a8a; word-spacing:-5px; }
table tfoot tr td a:hover { color:#888888; }
table tbody tr td { color:#666666; text-align:center; padding:6px 12px; border:1px solid #bcbcbc; }

h1,
h2 { font-size:1.8em; font-weight:bold; padding:34px 0 8px 12px; }

#pageNav { float:left; margin-top:16px; }
#pageNav li a { color:#222222; font-size:2.1em; padding:4px 12px; line-height:1; }
#pageNav li a:hover { color:#a21000; text-decoration:underline; }

#pageHead .super { height:60px; }

#pageHead .super form { position:absolute; top:21px; right:15px; }
#pageHead .super form input[type='text'] { width:143px; }

#pageHead .sub { padding:11px 15px; }
#pageHead .sub .actions { float:right; }

#pageHead a.logo,
#pageHead .tier,
.card,
.bcard { background-color:#ffffff; border:1px solid #bcbcbc; -moz-border-radius:2px; -webkit-border-radius:2px; }
#pageHead .tier.super { border-bottom-color:#eeeeee; }

#pageHead a.logo { width:159px; height:99px; background-image:url('../graphics/logo-alt.png'); background-position:-32px 0; border-top:0; border-right:0; -moz-border-radius-bottomright:0; -webkit-border-radius-bottomright:0; }

#pageHead h1 { padding:0; }
#pageHead h1.main-logo a { width:300px; height:86px; background-image:url('../graphics/logo.png'); margin:18px auto 0; }

#pageHead .tier { border-top:0; border-left:0; -moz-border-radius-bottomleft:0; -webkit-border-radius-bottomleft:0; }

#pageBody { padding:18px 0 52px; }

.card .hd { margin-top:26px; }
.box .bd { padding-top:23px; }
.box .ft { border:1px solid #dcdcdc; border-left:0; border-right:0; margin-bottom:13px; }

/*
------------------------------------------- 
	article header 
------------------------------------------- 
*/
.hd h1,
.hd h3 { font-size:2.2em; font-weight:bold; margin:13px 0 0; padding:16px 0 0 82px; border-top:1px dotted #dddddd; }
.hd h1 a,
.hd h3 a { color:#222222; }

body.page .hd h1 { font-size:2.8em; font-weight:normal; color:#666666; padding:16px 0 1px; border-top:0; border-bottom:1px solid #bcbcbc; letter-spacing:1px; }

.bcard .hd h2,
.cCard .hd h2 { font-size:2.4em; font-weight:bold; font-style:italic; color:#666666; padding:8px 0 4px; border-top:0; border-bottom:1px solid #bcbcbc; }

.hd cite { font-style:normal; }
.hd cite.date { position:absolute; top:0; right:0; font-size:1.1em; color:#888888; text-transform:uppercase; }
.hd cite.date a { color:#888888; }
.hd cite.author { font-size:1.4em; padding:0 0 0 124px; }
.hd cite.author a { color:#222222; }

/*
------------------------------------------- 
	main content 
------------------------------------------- 
*/
.bd p,
.bd ul,
.bd ol,
.bd dl { font-family:Georgia,serif; font-size:1.3em; line-height:1.6; margin-bottom:17px; }

.bd blockquote { font-style:italic; padding:0 12px 12px; background-color:#f1f1f1; margin-bottom:17px; } 
.bd blockquote p { margin-bottom:0; padding-top:12px; }
.bd blockquote cite { display:block; font-style:normal; font-size:1.1em; color:#444444; }

.bd li p { font-size:1em; }

.bd ul { list-style-type:square; margin-left:12px; }
.bd ol { list-style-type:decimal; margin-left:18px; }

.bd dl dt { font-weight:bold; border-top:1px dotted #dddddd; }
.bd dl dd { margin:0 24px; }

.bd h2,
.bd h3,
.bd h4,
.bd h5,
.bd h6 { margin-bottom:8px; }

.bd h2 { font-size:1.8em; padding:0; }
.bd h3 { font-size:1.6em; }
.bd h4 { font-size:1.4em; letter-spacing:.03em; font-weight:normal; color:#444444; }
.bd h5 { font-size:1.3em; font-weight:bold; color:#444444; }
.bd h6 { font-size:1.2em; font-weight:normal; color:#666666; text-transform:uppercase; }

.bd img,
.bd object { display:block; margin-left:auto; margin-right:auto; }

.bd img,
.bd object,
.bd table,
.bd form { max-width:100%; margin-bottom:17px; }
.bd embed { max-width:100%; }

.bd table thead tr th { font-size:1.2em; background-color:#f1f1f1; color:#444444; }
.bd table tbody tr td { font-size:1.2em; }
.bd table tfoot tr td { background-color:#f1f1f1; color:#666666; }

.bd form input[type='text'],
.bd form select,
.bd form textarea { margin-bottom:20px; width:298px; }
.bd form select   { width:306px; }
.bd form fieldset { margin-bottom:20px; }
.bd form input[type='submit'] { margin:-13px 0 0 12px; }

.bd a { }
.bd a:hover { color:#a21000; text-decoration:underline; }

.cCard .bd p,
.bcard .bd p,
.bcard .bd dl { font-size:1.4em; }
.bcard .bd dl dt,
.bcard .bd dl dd { margin-bottom:1em; }
.bcard .bd dl dt { float:left; clear:left; padding-right:1em; }
.bcard .bd dl dd { border-top:1px dotted #dddddd; }

.bd ul.gallery { text-align:center; overflow:hidden; margin:0 0 6px; padding:0; list-style-type:none; }
.bd ul.gallery li { margin:0 2px 6px 0; vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
.bd ul.gallery li img { width:200px; margin:0; padding:0; }

/*
------------------------------------------- 
	article footer 
------------------------------------------- 
*/
.continue { display:block; padding:3px 15px; margin:0 9px; text-align:right; font-size:1.3em; font-weight:bold; background-image:url('../graphics/arrow-set.png'); background-position:right 7px; }
.continue:hover { background-position:right -9px; }

.ft .actions { padding:6px 0; }
.ft .actions h6 { font-size:1.2em; text-transform:uppercase; color:#666666; float:left; }
.ft .actions h6 a { width:auto; height:auto; margin:0; background-image:none;  }
.ft .actions h6 a { color:#666666; }

/*
------------------------------------------- 
	utility panels 
------------------------------------------- 
*/
.column .utility .hd { margin-top:54px; }
.utility .hd h2 { font-size:2.2em; color:#666666; font-weight:normal; padding:0; }
.utility .bd { border:1px dotted #cccccc; border-left:0; border-right:0; padding-bottom:23px; }

.column .error-display { margin-bottom:54px; }
.column .error-display .hd h2 { color:#a21000; font-weight:bold; font-size:2.4em; text-transform:uppercase; }

.search-form .bd form { width:329px; margin:0 auto; }
.search-form .bd form input[type='text'] { margin-bottom:0; }

.comment-form .bd form { margin:0 auto; width:306px; }

.comment-list .bd { padding-bottom:13px; }
.comment-list .bd ol { list-style-type:none; margin:0; }
.comment-list .bd ol li { overflow:hidden; padding:12px 12px 12px 0; margin-bottom:10px; background-color:#f1f1f1; }
.comment-list .bd ol li img.avatar { float:left; margin:0 12px 0 0; display:inline; background-color:#ffffff; }
.comment-list .bd ol li div { overflow:hidden; }
.comment-list .bd ol li div cite { font-family:Courier,'Courier New',monospace; font-style:normal; font-size:.9em; color:#666666; }
.comment-list .bd ol li div cite span { text-transform:uppercase; }
.comment-list .bd ol li div cite a { color:#666666; }
.comment-list .bd ol li div cite a:hover { color:#888888; text-decoration:underline; }
.comment-list .bd blockquote { font-style:normal; font-size:.9em; padding:0; background-color:transparent; margin-bottom:0; } 

.post-nav span { max-width:40%; }
.post-nav a { display:block; padding:3px 12px 1px; margin:0 9px; font-size:1.3em; font-weight:bold; text-transform:uppercase; color:#444444; border:1px solid #cccccc; background-image:url('../graphics/arrow-set.png'); }
.post-nav .fr a { background-position:96% 6px; padding-right:19px; padding-left:6px; }
.post-nav .fl a { background-position:4% -27px; padding-left:19px; padding-right:6px; }
.post-nav a:hover { background-color:#f1f1f1; }
.post-nav .fr a:hover { background-position:96% -10px; }
.post-nav .fl a:hover { background-position:4% -43px;}


/*
------------------------------------------- 
	widgets 
------------------------------------------- 
*/
.categories ul li { margin-bottom:8px; font-family:'Courier New',Courier,monospace; }
.categories ul li a { display:block; padding:8px 22px 14px 12px; background-color:#2a2a2a; color:#cccccc; }
.categories ul li a:hover { background-color:#a21000; color:#ffffff; }
.x1 .categories ul li { font-size:1.2em; }
.x2 .categories ul li,
.x3 .categories ul li,
.x4 .categories ul li,
.x5 .categories ul li,
.x6 .categories ul li { font-size:1.6em; }
.x1 .categories ul li a { padding-left:8px; padding-right:0; }

.stack-list ul li { font-size:14px; }
.stack-list ul li a { color:#666666; padding:12px 12px 3px; }
.stack-list ul li a:hover { color:#333333; background-color:#ffffff; }

.pad-top caption { padding-top:46px; }
.widget table thead tr th { font-size:1.8em; }
.widget table tbody tr td { font-size:1.4em; font-weight:bold; color:#999999; }
.widget table tbody tr td#today { color:#000000; }
.widget table tbody tr td a { position:absolute; display:block; margin:-18px 0 0 -12px; padding:7px 0 0; width:40px; height:21px; }
.widget table tbody tr td a:hover { background-color:#ffffff; }
.widget table tfoot tr td a { display:block; }
.widget table tfoot tr td a:hover { }
.widget table tfoot tr td#prev,
.widget table tfoot tr td#next { text-indent:-99999px; }
.widget table tfoot tr td#prev a,
.widget table tfoot tr td#next a { background-image:url('../graphics/arrow-set.png'); }
.widget table tfoot tr td#prev a { background-position:0 -30px; }
.widget table tfoot tr td#next a { background-position:100% 3px; }
.widget table tfoot tr td#prev a:hover { background-position:0 -46px; }
.widget table tfoot tr td#next a:hover { background-position:100% -13px; }

.widget p a:hover { text-decoration:underline; }

.wpcf7-form { width:306px; margin:0 auto; }
.wpcf7-form textarea { height:100px; }

/*
------------------------------------------- 
	page footer 
------------------------------------------- 
*/
#pageFoot { overflow:hidden; padding:18px 0 13px; border-bottom:0; text-align:center; }
#page.ft-fix #pageFoot { position:fixed; bottom:0; }
#pageFoot,
#pageFoot a { color:#666666; }
#pageFoot a:hover { color:#888888; text-decoration:underline; }
#pageFoot span.copyright { /*padding-right:9px;*/ font-size:1.1em; }
#pageFoot ul,
#pageFoot ul li { display:inline; font-size:1.1em; }
#pageFoot ul li a { border-left:1px solid #999999; padding:0 9px 0 14px; }


/*
------------------------------------------- 
 	jcarousel
------------------------------------------- 
*/
.jcarousel-container { position:relative; margin:0 auto; }
.jcarousel-clip { z-index:2; overflow:hidden; position:relative; margin:0 auto; }
	* html .jcarousel-clip-horizontal { width:100%; }/*ie6 fix*/
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; }
.jcarousel-list .jcarousel-item { overflow:hidden; float:left; }

.jcarousel-next,
.jcarousel-prev {
    z-index:3; display:none; position:absolute; top:43%; 
	width:32px; height:32px; cursor:pointer;
}

.jcarousel-next { right:0; background-image:url("../graphics/arrow_full_right_32.png"); }
.jcarousel-prev { left: 0; background-image:url("../graphics/arrow_full_left_32.png");  }

.jcarousel-next:hover,
.jcarousel-next:active,
.jcarousel-prev:hover,
.jcarousel-prev:active { }

.jcarousel-next-disabled,
.jcarousel-prev-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active { background-image:none; background-color:transparent; cursor:default; }

#bloomingdale-posters .jcarousel-container { width:615px; height:617px; }
#bloomingdale-posters .jcarousel-clip,
#bloomingdale-posters .jcarousel-list .jcarousel-item { width:430px; height:600px; }