/* @override http://tog.localhost/assets/styles/screen.css */

/* REMOVE LINK OUTLINE IN FIREFOX */
a {outline: none;} 

/* GLOBAL RESET */
* {padding:0;margin:0;}

/*html styles*/
body {font-family:Verdana,sans-serif; margin:40px 0 0 0; padding:0; font-size:70%; line-height:150%; background:#EFEFEF url(/assets/images/background.gif) repeat-y; color:#594E43;}

#col2 a:link, #col2 a:visited {color:#EC5E36;} 
a:hover {color:#333; text-decoration:none;}

h1 {display:none;}
h2 {margin:0 0 22px 0; padding-bottom:10px; font-size:1.8em; font-weight:normal; color:#EC5E36; border-bottom:1px solid #BABABA; line-height: 1.3em;}
h2 span {font-size:0.8em; line-height: 0.8em;}
h3 {margin:-2px 0 0.4em 0;padding:0;font-size:1.1em;}
h4 {margin-bottom: 0; font-size:1em;}
p {margin:3px 0 10px 0;}
address {font-style:normal; font-weight: bold; margin-bottom:1em;}

/* extras */
.qtmark {font-family: Georgia, serif; font-weight: bolder; font-size: 13px;}
.nph2 {margin-top:15px;padding-top:20px;border-top:2px solid #BABABA;}
.role {display:block;font-size:11px;}
.subtext {font-weight:bold;margin-top:0px;padding-top:0px;}
.more {margin:0 0 15px 0;padding:7px 0 10px 0;font-size:10px;font-weight:bold;text-transform:uppercase;color:#BABABA;border-bottom:1px solid #BABABA;}
.prodmore {margin:-8px 0 10px 0;padding:0px 0 0 0;font-size:0.9em;font-weight:bold;text-transform:uppercase;color:#BABABA;}
.more a:link, .more a:visited, .prodmore a:link, .prodmore a:visited {color:#BABABA !important;text-decoration:none;}
.more a:hover, .prodmore a:hover {color:#333 !important;}
.spacer {clear:both;height:15px;}
hr {display:  none;}
.hr {clear:both; height:15px; border-top:  1px solid #bababa;}

/* buttons */
.button a {padding: 4px 9px 4px 9px; text-align: center; background:#FFFFFF url(/assets/images/button-bg.png) repeat-x 0 0; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #CECCC9;color:#EC5E36 !important; text-decoration:none !important;}
.button a:hover {text-decoration:none !important; background:#FFFFFF url(/assets/images/button-bg-on.png) repeat-x 0 0; color: #FF653B !important; border-top-color:#E7E7E7;}
.button a:active {background-image:none; text-decoration:none !important; border-top: 1px solid #cccccc; border-bottom: 1px solid #DFDFDF; background-color: #FAFAFA;}

#col1 .button a {display: block;}

#container {width:653px;margin:0 0 0 43px;background:#FFF url(/assets/images/containerback.gif) repeat-y;}

/* sidebar styles */
#sidebar {width:20em; position:absolute; left: 739px; top: 111px;}
#sidebar blockquote {background: url(/assets/images/sb-lquote.gif) no-repeat left top;padding: 33px 17px 1em 17px;}
.sb-quote {background: #E5E5E5 url(/assets/images/sb-rquote.gif) no-repeat right bottom; border: 1px solid #DDDDDD; margin-bottom: 18px;}
.sb-credit {font-weight: bold; padding: 0px 17px 0px 17px;}
.sb-viewall {font-size:10px;font-weight:bold;text-transform:uppercase;text-align: right;}
.sb-viewall a{color:#BABABA;text-decoration: none;}
.sb-viewall a:hover{color: #000000;}

#header {width:100%;margin:0;padding:0;background:#FFF;border-bottom:0px solid #FFF;}

#logo {margin-bottom: 15px;}

blockquote#intro {margin:0 0 1em 0;padding:0;font-size:20px;font-weight:normal;line-height:140%;}

/* navigation styles */
#navigation {border-top: 2px solid #D1D1D1; border-bottom: 2px solid #D1D1D1;}
#navigation ul {list-style-type:none; margin:2px 0 2px 0; padding:0; clear: both;}
#navigation li {display:block; float:left; padding: 0 5px 0 5px; font-size: 0.9em; font-weight:bold; text-transform:uppercase; color:#BABABA;}
#navigation li a:link, #navigation li a:visited {color:#BABABA;text-decoration:none;}
#navigation li a.active {color:#594E43;}
#navigation li a:hover {color:#333;}
#navigation ul:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
#navigation ul{display: inline-block;}
/* Hides from IE-mac \*/* html #navigation ul{height: 1%;}#navigation ul{display: block;}/* End hide from IE-mac */

/* secondary navigation styles */
#col2 #sec_nav {border-bottom: 1px solid #BABABA; margin-bottom: 14px; padding-bottom: 3px; margin-top: -20px;}
#col2 #sec_nav ul {list-style-type:none; margin:0 !important; padding:0; clear: both;}
#col2 #sec_nav ul:after {content: ".";display: block; height: 0;clear: both; visibility: hidden;}
#col2 #sec_nav ul{display: inline-block;}
/* Hides from IE-mac \*/* html #col2 #sec_nav ul{height: 1%;}#col2 #sec_nav ul{display: block;}/* End hide from IE-mac */
#col2 #sec_nav li {display:block; float:left; margin-right: 4px;padding:0 6px 0 6px; color:#9A9A9A;}
#col2 #sec_nav li a:link, #sec_nav li a:visited {text-decoration:none; font-weight: normal; color:#9A9A9A;}
#col2 #sec_nav li.on a:link, #col2 #sec_nav li.on a:visited {font-weight: bold;}
#col2 #sec_nav li a:hover {color:#333;}

/* --- COLS --- */

/* col1 */
#col1 {float:left;width:273px;background:transparent;}
#col1 img {border-top:20px solid #FFF;}

#col1 ul {list-style:none; margin: 0 0 10px 0;}
#col1 ul li{border-bottom:1px dashed #CECCC9; padding: 2px 6px 2px 8px; background: url(/assets/images/bullet.gif) no-repeat 0 7px;}
#col1 a {color:#594E43; text-decoration:none;}
#col1 a:hover {color:#594E43; text-decoration:underline;}
#col1 h3 {margin-bottom: 0.5em;}
#col1 h4 {margin-bottom: 0;}

/* col2 */
#col2 {float:right;width:357px;padding-top:20px;background:transparent;}
#col2 ul {font-weight:bold; margin:0 0 1em 0; padding:0 0 0 15px;}
#col2 ul li {margin:0;padding: 4px 0 4px 0;}

/* Image styles */
.floatl {float:left;margin:0 10px 10px 0;width:150px;}
.floatr {float:right;width:195px;}
img {border:0;}

/*production page styles*/
#credit {float:left;padding-top:16px;font-size:10px;width:273px;background:transparent;}
/*.credit {margin:10px 20px 0 20px;}*/
.presscredit {font-weight:bold;margin-top:-8px;}
.email {color:#999; margin-top:-10px;}
.title {font-weight:bold;}
.other_images img {margin:0 0 15px 0;}

.logos {margin:15px 0 20px 0; padding:15px 0 15px 0; border-top:1px solid #BABABA; border-bottom:1px solid #BABABA;}

.mp3player { margin-bottom: 2px;}
.mp3playertitle { text-transform:capitalize; font-size: 0.85em;}

/* press styles */
#pressarea ul {margin-left: 0; padding-left: 0;}
#pressarea li {list-style: none;border-bottom: 1px dotted #CCC;margin-left: 0;padding-left: 0;font-weight: normal;}
#pressarea {margin-bottom: 150px;}

/* discussion/forum styles */
#discussion_nav {border-top:20px solid #FFF; padding: 11px 12px 12px 12px;}
#production_nav {padding: 11px 12px 12px 12px;}

.discussion_arch {margin-bottom: 1.5em;}

#progress {background:#EFEFEF url(/assets/images/ajax-loader-orange.gif) no-repeat 0px 0px; padding: 0 0 0 22px;}
#col2.mailing #progress, #com_progress {background:#fff url(/assets/images/ajax-loader-orange-wht.gif) no-repeat 0px 0px; padding: 0 0 0 22px;}

.errMsg {font-weight: bold;color: #cc060b;}

.posting {border-bottom: 1px solid #BABABA; margin-bottom: 1.5em; padding-bottom: 0.5em;}
.posting h3 {color:#EC5E36;}
.posting h5 {font-weight:normal; font-size:0.9em; margin-top: -3px; margin-bottom: 3px; color:  #999;}
.posting h5 a {color:  #666 !important; text-decoration:  underline;}
.posting h5 a:hover {color:  #a8ba3a !important; text-decoration:  underline;}

#paginate {margin-bottom: 0.4em;}
#paginate a {color:#BABABA !important; font-size:10px; text-decoration:none;font-weight:bold;text-transform:uppercase; text-align: right;}
#paginate a:hover{color: #000000 !important;}

.postingcomment {margin-bottom: 1.2em;}
.comment-spbox {background:#A8BA3A url(/assets/images/comment-spbox.gif) no-repeat right bottom;color: #FFFFFF; font-weight:bold; padding: 2px 5px 10px 5px; margin-right: 3px;}
.postingcomment h4{margin-bottom: 1.5em;}

.postingcommentbdy {border: 1px solid #E4E4E4; background-color:#F9F9F9; padding: 5px 10px 5px 10px;}


/* footer styles */
#footer {float:right; width:362px; font-size:0.9em; margin-bottom:20px; padding-top:15px; border-top:1px solid #BABABA; background:transparent;}
#footer a:link, #footer a:visited {color:#594E43;text-decoration:none;}
#footer a:hover {color:#000;}

/* FORMS */

/* mailing list form styles */
fieldset {font: normal 11px 'Lucida Grande',Verdana,sans-serif; margin:0 0 10px 0; padding:5px; border:1px solid #CCC;}
.endform table {width:100%;}
fieldset p {margin:3px 0 2px 0; padding:5px; border:1px solid #CCC; background:#EFEFEF;}
label {font-weight:bold;}
p input, p textarea {width:98%;}
p select {width:100%; margin:5px 0 5px 0; }
optgroup {color:#A0A0A0;}
option {color:#333333;}
input, textarea {margin:5px 0 5px 0; border:3px double #999;}
textarea, input, select {font: normal 11px 'Lucida Grande',Verdana,sans-serif; }
.submit {width: 99.9%; background-color: #F0F0F0;}
p.radios input {width: 1em; padding-top: 13px; border-style:none;}

.highlight {color: #CC060B;}

.denotes {font-size: 10px;}

/* discussion form styles */
#col1 fieldset, #discussion_nav .endform {font: normal 11px 'Lucida Grande',Verdana,sans-serif; margin:0 0 10px 0; padding:5px; border:1px solid #CCC; width: 237px;}
#col1 form {margin-bottom: 10px;}
#col1 .endform table {width:100%;}
#col1 fieldset p, #col1 fieldset h3, #col1 table {margin:3px 0 2px 0; padding:5px; background-color: #E0E0E0;}
#col1 fieldset p, #col1 table {background-color:#E0E0E0; border:1px solid #CCC;}
#col1 label {font-weight:bold;}

.validation-advice { color:  #fff; background-color:  #b01700; font-weight:  normal; padding:  3px;}

/*.credit {
	margin:10px 20px 0 0;
}*/

#press_progress {background:#EFEFEF url(/assets/images/ajax-loader-orange.gif) no-repeat 0px 0px; padding: 0 0 0 22px; margin: 20px;}

#image_preview p {
	padding:  0 20px 10px 20px;
	font-size:  .9em;
	line-height:  1.3em;
}

#image_preview h3 {
	margin:  20px 20px 0 20px;
}

p#pa_credit {
	margin: 0;
	color:  #999;
	font-size:  .9em;
}

.comment_entry {border-bottom: 1px dotted #ccc; margin: 30px 0; padding: 0 0 15px 0;}
.comment_entry p.comment_meta {border-left: 3px solid #ccc; padding-left: 5px;}

#col1 p.credit {color: #7a7a7a; padding: 10px;}
/* social links */
#social-links {background: url(../images/social-links/bkgd.png) repeat-x top left; padding: 15px 10px; margin-top: 20px;}
#social-links p {font-size: 12px; color: #b2b2b2;}

#social-links ul li {list-style-type: none; background: none; border: none; display: inline; float: left; padding: 0; margin: 0;}
#social-links ul li a {display: block; width: 71px; height: 29px; text-indent: -9999px; padding: 0; margin: 0 13px 0 0;}
#social-links ul li a:hover {background-position: bottom left !important;}

#social-links ul li a#sl-twitter {background: url(../images/social-links/twitter.gif) no-repeat top left; }
#social-links ul li a#sl-facebook {background: url(../images/social-links/facebook.gif) no-repeat top left; }
#social-links ul li a#sl-youtube {background: url(../images/social-links/youtube.gif) no-repeat top left; margin-right: 0 !important;}

#col1 .tweet {clear: both; padding: 30px 10px 15px 10px;}
#col1 .tweet p {font-size: 12px; line-height: 140%;}
#col1 .tweet .status {margin: 0; background-color: #f6f6f6; padding: 15px;}
#col1 .tweet .date {font-size: 10px; color: #c1c1c1; padding: 5px 15px; font-style: italic;}
#col1 .tweet .date a { font-style: normal; font-weight: bold;}
#col1 .tweet .date a:hover {color: #a8ba3a; }