* { margin:0; padding:0; }
body { font:78% "Trebuchet MS",sans-serif; color:#222; background:#6D440E url(/receptacle/images/site/bg-tile.png) fixed; behavior:url(http://escapist.net/receptacle/js/csshover.htc); }

img, fieldset { border:0; }
a { color:#CE5201; text-decoration:none; }
ul, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 { color:#DB5B08; font-size:1.0em; }
h2 { color:#444; font-size:22px; }
h3 { font-family:Verdana,Arial,sans-serif; margin:15px 0 8px 0; }

blockquote { clear:both; font-family:Georgia,"Times New Roman",serif; font-size:11px; line-height:1.4em; color:#555; border-left:5px solid #ddd; margin:18px 30px; padding:3px 10px; }
blockquote cite { display:block; text-align:right; width:90%; }
acronym { border-bottom:1px dotted #666; cursor:help; font-variant:small-caps; text-transform:uppercase; }
code, pre { font-size:11px; font-family:Courier; color:#777; }
pre { display:inline; }
legend { color:#333; margin:0; padding:0; }

textarea { padding:5px 2px; }
input.text { height:20px; padding:2px 4px 0 4px; }
input, textarea { color:#444; font-family:"Trebuchet MS","Lucida Grande",sans-serif; font-size:12px; }
input.text, textarea { background:url(/receptacle/images/site/bg-input.gif); border:1px solid #666; }
input.text:hover, textarea:hover { border-color:#333; }
input.text:focus, textarea:focus { background:#FAFCCB; border-color:#333; color:#000; }




/* -------- CLASSES ------------------------ */

.linkList { text-transform:lowercase; }
.caption { text-align:center; display:block; width:360px; background:#FDF5EC; font-size:0.9em; padding:10px 20px 2px 20px; border:1px solid #F3EBDF; border-top:0; margin-top:-18px; }
#previousnext { text-align:center; margin:5px 0 10px 0; }
.imageRight { float:right; margin-left:8px; }
.imageLeft { float:left; margin-right:8px; }


/* -------- LAYOUT ------------------------ */

h1#banner { margin-bottom:5px; text-indent:-2000em; width:790px; }
h1#banner a { display:block; height:129px; background:url(/receptacle/images/site/banner.jpg) no-repeat; }
#mainPanel { background:#fff url(/receptacle/images/site/bg-mainpanel.png); margin:0 auto; padding:15px 15px 0 15px; width:790px; }
#content { background:#F8F8F8; margin-top:10px; position:relative; width:100%; border:1px solid #9a9a9a; border-width:1px 0 0 1px; float:left; }
#mainColumn { background:#fff; border:1px solid #d4d4d4; border-width:1px 0 0 1px; padding:20px 30px 20px 20px; width:502px; }
#tray { position:absolute; top:-1px; right:0; background:#d8d8d8 url(/receptacle/images/site/bg-tray-tile.png); border:1px solid #9a9a9a; border-left:0; float:left; width:235px; }
#trayInner { background:url(/receptacle/images/site/bg-tray-grade.png) no-repeat; float:left; padding-bottom:300px; }
#footer { background:#f8f8f8; clear:both; font-size:0.8em; height:1%; line-height:1.4em; overflow:hidden; padding:12px 12px 16px 12px; color:#777; margin:0 -4px; width:776px; }




/* -------- BLOG ENTRIES ------------------------ */

.entry { padding:0 0 40px 10px; margin-bottom:70px; background:url(/receptacle/images/site/hr-flourish.gif) bottom no-repeat; }

.entry h1 { padding:2px 0; font-family:futura,sans-serif; font-size:26px; margin:16px 0 10px 0; }
.entry h1 a:hover { background:#FAFCCB; color:#000; text-decoration:none; }

.entry h3 { margin-top:25px; }
.entry p { margin-bottom:14px; /*text-align:justify;*/ }
.entry img { background:#fff; border:1px solid #F3EBDF; padding:5px; }
.entry a img:hover { background:#FAFCCB; border:1px solid #EFE4D6; }
.entry ul { margin:19px 0; }
.entry li { background:url(http://escapist.net/receptacle/images/site/bullet.gif) no-repeat 0 9px; 
	display:block; _height:1%; line-height:1.3em; margin:2px 0 0 18px; padding:2px 4px 2px 10px; }

.copy { color:#333; }
.copy p:hover a, q:hover a, dt:hover a, #customize p:hover a { text-decoration:underline; }
.copy p:first-child { color:#402913; text-indent:0 ! important; }
.copy p:first-child:first-line { text-transform:uppercase; font-size:0.95em; font-variant:small-caps; letter-spacing:0.1em; font-family:"Georgia"; }
.copy p:first-child:first-letter { font-weight:bold; font-size:150%; }


.filedUnder { display:none; }

.externallink { padding-left:18px; display:block; background:url(/receptacle/images/site/icon-link.gif) 0px 2px no-repeat; }
.externallink:hover { background:url(/receptacle/images/site/icon-link-hover.gif) 1px 1px no-repeat; }
.entry a.external { background:url(/receptacle/images/externallink.gif) no-repeat right; padding-right:14px; }
.entry p a:hover { background-color:#FAFCCB; color:#000; text-decoration:underline; }

.pullquote { font-size:1.2em; color:#333; font-family:Verdana, sans-serif; margin:20px 0; background:#F3F3F3 url(/receptacle/images/site/pullquote-open.gif) no-repeat; }
.pullquote div { margin:0; padding:10px 20px; background:url(/receptacle/images/site/pullquote-close.gif) bottom right no-repeat; }


.byline { background:#f1f1f1; border-top:1px solid #ddd; color:#999; font-size:10px; color:#333; height:29px; line-height:29px; margin:30px 0 20px 0; padding:0 10px; position:relative; }
.byline a { color:#333; }
.byline .bm_links { position:absolute; right:10px; top:1px; }
.byline a.iconbutton { padding:0 2px 3px 16px; }
.byline a.iconbutton:hover { background-position:0 100%; color:#000; }
.byline .commentsbutton { background:url(/receptacle/images/site/icon-comments.gif) no-repeat; }
.byline .datelink { margin-right:20px; }



/* -------- COMMENTS ------------------------ */

.comments { margin:0 -12px; padding:12px 20px; }
.comments h2 { border-bottom:1px solid #eee; }
.commenttext { background:url(/receptacle/images/site/commentballoon.gif) bottom; padding:8px 10px; margin-top:30px; }
.comment p {  margin-bottom:10px; }
.commenter { font-size:16px; margin-left:20px; }
.commentDate { margin-left:20px; }

#postcomments { margin-top:50px; width:486px; }
#comments_form { overflow:hidden; height:1%; background:#eee; padding:20px 0 20px 20px; }
#comments_form #fields label, #comments_form input.text, #comments_form textarea { width:94%; }
#comments_form #fields label { background:#777; border:1px solid #777; border-bottom:0; color:#ddd; display:block; font-weight:bold; margin:8px 0 0 0; padding:2px 0 0 4px; text-transform:lowercase; }
#comments_form input.text { font-size:14px; padding:4px 0 2px 4px; }
#comments_form textarea { height:150px; margin-bottom:8px; }
#comments_form input.submit { border:0; background:url(/receptacle/images/site/btn-green.gif); color:#efefef; cursor:pointer; font-weight:bold; height:42px; width:167px; }
#comments_form input.submit:hover { background-position:100% 100%; color:#fff; }

#comments_form input.text, #comments_form textarea { _margin-top:-1px; /*IE sucks*/ }

#rememberme { float:right; margin:4px 180px 0 0; _margin:0 80px 0 0; }
#buttons { float:left; }



/* -------- FOOTER ------------------------ */
#footer address { display:none; }
#footer dl { clear:both; }
#footer dt, dd { float:left; margin-right:5px; }





/* -------- TRAY ------------------------ */
#tray { font-family:arial; color:#555; font-size:11px; line-height:1.2em; }
.trayBox { background:#f4f4f4; border:4px solid white; margin:6px 7px 6px 8px; }
.trayBox h3 { text-align:right; font-weight:normal; font-size:1.2em; margin:2px 2px 3px 0; }
.poweredby { display:block; }

.tabs { color:#777; font-family:"Trebuchet MS"; font-size:9px; font-weight:bold; padding-top:3px; margin:10px 7px 0 8px;  }
.tabs li { display:inline; margin:0 1px 0 0; }
.tab { cursor:pointer; padding:4px 9px 1px 9px; background:#ebebeb; border-bottom:3px solid #fff; }
.tab:hover { background-color:#d9d9d9; color:#000; }
.selectedtab { padding:3px 5px 3px 5px; background:#f4f4f4; color:#333; border:4px solid #fff; border-bottom:2px solid #F4F4F4; }
.tabBox .trayBox { margin-top:2px; }
.trayBox ul { padding:0 0 10px 0px; }
.trayBox h3 { font-size:12px; font-family:Georgia, Times New Roman, serif; padding:5px 5px 0 0; }
.tabContent { display:none; }
.tabContentActive { display:block; }
.trayBox li a { background:url(http://escapist.net/receptacle/images/site/bullet.gif) no-repeat 8px 7px; color:#666; display:block; _height:1%; line-height:1.3em; padding:2px 4px 2px 18px; }
.trayBox li a:hover { background:#fff url(http://escapist.net/receptacle/images/site/bullet.gif) no-repeat 7px 7px; color:#000; }

#about { padding:10px; }

#flickr { }
#flickr div { border:1px solid #666; border-left:0; border-top:0; min-height:139px; _height:139px; margin:4px 0 2px 1px; }
#flickr img { background:#fff; border:1px solid #999; border-right:0; border-bottom:0; filter:alpha(opacity=90); opacity:0.9; padding:1px; width:67px; }
#flickr img:hover { opacity:0.99; filter:alpha(opacity=100); }
#flickr .poweredby { background:url(http://escapist.net/receptacle/images/site/flickr-badge.gif) no-repeat; height:21px; margin:0 0 0 112px; width:100px; text-indent:-2000em; }

.searchform { height:42px; margin:12px 0 15px 12px; position:relative; }
.searchform input.text { position:absolute; top:8px; left:0; width:130px; }
.searchform input.button { color:#eee; position:absolute; top:8px; left:138px; background:#DB5B08; border:1px solid #666; cursor:pointer; font-family:verdana; font-size:10px; font-weight:bold; padding:5px 0px; width:50px; height:24px; }
.searchform input.button:hover { background:#F76C11; }

.furlLinkExternal {  }
.furlLinkExternal a { background:url(http://escapist.net/receptacle/images/site/bullet.gif) no-repeat 8px 7px; color:#666; display:block; _height:1%; line-height:1.3em; padding:2px 4px 2px 18px; }
.furlLinkExternal a:hover { color:#000;  text-decoration:none; background:#fff url(http://escapist.net/receptacle/images/site/bullet.gif) no-repeat 8px 8px; }
.furlAttribution, .furlAttribution:hover { background:#f4f4f4 url(http://escapist.net/receptacle/images/site/furl-badge.gif) bottom right no-repeat;  height:19px; text-indent:-2000em; font-size:0.1em; }
.furlLinkArchive { display:none; }




/* -- Revver Widget -- */
.videoCollectionDiv { margin:10px auto; }



/* ---- CODE STYLES thanks to Adam Burmister @ flog.co.nz ------------------------ */
ol.codelist { -moz-border-radius:6px; border:1px solid #DDD; color:#666; font-family:"Courier New", Courier, monospace; line-height:130%; padding:12px 12px 12px 45px; margin:1.5em 0; }
ol.codelist li { margin:0 0 2px -8px !important; padding:1px 2px;	}
ol.codelist li.tab0 { padding-left:2px; }
ol.codelist li.tab1 { padding-left:26px; }
ol.codelist li.tab2 { padding-left:50px; }
ol.codelist li.tab3 { padding-left:74px; }
ol.codelist li.tab4 { padding-left:98px; }
ol.codelist li.tab5 { padding-left:122px; }
ol.codelist li.tab6 { padding-left:146px; }
ol.codelist li.tab7 { padding-left:170px; }
ol.codelist li { background-color:#ECF3FF; } 
ol.codelist li.even { background-color:#F1F7FF; }
ol.codelist li.sourcelink {	color:#000; font:1em "Lucida Sans Unicode", Verdana, Arial, sans-serif; list-style:none; margin-left:-32px; padding-top:.85em; text-align:center; }
