/*
Theme Name: Sleeping Giant Glossolalia
Theme URI: http://www.sleepinggiantglossolalia.com/
Description: The 2012 theme for the SGG site.
Author: Suny Gao
Author URI: http://www.sunygao.com/
Version: 1.0

License:
License URI:

General comments (optional).
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear { clear: both; }
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
font sizes
px  %
10	77
11	85
12	93
13	100
14	108
15	116
16	123.1
17	131
18	138.5
19	146.5
20	153.9
21	161.6
22	167
23	174
24	182
25	189
26	197
*/

/*
* sgg.global.css
*
*/

@font-face {
    font-family: 'BitterRegular';
    src: url('fonts/Bitter-Regular-webfont.eot');
    src: url('fonts/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bitter-Regular-webfont.woff') format('woff'),
         url('fonts/Bitter-Regular-webfont.ttf') format('truetype'),
         url('fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitterItalic';
    src: url('fonts/Bitter-Italic-webfont.eot');
    src: url('fonts/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bitter-Italic-webfont.woff') format('woff'),
         url('fonts/Bitter-Italic-webfont.ttf') format('truetype'),
         url('fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitterBold';
    src: url('fonts/Bitter-Bold-webfont.eot');
    src: url('fonts/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bitter-Bold-webfont.woff') format('woff'),
         url('fonts/Bitter-Bold-webfont.ttf') format('truetype'),
         url('fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { background: #dbdbdb; color: #595959; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 166%; }
strong { font-weight: bold; }
em { font-style: italic; }
object { outline: medium none !important; }
a { color: #7d7d7d; font-family: "BitterRegular"; text-decoration: none; text-transform: uppercase; 
-webkit-transition: all .2s ease-in-out;
	 -moz-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out; }
a:hover { color: #fff !important; }
.link { cursor: pointer; }
.arrow_link { background: #cfcfcf; cursor: pointer; display: block; padding: 2px 0 2px 8px; position: relative; }
.arrow_link:hover { color: #fff; }
.arrow_link span { display: block; position: absolute; right: 0; text-indent: -9999px; }
.arrow_link .arrow1 { border-left: 15px solid transparent; border-top: 15px solid #dbdbdb; top: 0; }
.arrow_link .arrow2 { border-bottom: 15px solid #dbdbdb; border-left: 15px solid transparent; bottom: 0; }

#Page_Wrapper { 
    margin: 0 auto; 
    width: 685px; 
}
h1 a { background: transparent url(images/sprite.global.jpg) no-repeat 0 0; display: block; height: 167px; margin: 8px auto 11px; text-indent: -9999px; width: 364px; }

#menu-nav { height: 23px; margin: 0 auto 32px; overflow: hidden; width: 364px; }
#menu-nav li { display: inline; }
#menu-nav a { font-family: "BitterRegular"; display: block; height: 11px; float: left; }
#menu-nav #menu-item-18 a { float: left; margin-right: 47px;  }
#menu-nav #menu-item-14 a { margin-right: 45px; }
#menu-nav #menu-item-16 a { float: right; }

/* footer */
.footer { background: #cfcfcf; clear: both; margin: 40px 0 0; width: 100%; }
#footer_content { margin: 0 auto; padding: 19px 0 15px; overflow: hidden; width: 671px; }
#footer_content p { float: left; font-family: "BitterRegular"; font-size: 85%; }
#footer_content .powered_by { float: right; }
#footer_content ul { float: right; }
#footer_content ul li { float: left; }

h2 { color: #bcbcbc; font-family: 'BitterRegular', Helvetica, Arial, sans-serif; font-size: 120%; margin-bottom: 16px; text-transform: uppercase; }


/* blog */
#blog,
#contact { float: left; margin: 0 23px 20px 0; width: 485px; }
#blog li,
#aside li,
#share_tools ul { background: #cfcfcf; list-style: none; margin-bottom: 20px; padding-bottom: 13px; position: relative; width: 100%; }
#blog li { /* overflow: hidden; */ padding: 35px 20px 10px; width: auto; }
#blog li .wp-caption { margin: 20px 0; width: auto !important; }
#blog li .wp-caption-text { font-family: "BitterRegular"; font-size: 85%; padding: 0; text-transform: uppercase; }
#blog li img { display: block; height: auto; margin: 0 auto; width: 100%; }
#blog li p { margin: 10px 0; }
#blog li .post_content { clear: both; }
#blog li h3 { color: #565656; float: left; font-family: "BitterRegular", Helvetica, Arial, sans-serif; font-size: 115%; margin: 0 10px 10px 0; text-transform: uppercase; }
#blog .entry { clear: left; margin-bottom: 20px; }
#blog .entry a { }
#blog .post_content a { color: #2c2c2c;  text-transform: none; }
#blog .entry img { height: auto !important; left: -20px; position: relative; width: 485px !important; }
#blog .entry iframe { display: block; margin: 0 auto; }
#blog .entry .post_content iframe { margin: 0 auto 0 -20px; width: 485px !important; }
#blog li .date { font-family: "BitterRegular", Helvetica, Arial, sans-serif; float: right; font-size: 85%; position: absolute; right: 20px; top: 0; text-align: right; }
#blog .entry-summary { clear: left; }
#blog .comments-link { float: left; margin-left: 20px; width: auto; }
#blog ul li .entry_footer,
#blog ul li .entry_footer a { width: auto; }
#blog ul li .entry_footer p { font-size: 85%; }
#blog ul li .entry_footer #share { margin-top: 20px; }
#blog ul li .entry_footer #share li { margin-bottom: 0; overflow: visible; padding: 0; }
#blog ul li .entry_footer #share .facebook { float: left; }
#blog ul li .entry_footer #share .twitter { float: right; width: 75px; }
#blog .categories,
#blog .tags { clear: left; float: left; }
#blog .tools { float: right; }
#blog .tools p { float: left; margin-left: 5px; }
#blog #comments h3,
#comments h4 { color: #565656; font-family: "BitterRegular"; font-size: 103%; text-transform: uppercase; }
#comments h3 small { font-size: 66%; }
#comments p { clear: left; font-size: 85%; }
#blog #comments li { padding: 10px 20px; }
#comments .comment-notes { clear: left; }
#comments .commentlist { margin-top: 10px; }
#comments .comment-author { font-family: "BitterRegular"; font-size: 85%; }
#blog #comments li img { float: left; height: 68px; margin: 0 10px 5px 0; width: 68px; }
#comments .fn { font-family: "BitterRegular"; text-transform: uppercase; }
#comments .reply a { clear: left; display: block; font-family: "BitterRegular"; font-size: 85%; }
#comments .commentlist #respond { border-top: 1px solid #7D7D7D; margin-top: 10px; padding-top: 10px; }
#comments #respond label,
#comments #respond span,
#comments #respond input { display: block; float: left; }
#comments #respond .comment-notes span { display: inline; float: none; }
#comments #respond label { clear: left; }
#comments #respond .required { color: red; display: inline; float: none; }
#comments #respond input { margin-left: 5px; padding: 3px; }
#comments #respond textarea { display: block; resize: vertical; width: 100%; }
#comments #respond textarea,
#comments #respond input { border: 1px solid #CFCFCF;
-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
				border-radius: 3px;
	 -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .2);
			-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .2);
					 box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .2);}
#comments .form-allowed-tags { font-size: 77%; line-height: 120%; }
#blog #comments .form-submit input { background: #565656; border: none; color: #C3C3C3; cursor: pointer; display: block; font-family: "BitterBold"; font-size: 93%; margin: 10px 0; padding: 5px 10px; }
#comments .form-submit #submit:hover { color: #fff; }
#pagination .nav-previous { float: left; }
#pagination .nav-next { float: right; }
#comments small { display: block; font-size: 77%; line-height: 150%; }
#comments #securitycode { margin-left: 0 !important; margin-right: 20px !important; }

/* releases */

#releases li p { font-family: "BitterRegular", Helvetica, Arial, sans-serif; font-size: 85%; line-height: 140%; padding: 0 10px; text-transform: uppercase; }
#releases li p strong { font-family: "BitterBold"; font-weight: normal; }
#releases li a { background: transparent url(images/sprite.global.jpg) no-repeat -574px -264px; bottom: -5px; color: #c3c3c3; font-family: "BitterBold"; font-size: 77%; height: 20px; left: -6px; padding: 12px 0 0 9px; position: absolute; width: 94px; }
#releases li a:hover { color: #fff; }
#releases .more-link { display: none; }
#visit_store { font-size: 93%; }

/* share tools */
#share_tools ul { padding: 10px; width: 141px; }
#share_tools ul li { background: transparent; width: auto; margin-bottom: 10px; padding-bottom: 0; }
#share_tools ul .last { margin-bottom: 0; }

/* aside */
#aside { 
    float: right; 
    margin-bottom: 40px; 
    width: 175px; 
}
#aside li { padding-bottom: 25px; }
#aside #meta li { background: transparent; margin-bottom: 0; padding: 0; }
#aside #meta li a { font-size: 85%; }

/* ---Discography--- */
.discography #main { left: 17px; position: relative; }
.discography h3 { font-family: "BitterBold"; font-size: 100%; margin-bottom: 16px; }
.discography .entry { background: #CFCFCF; float: left; height: 316px; margin: 0 17px 30px 0; padding: 0 15px; position: relative; width: 120px; }
.discography .entry img { display: block; height: 150px; left: -15px; margin-bottom: 10px; position: relative; width: 150px; }
.discography .entry p { font-family: "BitterRegular"; font-size: 85%; line-height: 150%; margin-bottom: 5px; }
.discography .entry p strong { font-family: "BitterBold"; font-weight: normal; }
.discography .entry a { background: transparent url(images/sprite.global.jpg) no-repeat -574px -264px; bottom: -5px; color: #c3c3c3; font-family: "BitterBold"; font-size: 77%; height: 20px; left: -6px; padding: 12px 0 0 9px; position: absolute; width: 94px; }
.discography .entry .more-link { background: transparent; bottom: 25px; color: #7D7D7D; font-family: "BitterRegular"; font-size: 100%; left: 15px; padding: 0; width: auto; }

/* ---Contact--- */
#contact p { margin-bottom: 10px; }

/* ---bigcartel--- */
#releases img { 
    width: 175px; 
}
.bc-plugin-product a {
    color: #595959;
}
.bc-plugin-product a:hover{
    color: #ffffff;
}
.bc-plugin-products .bc-plugin-product {
    background: #cfcfcf;
    margin-bottom: 20px;
    padding-bottom: 6px;
}
.bc-plugin-title{
    font-family: "BitterBold";
    font-size: 85%;
    line-height: 140%;
    padding: 1px 10px;
    
}
.bc-plugin-price{
    font-family: "BitterRegular", Helvetica, Arial, sans-serif;
    font-size: 85%;
    line-height: 140%;
    padding: 4px 10px;
}