/* NOTE
	This is the stylesheet for Orange Unlit

========================================================================*/

/* BODY STYLES */
* {font-family:arial, helvetica, sans-serif;}
body {text-align: center;margin:0;padding:0;font-size:62.5%;background:url('/orangeunlit/images/unlit/bg_nomap.jpg') repeat-x top center; color:#333333;}
.index {background:url('/orangeunlit/images/unlit/bg.jpg') repeat-x top center; color:#333333;}
.orangebook {background: #feffed;}
img, form {border:0; margin:0;}
em {font-style:normal;}
p {padding:0; margin:12px 0 15px 0;}
p.first {margin-top:9px;}
a {text-decoration:underline; color:#333333; cursor:hand; c\ursor:pointer;}
a:hover {text-decoration:underline; color:#FF6600;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-size:100.01%;}
h1, h2 {color:#212121; font-weight:bold;}
select {font-size:100.01%; border:solid 1px #696867; color:#444;}
input[type=text], input[type=checkbox] {font-size:100.01%; border:solid 1px #696867; color:#444;}
* html input {font-size:100.01%; border:solid 1px #696867; color:#444;}
* html input.inputCheckBox {border:none;}
ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:10px 0px 10px;}
ul li {margin:0px;padding:0px 0px 10px;}
strong{font-weight:bold;}
blockquote {background:transparent url(/orangeunlit/images/unlit/dquote_open.gif) no-repeat scroll 0 4px;font-size:1.5em;line-height:1.5em;margin:0px;padding:0 0 0 30px;font-weight:bold;}
blockquote em {background:transparent url(/orangeunlit/images/unlit/dquote_close.gif) no-repeat scroll 6px 2px;width:23px;height:16px;padding:0 30px 0 0;}

.clear {clear:both; height:0;}
* html .clear {display:inline; height:auto;}
.left {float:left;}
.right {float:right;}
.none {clear:none;}

/* CLEARFIX */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

/* HIDDEN TEXT */
.hidden, caption {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}

/* DOUBLE CLICK SPOTLIGHT TAGS (hide from page) */
#tag, #webTrendsBodyTracking {position:absolute; left:0px; top:-500px; width:0px; height:0px; overflow:hidden;}

/* IMAGE REPLACEMENT */
.replace {position:relative; overflow:hidden;}
.replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}
* html>body .replace {overflow:visible; font-size:5px;}

/*  Image replacement using the Phark method for images with transparent backgrounds 
// Text indented off screen, cannot be seen with CSS on but images off - still read by screen readers */
.phark-replace { overflow: hidden; /* prevents dotted lines extending offscreen in FF */ background-repeat: no-repeat; text-indent: -9000px; }
.phark-replace a { display: block;  width: 100%;  height: 100%; }

/* ICONS */
.rss {height:21px;padding:6px 0 3px 28px;background: url(/orangeunlit/images/unlit/icon_rss.gif) no-repeat 0px 2px;}
.link {height:16px;padding:0px 0 0 20px;background:url(/orangeunlit/images/unlit/icon_link.gif) no-repeat top left;}
.linkSignup {height:16px;padding:0px 0 0 20px;background:url(/orangeunlit/images/unlit/signup_arrow.gif) no-repeat top left;}
.author {display:inline;float:left;padding:0 25px 0 0;}
.comments {display:inline;float:left;background:url(/orangeunlit/images/unlit/icon_comments.gif) no-repeat top left;height:20px;padding:0 25px 0 30px;}
.share {display:inline;float:left;height:20px;padding:0;}
/* sharethis icon replace */
.stico_default { background: url(/orangeunlit/images/unlit/icon_share.gif) 0 0 no-repeat !important; }

/* LOGOS */
.myspacelogo {margin:10px 0 0 0;}
.flickrlogo {margin:0 0 -5px 10px;}
.youtubelogo {margin:0 0 -8px 10px;}
.lastfmlogo {margin:0 0 -5px 10px;}
.twitterlogo {margin:0 0 -3px 10px;}

/* SPACERS */
.starclear {margin:0;padding:10px 0 10px 0;background:url(/orangeunlit/images/unlit/rsidebar_star_divider.gif) top left no-repeat;}
.dotclear {margin:15px 0 0 0;padding:0;background:url(/orangeunlit/images/unlit/rsidebar_divider.gif) top left no-repeat;}

/* SEARCH FIELD */
#globalsearch input {outline: 0 none;border:none;background:transparent url(/orangeunlit/images/unlit/search_bg.gif) no-repeat scroll top left; width:139px; height:18px;padding:5px 0 5px 5px;margin:5px 0 0 0;}
#globalsearch .right {background:transparent url(/orangeunlit/images/unlit/search_icon.gif) no-repeat scroll right top;display:block;height:23px;position:relative;top:-21pt;right:0pt;width:23px;}

/* CAROUSEL */
#carouselLite {float:left;margin:0;}
.padgallery {padding:10px 0 0 18px;}
#performers .cprev {background:#FFFFED url('/orangeunlit/images/unlit/carousel_btn_left.gif') no-repeat 0 25px;width:30px;height:87px;cursor:hand; c\ursor:pointer;position:relative;float:left;z-index:99;margin-right:-20px;}
#performers .cnext {background:#FFFFED url('/orangeunlit/images/unlit/carousel_btn_right.gif') no-repeat 0 25px;width:30px;height:87px;cursor:hand; c\ursor:pointer;position:relative;float:left;z-index:99;margin-left:-15px;}
#performers #carousel {position:relative;float:left;z-index:1;}
#performers #carousel li{width:180px;height:120px;text-align:center;}
#performers #carousel img {padding:5px;background:#fff;border:1px solid #cccccc;}
#performers #carousel .shadow {margin:0;padding:0;}

/* ========= CONTAINERS ========= */

/* MAIN CONTAINER */
/* generic background main container */
#wrapper {margin: 0 auto; width: 960px; text-align:left; font-size:1.2em;}

/* TOP NAV */
#nav {width:960px;height:30px;color:#fff;font-weight:bold;}
#nav a {text-decoration:none; color:#fff;}
#nav a:hover { color:#FF6600;}
#nav ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#nav ul li {float:left;display:block;height:30px;margin:0;padding:5px 15px 0 15px;}
#nav ul li.selected {background:#DEF1F3;color:#212121;}
#nav ul li.selected a {color:#212121;}

/* HEADER (logo) */
#header {height:76px;padding:15px;}
#header #logo {float:left;width:41px;height:41px;margin:0;padding:0 10px 0 0;}
#header h1 {float:left;font-size:2.4em; padding:13px 15px 0 0;font-weight:bold;color:#212121;}
#header h2 {float:left;font-size:2.4em; padding:13px 0 0 0;font-weight:normal;color:#212121;}
#header p {float:left;clear:both;font-size:1.2em;color:#666;padding:5px 0 0 0;margin:0;width:700px;}

/* FLASH MAP AREA */
#flashContent {width:960px;height:370px;}
#flashMap {position:relative;margin:0 0 0 13px;}

/* INTRO */
#intro {float:left;background: #feffed url(/orangeunlit/images/unlit/intro_bg.gif) no-repeat top left;width:960px;height:30px;padding:5px 0 0 0;margin:15px 0 0 15px;}
#intro h1 {display:inline; font-size:1.6em; padding:0 0 0 8px;font-weight:bold; color:#fff;}
#intro em {display:inline; font-size:1.2em; color:#212121;}

/* LEFT SIDEBAR */
#leftSidebarContainer {clear:left;display:inline;float:left;width:160px;padding:0; margin:0 0 0 15px;}
#leftSidebarContainer h2 {font-size:1.2em; padding:3px 0 0 0;font-weight:bold; color:#212121;}
#leftSidebarWidgeted ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:10px 0px 10px;}
#leftSidebarWidgeted ul li {margin:0px;padding:0px 0px 5px;}
#leftSidebarWidgeted ul.commentsList li {margin:0px;padding:0px 0px 15px;}
.widget {margin:0;padding:10px 0px 20px 0;background:url(/orangeunlit/images/unlit/lsidebar_divider.gif) bottom left no-repeat;}


/* MAIN CONTENT CONTAINER */
#contentContainer {position:relative;z-index:99;display:inline;float:left;width:450px;padding:0;margin:0 30px 0 30px;}
#contentContainer:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
                            
#contentContainer .post {clear:both;margin:0;}
#contentContainer .post h1 {font-size:1.6em; padding:3px 0 0 0;font-weight:bold;}
#contentContainer .post h1 a {text-decoration:none;}
#contentContainer .post h2 {font-size:1em; padding:13px 0 0 0;font-weight:normal;}
#contentContainer .post h2 a {text-decoration:none;}

#contentContainer .post .img-shadow {float:left;background: #feffed url(/orangeunlit/images/unlit/img_top.gif) no-repeat top left;padding:15px 0 0 0;margin:5px 0 10px 0;}
#contentContainer .post .img-shadow img {width:440px;background: #fff url(/orangeunlit/images/unlit/img_bottom.gif) no-repeat bottom left;padding:0 5px 10px 5px;margin: -6px 0 6px 0;}
#contentContainer .post p {clear:both;line-height:1.4em; font-size:1.2em;padding:0 5px 0 0;}
#contentContainer .post .postmeta {clear:both;line-height:1.5em;background:url(/orangeunlit/images/unlit/postmeta_bg.gif) no-repeat top left;height:40px;padding:12px 0 0 0;}

#contentContainer .postPaginate {height:35px;margin:23px 0 0 0;background:url(/orangeunlit/images/unlit/post_divider.gif) no-repeat bottom left;}
#contentContainer a.postNext, #contentContainer a.next {float:right;padding:0 20px 0 0;margin:0;background:url(/orangeunlit/images/unlit/postNext.gif) no-repeat top right;}
#contentContainer a.postPrev, #contentContainer a.prev {float:left;padding:0 0 0 20px;margin:0;background:url(/orangeunlit/images/unlit/postPrev.gif) no-repeat top left;}
#contentContainer .postPaginate h1 {float:left;font-size:1.6em; padding:0;margin:0;font-weight:normal;color:#333;}
#contentContainer .postPaginate em {font-weight:bold;}

/* BLOG COMMENTS */
#place-comment { position:relative; }
#place-comment h2 { font-size:1.2em; padding:15px 0 5px 0; font-weight:bold; color:#333;}
#place-comment .post-comment-caveat { position:absolute; right:0px; top:10px; } 
#place-comment label { display:block; clear:both; margin:10px 0 5px 0;font-weight:bold; }
#place-comment textarea { width:350px; padding:3px; height:100px; border:1px solid #B8B8B8;}
#place-comment input { width:250px; padding:3px; border:1px solid #B8B8B8;}
#place-comment .error { color:#f00; font-weight:normal;}
#place-comment em { font-weight:normal; }

#place-comment #comment-form-submit input { color:#fff; font-weight:bold; width:145px; height:26px; border:none; font-size:1.2em;background:#ff6600;}
#place-comment #comment-form-submit,
#place-comment #comment-form-submit a { display:block; margin-top:5px; width:145px; height:34px; }
#place-comment #comment-form-submit a.replacesubmit em{ width:145px; height:26px; background: url('/orangeunlit/images/unlit/btnSubmitComment.gif'); }

/* BLOG COMMENT TABS */
#commentTabs {/*margin:0;padding:0;background:url(/orangeunlit/images/unlit/post_divider.gif) no-repeat bottom left;*/}
#commentTabs .comment-normal {margin:0;padding:10px 0 10px 0;background:url(/orangeunlit/images/unlit/post_divider.gif) no-repeat bottom left;}

/* comment tabs borders */
#unlitComments, #flickrComments, #youtubeComments {border-top:1px solid #bbb;clear:both;}

@media projection, screen {
    .ui-tabs-hide {display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {display: none;}
}

.ui-tabs-nav {list-style: none;margin: 0;padding: 0;text-decoration:underline !important;}
.ui-tabs-nav li {display:inline;}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #333; font-weight:bold;}
.ui-tabs-nav .tab {position:relative;z-index:1;top:1px;left:0;float:left;display:block;background:url(/orangeunlit/images/unlit/tab_bg_on.gif) no-repeat 0 0;width:199px;height:25px;margin:0 10px 0 0;}
.ui-tabs-nav .ui-tabs-selected{position:relative;z-index:99;border-bottom:1px solid #feffed;text-decoration:underline !important;}
.ui-tabs-nav .ui-tabs-selected span{color:#ff6600;text-decoration:underline !important;}
.ui-tabs-nav span {float:left;display:block;padding:15px 0 0 15px;margin:0;width:120px;}
.ui-tabs-nav em {float:left;margin:9px 0 0 25px;font-weight:bold;text-decoration:none;}

/* RIGHT SIDEBAR */
#rightSidebarContainer { position:relative;z-index:99;float:left;width:260px;padding:0;margin:-15px 15px 0 0; }
#rightSidebarContainer h1 { font-size:1.2em; padding:3px 0 0 0; color:#212121; font-weight:bold; }
#rightSidebarContainer h2 { font-size:1.2em; padding:3px 0 0 0; color:#212121; }

#rightSidebarContainer #performers { width:230px;height:200px;background:url(/orangeunlit/images/unlit/widget_long_bg.gif) no-repeat top left;padding:10px 20px 0 15px;margin:0; }
#rightSidebarContainer #signup { width:230px;height:170px;background:url(/orangeunlit/images/unlit/widget_bg.gif) no-repeat top left;padding:10px 20px 0 15px;margin:0; }
#rightSidebarContainer #myspace { width:230px;height:320px;background:url(/orangeunlit/images/unlit/widget_longer_bg.gif) no-repeat top left;padding:10px 20px 0 15px;margin:0; }
#rightSidebarContainer #flickr { margin: 15px 0 0 0; }
#rightSidebarContainer #youtube { margin: 10px 0 0 0; }
#rightSidebarContainer #twitter { margin: 10px 0 0 0; }
#rightSidebarContainer #lastfm { margin: 10px 0 0 0;padding:0 0 40px 0;background:url(/orangeunlit/images/unlit/guitar.gif) no-repeat bottom right; }

#rightSidebarContainer #unlitwidget { width:230px;height:170px;background:url(/orangeunlit/images/unlit/unlitwidget_bg.gif) no-repeat top left;padding:10px 20px 0 15px;margin:0; }
#rightSidebarContainer #unlitwidget h1, #rightSidebarContainer #unlitwidget p {width:150px;}

#rightSidebarContainer .flickrimg {margin:0;padding:9px 10px 20px 8px;margin:5px 0 0 5px;background:url(/orangeunlit/images/unlit/flickr_photo_bg.gif) top left no-repeat; }
#rightSidebarContainer .youtubeimg {margin:0;padding:3px;margin:5px 0 0 10px;border:1px solid #999; }
#rightSidebarContainer .thumbs {margin:10px 0;}
                                    
/* FOOTER */                        
#footer {margin:0 15px 0 15px;height:240px;clear:both; background:url(/orangeunlit/images/unlit/footer_divider.gif) repeat-x bottom left;}
#footer .leftIllustration {position:relative;z-index:0;float:left;width:290px;height:270px;margin:-50px 0 0 0;background:url(/orangeunlit/images/unlit/footer_left_illustration.gif) top left no-repeat; }
#footer .rightIllustration {position:relative;z-index:0;float:right;width:290px;height:270px;margin:-50px 0 0 0;background:url(/orangeunlit/images/unlit/footer_right_illustration.gif) top left no-repeat; }

/* ========= footer styles ========= */

ul.footer {float:left;clear:both;white-space: nowrap;margin: 0 15px 0 15px;border: 0px none;; padding-left:1px; padding-right:0px; padding-top:0px; padding-bottom:20px}
* html ul.footer {margin: 0px 0px 0px 0px;}
ul.footer li {display: inline;text-align: center;color: #333;background: url(/orangeunlit/images/sq_marker.gif) no-repeat 0px 4px ; list-style-type:none; padding-left:10px; padding-right:6px; padding-top:0px; padding-bottom:0px;}
ul.footer li.nobullet {display: inline;text-align: center;color: #333;background: none; list-style-type:none;}
ul.footer li a:link, ul.footer li a:visited, ul.footer li a:active {text-decoration:none;color: #333;}
ul.footer li a:hover {text-decoration:underline;color: #f60;}

/* ========= FLAT PAGES SPECIFIC ========= */

/* INTRO */
#intro_flatpages {background: #feffed url(/orangeunlit/images/unlit/intro_flatpage_bg.gif) no-repeat top left;width:960px;height:30px;padding:5px 0 15px 0;margin:25px 0 0 15px;}
#intro_flatpages h1 {display:inline; font-size:1.5em; padding:0 0 0 8px; font-weight:bold; color:#fff;}
#intro_flatpages em {display:inline; font-size:1.2em; color:#212121;}

/* FLAT PAGE 2-COL SPAN INTRO */
#introFlatContainer {width:640px;padding:0; margin:0 0 0 15px;}
#introFlatContainer p {line-height:1.4em;font-size:1.5em;padding:0; margin:0;}
#introFlatContainer .dcap {line-height:.9em;display:inline;float:left;font-size:3em;padding:1px 5px 0 0;text-transform:uppercase;}
#introFlatContainer .large {font-size:48px;font-weight:bold;padding:0;margin:0 0 0 -2px;line-height:1em;}

/* FLAT PAGE LEFT COLUMN */
#leftFlatContainer {position:relative;z-index:99;display:inline;float:left;width:305px;padding:0; margin:0 0 0 15px;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left;}
#leftFlatContainer p {line-height:1.4em;font-size:1.2em;padding:0;}
#leftFlatContainer h1 {clear:both;padding:0;color:#ff6600;font-weight:bold;font-size:1.4em;}
#leftFlatContainer blockquote { font-size:1.2em;margin:10px 0;}

/* FLAT PAGE RIGHT COLUMN */
#rightFlatContainer {position:relative;z-index:99;display:inline;float:left;width:305px;padding:0;margin:0 30px 0 30px;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left;}
#rightFlatContainer p {clear:both;line-height:1.4em;font-size:1.2em;padding:0;}
#rightFlatContainer h1 {clear:both;padding:0;color:#ff6600;font-weight:bold;font-size:1.4em;}

#rightSidebarContainer #follow {position:relative;z-index:99; width:230px;height:270px;background:url(/orangeunlit/images/unlit/widget_bg_follow.gif) no-repeat top left;padding:10px 20px 0 15px;margin:-158px 0 0 0; }
#rightSidebarContainer #follow h1 {margin:5px 0 0 15px; font-weight:bold;}
#rightSidebarContainer #follow p {margin:0 0 0 15px;padding:5px 0;width:160px;}
#rightSidebarContainer #follow a.btnGetStarted { color:#fff;text-decoration:none;padding:2px 0 0 5px;display:block;margin: 0 0 0 15px; width:102px; height:20px; background: url(/orangeunlit/images/unlit/btnGetStarted.gif) no-repeat; }

/* ========= FLATPAGE MODIFIERS AND OVERIDES ========= */

/* about */
#about #intro_flatpages {background: #feffed url(/orangeunlit/images/unlit/intro_about_bg.gif) no-repeat 0 -5px;width:640px;height:130px;padding:15px 0 0 0;margin:15px 0 0 15px;}
#about #intro_flatpages h1 {display:inline; font-size:1.5em; padding:0 0 0 8px; font-weight:bold; color:#fff;}
#about #intro_flatpages em {display:inline; font-size:1.2em; color:#212121;}
#about #introFlatContainer {margin:-72px 0 0 15px;}
#about #rightSidebarContainer { margin: -57px 0 0 0; }
#about .block { padding:0 0 10px 0;margin:15px 0 0 0;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left; }

/* on the road */
#ontheroad #rightSidebarContainer { margin: 10px 0 0 0; }
#ontheroad .block { padding:0 0 10px 0;margin:15px 0 0 0;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left; }

/* take part */
#takepart #rightSidebarContainer { margin: -40px 0 0 0; }
#takepart .block { padding:0 0 10px 0;margin:15px 0 0 0;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left; }

/* your unlit */
#yourunlit #rightSidebarContainer { margin: 10px 0 0 0; }
#yourunlit ul {line-height:1em;font-size:1.2em;}
#yourunlit ul li {background: #feffed url(/orangeunlit/images/unlit/li_dot.gif) no-repeat 0 3px;padding:0 0 15px 15px;}
#yourunlit .block { padding:0 0 10px 0;margin:15px 0 0 0;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left; }

/* widget */
#unlitwidget #intro_flatpages {background: #feffed url(/orangeunlit/images/unlit/intro_bg.gif) no-repeat top left;width:960px;height:30px;padding:5px 0 15px 0;margin:25px 0 0 15px;}
#unlitwidget #rightSidebarContainer { margin: 10px 0 0 0; }
#unlitwidget .block { padding:0 0 10px 0;margin:15px 0 0 0;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat bottom left; }

/* ========= THE ORANGE BOOK SIGNUP ========= */

/* SIGNUP */
#orangebook {width:550px;height:550px;padding:25px 30px 20px 30px;text-align:left;background: #feffed url(/orangeunlit/images/unlit/bg_signup.gif) no-repeat top left;}
#orangebook h1 {color:#ff6600;font-weight:bold;font-size:18px;margin:0;padding:0;}
#orangebook p {font-size:14px;line-height:1.6em;padding:10px 0;margin:0;}

/* SIGNUP FORM */
#orangebook .left_panel {float:left; width:230px; padding:0 15px 0 0;margin:0;}
#orangebook .right_panel {float:left; width:230px; padding:0;margin:0;}

#orangebook form {margin:0;padding:0;}
#orangebook label { display:block; clear:both; margin:5px 0 5px 0;font-weight:bold; font-size:1.2em;}
#orangebook textarea { width:250px; height:167px; padding:3px; border:1px solid #B8B8B8;  font-size:1.2em;}
#orangebook input { width:225px; padding:3px; border:1px solid #B8B8B8; font-size:1.2em;}
#orangebook .checkbox {float:left; width:15px; margin:5px 5px 0 0; border:none;}
#orangebook .error { color:#f00; float:left; padding:5px 0; font-size:1.1em; width:225px;}
#orangebook #submit-comment { width:145px; height:26px; background: url(/orangeunlit/images/unlit/btnSubmitComment.gif); }
#orangebook .subscribe { clear:both;padding:10px 0 0 0;margin:0;background: url(/orangeunlit/images/unlit/flatPage_divider.gif) no-repeat 0 0; }
#orangebook em { font-weight:normal; }
#orangebook .close { font-size:1.2em; float:right; padding:0 25px 0 0; }

/* image replacement */
.replace {position:relative; overflow:hidden;}
.replace em {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}
* html>body .replace{overflow:visible; font-size:5px;}

#orangebook #signup-form-submit input { color:#fff; font-weight:bold; width:119px; height:24px; border:none; font-size:1.2em;background:#ff6600;}
#orangebook #signup-form-submit,
#orangebook #signup-form-submit a {display:block; margin:0; width:119px; height:34px; float:right; padding:0 25px 0 0;}
#orangebook #signup-form-submit a.replacesubmit em{background:url('/orangeunlit/images/unlit/signup_button.gif') no-repeat;}