/* Copyright (c) 2003-2010 Fark, Inc
   $Id: style090107.css 7075 2009-03-19 21:08:41Z mmangler $

   Fark.com style sheet, featuring the new Joe Peacock hotness.
   At one time, the font sizing was based on http://www.thenoodleincident.com/tutorials/typography/
   but at this point, I'm not sure how much of that remains.
   IE6 hacks and parts of layout based on http://www.tanfa.co.uk/css/layouts/flexi-float.txt
   The rest is more or less our fault.
*/

/* Defaults */

/* * {margin: 0; padding: 0; border: 0;} */

body {
min-width:990px;
margin:0 4px 0 4px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
/*sets the default size that 1em measures against - ALL FONT SIZES (except top menu and tabs) ARE SET IN EM AFTER THIS POINT FOR ACCESSIBILITY  (was 10pt) */
font-size:9pt;        /* new */
/* font-size:76%; */  /* old */
background:#666666;
background-image:url('http://img.fark.net/images/2009/site/footer2.png'); background-repeat:no-repeat; background-position:bottom;
}
/* TH and on (until note) from tfark.css */
/* TH { */
/* 	FONT: 12px verdana, arial, sans-serif; COLOR: #3d3d3d */
/* }  */
.search_th {
 color: #ffff99;
 text-decoration: none;
 background: #666699;
 font-size: 1.0em;
 text-align: center;
 vertical-align: bottom;
}
.tbl_head {
 color: #ffff99;
 text-decoration: none;
 background: #666699;
 font-size: 1.0em;
 text-align: left;
 vertical-align: bottom;
}
.tbl_content {
	FONT: 10px verdana, arial, sans-serif; BACKGROUND: #F5F5F5
}
.tbl_content_small {
	FONT: 9px verdana, arial, sans-serif; BACKGROUND: #F5F5F5
}
.tbl_content_small a:link {
	FONT: 9px verdana, arial, sans-serif; COLOR: #0044aa; TEXT-DECORATION: none
}
.tbl_content_small a:visited {
	FONT: 9px verdana, arial, sans-serif; COLOR: #002266; TEXT-DECORATION: none
}
.tbl_bgshortframe {
	FONT: 12px verdana, arial, sans-serif;
	BACKGROUND: #EEEEEE; 
	WIDTH: 30%;
}
.tbl_bgframe {
	FONT: 12px verdana, arial, sans-serif;
	BACKGROUND: #EEEEEE; 
}
.tbl_bgframe_small {
	FONT: 10px verdana, arial, sans-serif;
	BACKGROUND: #EEEEEE; 
}
.tbl_bgframe_small a:link {
	FONT: 10px verdana, arial, sans-serif; COLOR: #0044aa; TEXT-DECORATION: none
}
.tbl_bgframe_small a:visited {
	FONT: 10px verdana, arial, sans-serif; COLOR: #002266; TEXT-DECORATION: none
}
.menubar_head {
/* color: #000000;
 background: #f2f2f2; */
 color: #ffff99;
 text-decoration: none;
 background: #666699;
 font-size: 1.0em;
 width: 40%;
 padding: 3px;
 border-spacing: 3px;
 text-decoration: none;
 text-align: center;
 vertical-align: bottom;
 font-weight: bold;
}
.menubar {
 color: #ffff99;
 text-decoration: none;
 background: #666699;
 font-size: 1.05em;
 text-align: center;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
}
.menubar a, .menubar a:link {
 color: #ffff99;
 background: #666699;
 text-decoration: none;
}
.menubar a, .menubar a:visited {
 color: #ffff99;
 background: #666699;
 text-decoration: none;
}
.menubar a:hover {
 color: #ffffff;
 background: #666699;
 text-decoration: underline;
}
/* FONT { */
/* 	FONT: 12px verdana, arial, sans-serif; COLOR: #3d3d3d */
/* }  */

/* END OF STUFF FROM tfark.css */

/* Fix Win32 IE5 inheritance glitch - borrowed from orig. fark css */
table {
font-size:1.0em;
padding:0;
margin:0;
}

textarea {
overflow:auto;
}

img,a img {
border:none;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
a:visited {
color:#00f;
background:transparent;
}

/* IE6/7 workaround */
form.killspacehack {
display:inline;
}

/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#siteContainer {
width:99%;
margin:0 auto; 
}

/* This begins the HEADER CSS. This includes header logo, top menu, fark / google search */

#headerTop {
clear:both;
width:100%;
height:105px;
text-align:left;
background:#fff url(http://img2.fark.net/images/2007/site/bgHeaderMainGradient.gif) bottom left repeat-x;
border-left:solid #3d3d3d 2px;
border-right:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
padding:0;
margin:0;
}
#headerTopSSL {
clear:both;
width:100%;
height:105px;
text-align:left;
background:#fff url(https://ssl.fark.com/images/2007/site/bgHeaderMainGradient.gif) bottom left repeat-x;
border-left:solid #3d3d3d 2px;
border-right:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
padding:0;
margin:0;
}
#mainLogo {
position:absolute;
top:4px;
left:12px;
}
#topAd728x90 {
position:absolute;
top:2px;
left:250px;
width:728px;
height:90px;
border:solid #3d3d3d 2px;
overflow:hidden;
}

/* This is the CSS for the top menu. That's why all the elements start with topMenu. It's LOGICAL */

#topMenu {
clear:both;
width:100%;
background:#669;
margin:0;
padding:0;
height:24px;
border-left:solid #3d3d3d 2px;
border-right:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
}

#topMenu ul {
margin:0;
padding:0;
padding-left:10px;
font:bold 9pt Verdana, Arial, Helvetica, sans-serif; /*Top menu items and tab items stay fixed font*/
}

#topMenu ul li {
display:inline;
margin:0;
}

#topMenu ul li a {
display:block;
float:left;
color:#fff;
margin:0;
font-weight:bold;
padding:4px 11px 7px 11px;
text-decoration:none;
}

#topMenu ul li a:visited {
color:#fff;
}

#topMenu ul li a:hover {
color:#3d3d3d;
padding:2px 9px 7px 9px;
background:#d9d9ff url(http://img2.fark.net/images/2007/site/topMenuSelectedPointer.gif) bottom center no-repeat;
border-bottom:solid #3d3d3d 2px;
border-right:solid #3d3d3d 2px;
border-left:solid #3d3d3d 2px;
}

#topMenu ul li a#selected {
color:#3d3d3d;
padding:2px 9px 7px 9px;
background:#fff url(http://img2.fark.net/images/2007/site/topMenuSelectedPointer.gif) bottom center no-repeat;
border-bottom:solid #3d3d3d 2px;
border-right:solid #3d3d3d 2px;
border-left:solid #3d3d3d 2px;
}

#topSearch {
margin:0;
padding:0 10px 0 0;  /* using all 0 makes it exactly 300 wide, so this should equal the padding between main + right sidebar */
font-size:8pt;
width:300px;
height:24px;
float:right;
text-align:right;
vertical-align:top;
background:#fff;
border-left:solid #3d3d3d 2px;
display:inline;  /* killspacehack */
}

.searchbox {
border:solid #3d3d3d 1px;
}

.jsblobbo1, .jsblobbo2 {
width:100%;
height:0px;
padding:0;
margin:0;
}

/* And now, the body */

#bodyContainer {
margin:10px 0 0 0;
min-width:990px;
float:left;
width:100%;
}
#bodyContainer:after {
/* this is for Netscape 6 to clear floats */
content:"."; 
display:block; 
height:0px;
clear:both; 
visibility:hidden;
}

/* custom version for Blender music page with min-width removed */
#bodyContainerBlender {
margin:10px 0 0 0;
float:left;
width:100%;
}
#bodyContainerBlender:after {
/* this is for Netscape 6 to clear floats */
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#bodyMainContainer {
float:left;
width:100%; 
margin:0 -97% 0 0;
background:transparent;
min-width:650px;
}
#TFbodyMainContainer {
float:left;
width:100%; 
margin:0 -95% 0 0;
background:transparent;
min-width:825px;
}
/************* IE Mac CSS Only  works for Win too **************/
* html div#bodyMainContainer {margin: 0 -100% 0 0;}
* html div#TFbodyMainContainer {margin: 0 -100% 0 0;}

#bodyColorTabs {
margin-top:10px;
padding:0 0 5px 0;
background:transparent;
font-size:10pt;
color:#fff;
font-weight:500;
float:left;
/* this is a hack to make the border show up over the colored tabs. no idea why ie7 won't show them correctly otherwise. */
border-top:solid #3d3d3d 1px !important;
}

#bodyTabContainer {
margin:0;
padding:0;
float:left;
display:block;
width:650px;
background:transparent;
}
#bodyTabContainer a {
color:#fff;
text-decoration:none;
margin:0;
}
#bodyTabContainer a:hover {
color:#fff;
text-decoration:underline;
}

#TFbodyTabContainer {
margin:0;
padding:0;
float:left;
display:block;
width:825px;
background:transparent;
}
#TFbodyTabContainer a {
color:#fff;
text-decoration:none;
margin:0;
}
#TFbodyTabContainer a:hover {
color:#fff;
text-decoration:underline;
}

#bodyTabNotNews, #bodyTabGeek, #bodyTabSports, #bodyTabPolitics, #bodyTabShowbiz, #bodyTabVideo, #bodyTabMusic, #bodyTabBusiness, #bodyTabVoting, #bodyTabFoobies, #bodyTabTF, #bodyTabTFDisc, #bodyTabTFAll, #bodyTabTFCom, #bodyTabTFVoting, #bodyTabAll, #bodyTabTravelHome, #bodyTabTravelAdd, #bodyTabTravelMyPlaces, #bodyTabTravelRecent, #bodyTabTravelAddParty {
padding:5px 6px 5px 6px;
margin:0;
border-bottom:solid #3d3d3d 2px;
border-left:solid #3d3d3d 1px;
border-right:solid #3d3d3d 1px;
border-top:solid #3d3d3d 1px;
white-space:nowrap;
-webkit-text-size-adjust:none;
}

#bodyTabNotNews, #bodyTabVoting, #bodyTabAll, #bodyTabFoobies, #bodyTabTF, #bodyTabTravelHome {
background:#669;
color:#fff !important;
}

#bodyTabGeek,  #bodyTabTravelAdd {
background:#080;
}

#bodyTabSports, #bodyTabTravelMyPlaces {
background:#e70;
}

#bodyTabPolitics, #bodyTabTravelRecent {
background:#099;
}

#bodyTabShowbiz, #bodyTabTravelAddParty {
background:#b00;
}

#bodyTabVideo {
background:#00a;
}

#bodyTabMusic {
background:#9003a3;
}

#bodyTabBusiness {
background:#22396b;
}

#bodyTabTFDisc, #bodyTabTFAll, #bodyTabTFCom, #bodyTabTFVoting {
background:#d9d9ff;
color:#3d3d3d !important;
}

.bodyTabSelected {
position:relative;
top:2px;
padding-top:7px !important;
padding-right:10px !important;
padding-left:10px !important;
font-weight:700;
font-size:11pt;  /* 12pt */
border-bottom:0 !important;
border-left:solid #3d3d3d 2px !important;
border-right:solid #3d3d3d 2px !important;
border-top:solid #3d3d3d 2px !important;
margin-left:0 !important;
z-index:150;
}

#bodyHeadlineContainer {
margin:0 330px 15px 0; /* was 340, or 310+30 */
z-index:140;
clear:both;
padding:20px 0 0 0;
border-right:solid #3d3d3d 2px;
border-left:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
min-width:650px;
}

#TFbodyHeadlineContainer {
margin:0 155px 15px 0; /* was 165, or 140+15 */
z-index:140;
clear:both;
padding:20px 0 0 0;
border-right:solid #3d3d3d 2px;
border-left:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
min-width:825px;
}

#Mcontainer {
margin:5px 0 15px 0;
z-index:140;
clear:both;
padding:20px 0 0 0;
background:#f9f9f9 url(https://ssl.fark.com/images/2007/site/bodyGradientNotNews.gif) top left repeat-x;
border-top:0;
border-right:solid #3d3d3d 2px;
border-left:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
min-width:990px;
width:100%;
}

.bodyHeadlineContainerNotNews, .bodyHeadlineContainerVoting, .bodyHeadlineContainerAll, .bodyHeadlineContainerFoobies, .bodyHeadlineContainerTravelHome {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientNotNews.gif) top left repeat-x;
}

.bodyHeadlineContainerGeek, .bodyHeadlineContainerTravelAdd {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientGeek1.gif) top left repeat-x;
}

.bodyHeadlineContainerSports, .bodyHeadlineContainerTravelMyPlaces {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientSports.gif) top left repeat-x;
}

.bodyHeadlineContainerPolitics, .bodyHeadlineContainerTravelRecent {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientPolitics1.gif) top left repeat-x;
}

.bodyHeadlineContainerShowbiz, .bodyHeadlineContainerTravelAddParty {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientShowbiz.gif) top left repeat-x;
}

.bodyHeadlineContainerVideo {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientVideo1.gif) top left repeat-x;
}

.bodyHeadlineContainerMusic {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientMusic.gif) top left repeat-x;
}

.bodyHeadlineContainerBusiness {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientBusiness.gif) top left repeat-x;
}

.bodyHeadlineContainerTFDisc, .bodyHeadlineContainerTFAll, .bodyHeadlineContainerTFCom, .bodyHeadlineContainerTFVoting {
background:#f9f9f9 url(http://img2.fark.net/images/2007/site/bodyGradientTFAll.gif) top left repeat-x;
}

#leaseBanner {
/* padding:20 0 5px 0; */
margin:0 0 20px 0;
padding:5px 0 5px 0;
background:transparent;
text-align:center;
background:url(http://img2.fark.net/images/2008/ads/vatorBannerbg.png) bottom repeat-x;
height:125px;
}

.mainDate {
/* padding:20 0 5px 0; */
margin:0;
padding:5px 0 5px 0;
background:transparent;
font-size:11pt;
color:#3d3d3d;
font-weight:700;
text-align:center;
}
.mainDate a {
color:#3d3d3d;
}
.mainDate a:visited {
color:#3d3daf;
}

/* added 5.18.09 */
.colHeaders {
font-size:9pt;
color:#999999;
font-weight:bold;
font-style:italic;
}

.headlineRow a, .headlineRow1 a {
color:#3d3d3d;
}
.headlineRow a:visited, .headlineRow1 a:visited {
color:#3d3daf;
}
.headlineRow a:hover, .headlineRow1 a:hover {
color:#3d3d3d;
}
/* TODO creep this down to f0f0ff gradually, was f5f500 */
.headlineRow:hover, .headlineRow1:hover {
background:#f2f2ff;
}

#bodyRightSideContainer {
float:right;
width:310px;
margin:0;
}
#TFbodyRightSideContainer {
float:right;
width:140px;
margin:0;
}

#rightAd300x250 {
margin:34px 0 0 0;
padding:5px;
background:#ddd;
text-align:right;
float:right;
clear:both;
display:block;
overflow:hidden;
border:solid #3d3d3d 2px;
width:300px;
height:250px;
}

/* vator video player */
#rightVatorBox1 {
margin:15px 0 15px 0;
padding:36px 0 0 0;
background:#ddd;
text-align:center;
float:right;
clear:both;
display:block;
overflow:hidden;
width:320px;
height:330px;
background:url(http://img2.fark.net/images/2008/ads/vatorVideoPlayerTopper.png) top left no-repeat;
}
/* vator feed widget */
#rightVatorBox2 {
margin:0 8px 0 0;
padding:0;
background-color:transparent;
text-align:center;
float:right;
clear:both;
display:block;
overflow:hidden;
width:300px;
height:410px;
border:solid #3d3d3d 2px;
}

#rightSideLeftMenubar {
float:left;
display:block;
color:#fff;
width:130px;
margin:10px 0 0 0;
padding:0;
}

.rightLMItems {
float:left;
display:block;
width:130px;
margin:5px 0 15px 0;
background:#669;
color:#fff;
border:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
line-height:120%;
padding:5px 0 5px 2px;
text-align:left;
font-size:0.9em;
}

.rightRMItems {
float:right;
display:block;
width:160px;
margin:5px 0 15px 0;
background:#669;
color:#fff;
border:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
line-height:120%;
/*padding:5px 0 5px 2px;*/
text-align:left;
font-size:0.9em;
}

.rightLMItems a, .rightLMItems a:hover, .rightRMItems a, .rightRMItems a:hover {
color:#fff;
}
.rightLMItems a:visited, .rightRMItems a:visited {
color:#ccccff;
}

#rightSideRightMenubar {
float:right;
display:block;
color:#fff;
width:160px;
margin:10px 0 15px 0;
}

#Classifieds {
float:right;
display:block;
width:160px;
height:100%;
margin:5px 0 15px 0;
background:#669;
color:#fff;
border:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 1px;
}

#Classifieds a, #Classifieds a:hover {
color:#fff;
font-size:1.0em;
}

#Classifieds .tbhead {
background:#fff;
color:#3d3d3d;
border-bottom:solid #3d3d3d 1px;
}

#Classifieds .tbhead a, #Classifieds .tbhead a:hover {
color:#3d3d3d;
}

#Classifieds .tbcj {
border-bottom:solid #3d3d3d 1px;
line-height:120%;
}

#Classifieds .rmadcomments {
font-size:0.8em;
}

#rightAd160x600, #rightAd160x600two {
text-align:right;
float:right;
clear:both;
border:solid #3d3d3d 2px;
display:block;
overflow:hidden;
background:#eee;
width:160px;
height:600px;
margin:10px 0 20px 0;
}

#bodyFarkives {
padding:10px 0 20px 0;
font-size:10pt; /* 12 pt */
color:#fff;
text-align:center;
border-top:solid #3d3d3d 2px;
background:#555;
}

#bodyFarkives a {
color:#fff;
text-decoration:none;
}

#bodyFarkives a:hover {
text-decoration:underline;
}

#bodyFarkives .boldy {
font-weight:700;
font-size:12pt; /* 12pt */
}

#footer {
clear:both;
width:100%;
background:none;
color:#fff;
text-align:center;
padding:20px 0 10px 0;
font-size:10pt;
}

#footer a, #footer a:hover {
color:#ccccff;
text-decoration:none;
}

#footer .giantlink {
font-size:18pt;
font-weight:bold;
}

#footer .finalfootnote {
color:#878787;
text-align:center;
font-size:8pt;
font-weight:bold;
}

/* MyFARK STYLES */

.privmsgTable {
background:#c00;
color:#fff;
border:solid #3d3d3d 2px;
text-align:center;
margin:0 0 20px 0;
width:95%;
}

.privmsg {
background:#fff;
color:#800000;
border:solid #3d3d3d 1px;
text-align:left;
}

.privmsgHead {
font-weight:700;
font-size:1.1em;
border-bottom:solid #3d3d3d 2px;
}

.privmsgFoot {
font-weight:700;
font-size:1.1em;
border-top:solid #3d3d3d 2px;
}

.profileTable {
margin:20px 0 20px 0;
}

.profhdr {
text-align:right;
vertical-align:top;
font-weight:700;
background-color:#d9d9d9;
width:20%;
}
.profhdr1 {
text-align:right;
vertical-align:top;
font-weight:700;
color:#800000;
background-color:#d9d9ff;
width:20%;
}
.profhdr2 {
text-align:right;
vertical-align:top;
font-weight:700;
color:#ffffff;
background-color:#666699;
width:20%;
}

.profbhdr {
text-align:center;
vertical-align:top;
font-weight:700;
background-color:#d9d9d9;
}
.profbhdr1 {
text-align:center;
vertical-align:top;
font-weight:700;
color:#800000;
background-color:#d9d9ff;
}
.profbhdr2 {
text-align:right;
vertical-align:top;
font-weight:700;
color:#ffffff;
background-color:#666699;
}

.proftxt {
text-align:left;
vertical-align:top;
}
.proftxt1 {
text-align:left;
vertical-align:top;
background-color:#ededff;
}
.proftxt2 {
text-align:left;
vertical-align:top;
background-color:#ededff;
}

.invis {
color:#f9f9f9;
background:#f9f9f9;
display:none;
}
.dimmed {
color:#999;
}
.main {
text-align:left;
}
.mainesc {
color:#008000;
text-align:left;
font-size:0.9em;
}
.mainerr {
/* padding-left:10px; */
color:#c00000;
text-align:left;
font-weight:bold;
}
.mainnotice {
/* padding-left:10px; */
color:#0000c0;
text-align:left;
font-weight:bold;
}
.maininvis, .maininvis a, .maininvis a:hover, .maininvis a:visited {
color:#f9f9f9;
background:#f9f9f9;
text-align:left;
}
.howto {
color:#008000;
text-align:center;
font-weight:bold;
font-style:italic;
}
.comlinkcount {
color:#000000;
text-align:center;
font-size:0.9em;
}
.main a, .mainsmall a, .mainesc a, .mainerr a, .mainnotice a, .howto a, .comlinkcount a {
color:#3d3daf;
}
.main a:visited, .mainsmall a:visited, .mainesc a:visited, .mainerr a:visited, .mainnotice a:visited, .howto a:visited {
color:#3d3daf;
}
.main a:hover, .mainsmall a:hover, .mainesc a:hover, .mainerr a:hover, .mainnotice a:hover, .howto a:hover {
color:#3d3d3d;
/* background:#e9e9ff; */
}
.main h1 {
font-size:2.1em;
}
.main h2 {
font-size:1.9em;
}
.main h3 {
font-size:1.7em;
}
.main h4 {
font-size:1.5em;
}
.main h5 {
font-size:1.3em;
}
.main h6 {
font-size:1.1em;
}
.debugtxt {
font-family:Impact,Georgia,"Trebuchet MS","Times New Roman",Times,serif;
}

.headline, .headline a {
color:#000;
}
.headline a:hover {
color:#000;
text-decoration:none;
}
.headline a:visited {
color:#3d3d3d;
}
.headlinenew, .headlinenew a {
color:#000080;
}
.headlinenew a:hover {
color:#000080;
text-decoration:none;
}
.headlinenew a:visited {
color:#3d3d8f;
}
.headlinerej, .headlinerej a {
color:#800000;
}
.headlinerej a:hover {
color:#800000;
text-decoration:none;
}
.headlinerej a:visited {
color:#8f3d3d;
}
.headlineapp, .headlineapp a {
color:#008000;
}
.headlineapp a:hover {
color:#008000;
text-decoration:none;
}
.headlineapp a:visited {
color:#3d8f3d;
}
.headlinelive, .headlinelive a {
color:#006000;
font-weight:bold;
}
.headlinelive a:hover {
color:#006000;
font-weight:bold;
text-decoration:none;
}
.headlinelive a:visited {
color:#3d8f3d;
font-weight:bold;
}

/* added 4.29.09  --- Index Headline Hovers*/

.URLHover {
	font-size:7pt;
	color:#777777;
	font-style:italic;
	visibility:hidden;
	
}

.URLHover a {
color:#777777;
text-decoration:none;
}
.URLHover a:hover {
color:#000;
text-decoration:underline;
}
.URLHover a:visited {
color:#AAA;
} 



/* new 2.17.09 

Comments - Header redesign styles */

.headlineComments, .headlineComments a {
color:#3d3d3d;
font-size:11pt;
}


/* new 9.03.09 

Comments - Header redesign styles for silly color things */


.headlineCommentsRej, .headlineCommentsRej a {
color:#990000;
font-size:11pt;
}

.headlineCommentsNew, .headlineCommentsNew a {
color:#000099;
font-size:11pt;
}

.headlineCommentsApp, .headlineCommentsApp a {
color:#009900;
font-size:11pt;
}

.headlineCommentsLive, .headlineCommentsLive a {
color:#009900;
font-size:11pt;
font-weight:bold;
}






.headlineCommentsSource, .headlineCommentsSource a {
color:#777777;
font-size:8pt;
font-style:italic;
}

.headlineCommentsSource a:hover {
color:#000000;
font-size:8pt;
font-style:italic;
text-decoration:underline;
}

.headlineCommentsTags {
font-style:italic;
color:#777777;
font-size:8pt;
font-weight:bold;
}

.headlineCommentsTags a {
font-weight:100;
color:#0000ff;
}

.headlineCommentsTags a:hover {
text-decoration:underline;
}



#headlineCommentsInfoLineThingy{
font-size:7pt;
color:#7d7d7d;
font-style:italic;
position:relative;
z-index:100;
text-align:center;
margin:0 0 10px 0;
}

.headlineCommentsMoreSports, .headlineCommentsMoreSports a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#ee7700 !IMPORTANT;
}

.headlineCommentsMoreGeek, .headlineCommentsMoreGeek a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#080 !IMPORTANT;
}

/* 09.03.09 - updated category/tab specific styles for "more" in infoline of CommentsHeader */


.headlineCommentsMorePolitics, .headlineCommentsMorePolitics a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#099 !IMPORTANT;
}


.headlineCommentsMoreShowbiz, .headlineCommentsMoreShowbiz a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#b00 !IMPORTANT;
}

.headlineCommentsMoreVideo, .headlineCommentsMoreVideo a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#00a !IMPORTANT;
}

.headlineCommentsMoreMusic, .headlineCommentsMoreMusic a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#9003a3 !IMPORTANT;
}


.headlineCommentsMoreBusiness, .headlineCommentsMoreBusiness a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#22396b !IMPORTANT;
}

.headlineCommentsMoreMain, .headlineCommentsMoreMain a a:hover a:visited {
font-size:7pt;
font-weight:bold;
font-style:normal;
color:#666699 !IMPORTANT;
}



.bookmarkIcon{ 
margin: 0 4px 0 4px;
}



.popupTitle{ 
font-size:8pt;
font-weight:bold;
}

#headlineCommentsMoreLinks { 
font-size:7pt;
color:#3d3d3d;
font-style:italic;
width: 210px; 
height: 140px; 
border: 1px solid #3d3d3d; 
background: #dfdfff; 
position: absolute;
z-index:101;
display: none;
padding:5px;
}

#headlineCommentsMoreLinks .close{ 
text-align:right;
}

#headlineCommentsMoreLinks .label{ 
padding: 0 0 5px 0;
font-weight:bold;
}

#headlineCommentsMoreLinks .bookmarks{ 
padding: 0 0 15px 0;
}

/*comment redesign styles */

.commentInfoLineThingy{
font-size:7pt;
color:#7d7d7d;
font-style:italic;
position:relative;
z-index:100;
text-align:center;
margin-bottom:20px;
}

.commentHeader { 
position:relative;
}

.commentMoreLinks { 
font-size:7pt;
color:#7d7d7d;
font-style:italic;
width: 200px; 
height: 150px; 
border: 1px solid #3d3d3d; 
background: #dfdfff; 
position: absolute;
z-index:101;
display: none;
padding:5px;
}


.commentAddFriend { 
font-size:7pt;
color:#7d7d7d;
font-style:italic;
width: 200px; 
height: 150px; 
border: 1px solid #3d3d3d; 
background: #dfdfff; 
position: absolute;
z-index:101;
display: none;
padding:5px;
}


.commentIgnoreConfirm { 
font-size:7pt;
color:#7d7d7d;
font-style:italic;
width: 200px; 
height: 150px; 
border: 1px solid #3d3d3d; 
background: #dfdfff; 
position: absolute;
z-index:101;
display: none;
padding:5px;
}

/* The MyFark Styles */

#accordionExample {
min-width:650px;
width:99%;
padding:3px;
margin:0 0 30px 0;
}
#TFaccordionExample {
min-width:825px;
width:99%;
padding:3px;
margin:0 0 30px 0;
}

.accordionTabTitleBar {
font-size:12px;
padding:2px 6px 2px 6px;
border-style:solid none solid none;
border-width:1px 0 1px 0;
border-top-color:#bdc7e7;
border-bottom-color:#182052;
background-color:#63699c;
color:#fff;
font-weight:bold;
}

.accordionTabTitleBarHover {
font-size:11px;
background-color:#669;
color:#000;
}

.accordionTabContentBox {
font-size:11px;
border:1px solid #1f669b;
padding:0 4px 0 4px;
margin:0;
overflow:auto;
/* display:none; */
}

/* The Comments Styles */

.voteTable {
background:#669;
color:#fff;
border-top:2px solid #3d3d3d;
}

.voteTable a, .voteTable a:visited {
color:#dfdfff !important;
}

.voteTable a:hover {
color:#fff !important;
text-decoration:underline;
}

#commentsHeader {
background:#666699;
color:#fff;
border-top:2px solid #3d3d3d;
border-bottom:2px solid #3d3d3d;
vertical-align:middle;
font-size:8pt;
}

.commentsHeaderTable {
background:#ddd;
color:#3d3d3d;
border-top:2px solid #3d3d3d;
vertical-align:middle;
font-size:8pt;
}
.commentsHeaderTable select {
vertical-align:middle;
font-size:8pt;
}

.commentsHeaderInput {
color:#3d3d3d;
border:1px outset #3d3d3d;
vertical-align:middle;
}

.commentsFooterTable {
background:#ddd;
color:#3d3d3d;
border-top:2px solid #3d3d3d;
border-bottom:2px solid #3d3d3d;
vertical-align:middle;
font-size:8pt;
}

.commentsLabel {
font-size:12pt;
font-weight:700;
}

/* added 2.17.09 */
.commentsLabelSmall {
font-size:8pt;
font-weight:700;
color:#ffffff;

}

#commentsArea {
width:99%;
text-align:left;
}

#commentsArea .ctable, #commentsArea .ctableTF, #commentsArea .ctablelogin {
margin:0 5px 5px 12px;
width:98%;
padding:3px 0 3px 0;
background:#dfdfff;
color:#3d3d3d;
border:1px solid #3d3d3d;
vertical-align:middle;
}

#commentsArea .ctable a, #commentsArea .ctableTF a {
color:#3d3daf !important;
}
#commentsArea .ctable a:visited, #commentsArea .ctableTF a:visited {
color:#3d3dff !important;
}
#commentsArea .ctable a:hover, #commentsArea .ctableTF a:hover {
color:#669 !important;
text-decoration:underline;
}

#commentsArea .ctext {
width:97%;
padding:2px 2px 2px 0;
margin:0 0 15px 12px;
text-align:left;
}
#commentsArea .ctext img {
 border:1px solid #e0e0e0;
 vertical-align:text-bottom;
}
#commentsArea .ctextnb img {
 border:0px;
 vertical-align:text-bottom;
}
#commentsArea .ctext a {
color:#3d3daf;
}
#commentsArea .ctext a:visited {
color:#3d3dff;
}
#commentsArea .ctext a:hover {
color:#3d3daf;
text-decoration:underline;
}

.ctextnb img {
border:0;
vertical-align:text-bottom;
}

#commentsArea .cdate {
font-size:0.8em;
font-weight:700;
padding-right:10px;
padding-left:10px;
}

#commentsArea .clogin {
font-size:1.1em;
font-weight:700;
padding-left:10px;
color:#3d3d3d;
}
/* usernames in comments headers are always grey even tho they're links */
#commentsArea .clogin a {
color:#3d3d3d !important;
}
#commentsArea .clogin a:visited {
color:#3d3d3d !important;
}
#commentsArea .clogin a:hover {
color:#669 !important;
text-decoration:underline;
}

#commentsArea .ctools {
color:#3d3d3d;
/*background:#efefff;*/
/*font-size:0.9em;*/
}
#commentsArea .ctools a {
color:#3d3daf !important;
}
#commentsArea .ctools a:visited {
color:#3d3dff !important;
}
#commentsArea .ctools a:hover {
color:#669 !important;
text-decoration:underline;
}

#commentsArea .tfbadge {
border:0;
padding-left:5px;
}

.ctextesc {
color:#006000;
background:#d9d9ff;
}
.ctextesc2 {
color:#000060;
background:#d9ffd9;
}
.ctextesc3 {
color:#600000;
background:#ffd9d9;
}

#commentsPostingArea {
text-align:left;
margin:15px 5px 0 5px;
width:99%;
padding:0;
background:#3d3d3d;
color:#fff;
border:1px solid #3d3d3d;
vertical-align:middle;
}

#commentsPostingArea .commentPostingTable {
width:99%;
text-align:left;
margin:5px 5px 15px 5px;
padding:0;
background:#eee;
color:#3d3d3d;
border:2px solid #3d3d3d;
vertical-align:middle;
}

#commentsPostingArea .commentsPostingAreaInput {
padding:1px;
color:#3d3d3d;
background:#fff;
border:1px solid #3d3d3d;
vertical-align:middle;
}

#commentsPostingArea .commentsPostingAreaButton {
padding:1px;
background:#669;
color:#fff;
border:2px outset #3d3d3d;
vertical-align:middle;
}
#commentsPostingArea .commentsPostingAreaButton[disabled] {
color:#999;
}

#commentsPostingArea .cpbox {
background:#eee;
}

#commentsPostingArea .cpafootnote {
font-size:0.9em;
width:99%;
text-align:left;
margin:5px 5px 15px 5px;
padding:0;
}

#commentsPostingArea .cpafootnote a {
color:#b9b9ff !important;
}
#commentsPostingArea .cpafootnote a:visited {
color:#b9b9d0 !important;
}
#commentsPostingArea .cpafootnote a:hover {
color:#fff !important;
text-decoration:underline;
}

#commentsPostingArea .notifyBigBrother {
padding:1px;
background:#c00;
color:#ccc !important;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
vertical-align:middle;
}
#commentsPostingArea .notifyBigBrother a {
color:#fff !important;
}
#commentsPostingArea .notifyBigBrother a:hover {
color:#fff !important;
text-decoration:underline;
}

.refreshRedisplayComments {
font-size:1.2em;
font-weight:700;
color:#000000 !important;
}
.refreshRedisplayComments a {
color:#0000c0 !important;
}
.refreshRedisplayComments a:hover {
color:#3d3d3d !important;
text-decoration:underline;
}

.mtbl {
width:100%;
background:#ddd;
}
.mtbl th {
background:#669;
color:#fff;
vertical-align:middle;
text-align:center;
font-size:1.0em;
}
.mtbl th a {
color:#dfdfff;
background:#669;
}
.mtbl th a:hover {
color:#dfdfff;
background:#669;
text-decoration:underline;
}
.mtbl td {
background:#fff;
color:#3d3d3d;
vertical-align:middle;
text-align:left;
font-size:1.0em;
}
.mtbl td a {
color:#3d3daf;
background:#fff;
}
.mtbl td a:hover {
color:#000;
background:#fff;
text-decoration:underline;
}
.mtblHi1 {
color:#000090;
background:#e0e0ff;
font-weight:bold;
}
.mtblHi2 {
color:#900000;
background:#ffe0e0;
font-weight:bold;
}

/*Profile / other place Narc Area CSS */

#narcArea {
text-align:left;
margin:15px 0 0 0;
width:100%;
padding:0;
background:#3d3d3d;
color:#fff;
border-top:2px solid #3d3d3d;
vertical-align:middle;
}

#narcArea .notifyBigBrotherProfile {
padding:0;
background:#c00;
color:#ccc !important;
vertical-align:middle;
}

#narcArea .notifyBigBrotherProfile a {
color:#fff !important;
}

#narcArea .notifyBigBrotherProfile a:hover {
color:#fff !important;
text-decoration:underline;
}

/* LOGIN BOX STYLES */

.loginTable {
background:#3d3d3d;
color:#fff;
border-top:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 2px;
text-align:left;
font-size:1.0em;
margin:6px 0 0 0;
}

.loginTable input {
border:outset #3d3d3d 1px;
}

.loginTable a {
color:#b9b9ff;
}
.loginTable a:visited {
color:#b9b9e0;
}
.loginTable a:hover {
color:#fff;
text-decoration:underline;
}
.loginViewAnother {
background:#efefef;
color:#3d3d3d;
}

.ncbar {
color:#c00;
background-color:#c00;
height:4px;
border:0;
margin:8px 0 8px 8px;
}

/* blog */

.blogMain {
margin:0px;
z-index:140;
clear:both;
padding:10px 15px 30px 15px;
/* min-width:650px; */
}
.blogHeader {
margin:0 0 10px 0;
z-index:140;
clear:both;
padding:0 0 5px 0;
border-bottom: dotted #3d3d3d 1px;
/* min-width:650px; */
}
.blogHeadline {
font-size:1.7em;
font-weight:bolder;
}
.blogByLine {
font-size:0.9em;
}
.blogMain a, .blogHeader a, .blogByLine a {
color:#3d3daf;
}
.blogMain a:visited, .blogHeader a:visited, .blogByLine a:visited {
color:#3d3daf;
}
.blogMain a:hover, .blogHeader a:hover, .blogByLine a:hover {
color:#3d3d3d;
/* background:#e9e9ff; */
}

/* Some stuff only appears if Javascript is enabled. Put it in a span of this class and one line of Javascript makes it visible. */
/* Kind of the opposite of putting stuff inside the noscript tag.  Sure beats using document.write() everywhere... */

.jsonly {
display:none;
}
.htmlasst {
display:inline;
vertical-align:top;
}
.htmlasst a img {
background:#669;
border:outset #3d3d3d 2px; 
vertical-align:top;
}
.htmlasst a:hover img {
background:#77a;
border:outset #666 2px;
}
.htmlasst a:active img {
background:#99c;
border:outset #999 2px;
}
.cmtHdrB1 {
display:inline;
vertical-align:top;
}
.cmtHdrB1 a img {
background:#99c;
border:outset #3d3d3d 2px; 
vertical-align:top;
}
.cmtHdrB1 a:hover img {
background:#aab;
border:outset #666 2px;
}
.cmtHdrB1 a:active img {
background:#bbd;
border:outset #999 2px;
}


/* Travel CSS */
/* #bodyHeadlineContainer {
	min-width: 650px;
} */

#travelcontainer {
	padding: 5px 25px;
	font-family: verdana, arial;
}

#travelcontainer a {
	text-decoration: underline;
	color: #000000;
}

#travelSearchFarkTravelBar {
	padding: 6px 0px;
	margin-bottom: 25px;
	width: 100%;
	min-height: 20px;
	background: #666699;
	color: #ffffff;
	border: 2px solid #3d3d3d;
}

#travelSearchFarkTravelOn, #travelSearchFarkTravelOff {
	float: left;
	padding: 3px 0px 10px 15px;
}

#travelSpinTheGlobe {
	float: right;
	padding: 0px 15px 3px 0px;
}

#travelSpinTheGlobe input {
   color:#ffffff;
   background-color:#797baa;
}

.farkyButton {
   color:#ffffff;
   background-color:#797baa;
}

#travelInfoContainer, #travelMapContainer {
	float: left;
	padding: 0px 12px 20px 0px;
	width: 48%;
}


#travelRatingsContainer, #travelPhotosContainer {
	float: left;
	padding: 0px 0px 45px 12px;
	width: 48%;
}

.travelTitle {
	font-weight: bold; 
	font-size: large;
}

.travelAddress {
	
}

.travelCatTitle {
	font-weight: bold;
    font-size:8pt
}

#travelRatings {
	float: left;
}


#travelSubmitterRatings {
	width: 70px;
	height: 55px;
	border: 3px solid #3d3d3d;
	background: #666699;
	text-align: center;
	color: #ffffff;
	margin-bottom: 15px;
	padding-top: 5px;
}

#travelFarkersRatings {
	width: 70px;
	height: 55px;
	border: 3px solid #3d3d3d;
	background: #e5e6ff;
	text-align: center;
	color: #3d3d3d;
	margin-bottom: 15px;
	padding-top: 5px;
}

#travelRatingsSlider {
	float: left;
	margin-left: 15px;
	height: 140px;
	width: 180px;
	border: 3px solid #3d3d3d;
}

.travelFarkersSay {
	font-size: x-small;
}

.travelFarkerRating {
	font-size: 22px;
}

.travelSubmittersays {
	font-size: x-small;
}

.travelSubmitterRating{
	font-size: 22px;
}

#travelSliderNumbers {
	font-size: xx-small;
	width: 159px;
	margin-left: auto;
	margin-right: auto;
}

#travelSliderNumber1 {
	float: left;
	margin-top: -10px;
	margin-left: 3px;
}

#travelSliderNumber100 {
	float: right;
	margin-top: -10px;
}

#travelSliderTray {
	margin-left: auto;
	margin-right: auto;
	background-image: url('http://img.fark.net/images/travel/slidertray.png'); 
	width: 159px; 
	height:14px;
}

#travelSliderHandle {
	background-image: url('http://img.fark.net/images/travel/sliderhandle.png'); 
	width: 8px; 
	height: 13px; 
	cursor:move;
}

#travelYouSay {
	text-align: center;
	font-size: x-small;
	padding-top: 10px;
}

#travelYourRating {
	text-align: center;
	font-size: x-large;
	margin-top: 5px;
	margin-bottom: 10px;
}

#travelYourRatingVote {
	text-align: center; 
	padding-top: 20px;
}

#travelYourRatingVote input {
	color:#ffffff;
	background-color:#797baa;
}

#travelMapOutter {
	width: 240px;
}

#travelMapTitle {
	float: left;
	font-weight: bold;
	font-size: small;
}

#travelMapLinks {
	float: right;
	font-size: x-small;
}

#travelMap {
	margin-top: 1px;
	border: 2px solid #3d3d3d;
	width: 240px;
	height: 230px;
}

#travelMap img {
	width: 240px;
	height: 230px;
}

#travelPhotosContainer {
	position: relative;
	top: 13px;
	left: 14px;	
}

#travelPhotosBox {
	width: 264px;
	height: 230px;
	background: #666666;
	border: 3px solid #3d3d3d;
}

#travelPhotosInside {
	padding-top: 5px;
	padding: 5px 10px 0px;
	width: 240px; 
	color: #ffffff;
}

#travelPhotosTitle {
	float: left;
	font-weight: bold;
}

#travelPhotosOther {
	float: right;
}

#travelPhoto {
	clear: both;
	background: #ffffff;
	text-align:center;
	vertical-align:middle;
    width: 240px;
	height: 200px;
}

#travelPhoto img {
	border: 2px solid #ffffff;
	text-align:center;
	vertical-align:middle;
}

#travelPhotosContainer a {
	color: #ffffff;
}

#travelDescriptionContainer {
	clear: both;
	padding-bottom: 20px;
}

#travelDescriptionTitle, #travelCommentsTitle {
	font-weight: bold;
	font-size: large;
}

.ctableTF {
	background:#DFDFFF none repeat scroll 0% 50%;
	border:1px solid #3D3D3D;
	color:#3D3D3D;
	padding: 5px 15px;
	vertical-align:middle;
	width:98%;
}

.clogin {
	font-weight: bold;
	font-size: larger;
	color: #4f4d4e;
}

.travelCommentHeader {
	padding-top: 20px;
}

.travelComment {
	padding-top: 15px;
	padding-bottom: 30px;
}

#travelSearchFarkTravelOn, #travelSearchFarkTravelOff {
	cursor: pointer;
}

#travelSearchFarkTravelOff {
	display: none;
}

.travelBold {
	font-weight: bold;
}

.travelRight {
	text-align: right;
}

.travelCenter {
	text-align: center;
}

.travelBottom {
	vertical-align: bottom;
    line-height: normal;
}
.travelLarger {
	font-size: larger;
}

.travelRatingContainer {
	width: 66px;
	height: 14px;
	position: relative;
	top: -15px;
	left: 55px;
}

.travelRating {
	background-image: url('http://img.fark.net/images/travel/stars.png');
	background-position: center left;
	height: 14px;
}

#travelSearchBox {
	margin-top: -10px; 
	font-weight: bold;
}

#travelSearchBox hr {
	width: 100%; 
	height: 2px; 
	background-color: #8384b4; 
	clear: both;
	border: 0px;
}

#travelSearchBox table {
	width: 100%;
}

.travelZip {
	width: 62px !important;
}

#travelSearchResultsContainer {
	width: 100%; 
	margin-top: -25px;
}

#travelSearchTopText {
	min-width: 606px; 
	clear: both; 
	font-size:8pt;
}

#travelResultsTable {
	width: 100%; 
	margin: 10px 0px 5px 0px;
}

.travelResultsCount {
	width: 26%;
}

.travelSortBy {
	width: 30%;
}

.travelShowResults {
	width: 24%;
}
.travelPageCount {
	width: 20%; 
}

#travelSearchResults {
	clear: both; 
	color: #3d3d3d;
}

#travelSearchResults table {
	width: 100%;
	border-collapse: collapse; 
	margin-bottom: 200px;
}

.travelResultOdd {
	background-color: #dddddd;
}

.travelResultNum {
	width: 4%; 
	text-align: center; 
	font-size: large;
}

.travelResultImg{
	width: 16%; 
	text-align: center;
}

.travelResultAddress {
	padding: 0px; 
	width: 47%; 
	vertical-align: middle;
}

.travelViewMapLink {
	font-size: x-small;
}

.travelResultMoreInfo {
	 vertical-align: top; 
	 padding: 10px 0px 0px 0px; 
	 width: 33%;
}

div#travelAddEditContainer a {
	color: #fff;
}
div#travelAddEditContainer {
	padding: 6px 0px;
	margin-bottom: 25px;
	width: 100%;
	min-height: 20px;
	background: #666666;
	color: #ffffff;
	border: 2px solid #3d3d3d;
}

span.travelAddLocation, span.travelEditLocation {
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 5px;
	display: block;
}

div#travelAddEditLeft {
	width: 310px;
	float: left;
}

div#travelAddEditRight {
	width: 296px;
	float: right;
}

div#travelAddEditLeft input {
	width: 185px;
}

td.travelAddEditLabel {
	text-align: right;
	font-weight: bold;
}

.travelAddEditState {
	width: 77px;
}

#travelAddEditSliderValue {
	font-size: 12pt;
	/* margin-top: 5px;
	margin-bottom: 10px; */
	float: right;
}

td.travelAddEditHeader {
	/* width: 90px; */
	font-weight: bold;
}

div#travelAddEditRight input {
	width: 175px;
}

div#travelAddEditBottomBox {
	text-align: center;
	width: 100%;
}

div#travelAddEditBottomBox input[type="text"], input[type="password"] {
	width: 100px;
}

.travelAddEditFarkButton {
	background-color: #797BAA;
	color: #ffffff;
	width: 80px;
}

div#travelAddEditBottomBoxLogin, div#travelAddEditBottomBoxPassword, div#travelAddEditBottomBoxSubmit, div#travelAddEditBottomBoxCancel {
	float: left;
	padding: 0px 3px;
}

div#travelAddEditBottomBoxPreview {
	float: left;
	padding: 0 3px 0 10px;
}

div#travelAddEditBottomBoxContent {
	margin: 0px auto;
	width: 610px;
}

#travelAddEditYourRating {
	text-align: center;
	font-size: 12pt;
	margin-top: -15px;
	margin-bottom: 10px;
	float: right;
}

#travelAddEditSliderNumbers {
	font-size: 7pt;
	width: 159px;
}

#travelAddEditSliderNumber1 {
	float: left;
	margin-top: -12px;
	margin-left: 3px;
}

#travelAddEditSliderNumber100 {
	float: right;
	margin-top: -12px;
}

#travelAddEditSliderTray {
	background-image: url('http://img.fark.net/images/travel/slidertray.png'); 
	width: 159px; 
	height:14px;
}

#travelAddEditSliderHandle {
	background-image: url('http://img.fark.net/images/travel/sliderhandle.png'); 
	width: 8px; 
	height: 13px; 
	cursor:move;
}

#travelAddEditLeft table {
	width: 300px;
}
/*
#travelAddEditPhoto3, #travelAddEditPhoto4, #travelAddEditPhoto5 {
	display: none;
}
*/
.travelAddEditMoreLinks {
	text-align: center;
	width: 275px;
}

#travelProfileLink {
    font-size: 6pt;
}

/* YAY! this was added for the little login box form, hip hip...hooray */
td.travelVoteTitle {
	text-align: right;
	font-weight: bold;
}

input.travelVoteInput {
	width: 92px;
}

#travelRatingsVoteBox {
	display: none;
}

#travelVoteTitle {
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
	padding: 5px 0px 15px 0px;
}

.travelVoteButton {
	padding-top: 16px;
	padding-left: 63px;
}

#travelMapPhotoContainer {
	clear: both;
}

#loadingAnim {
	display: none;
	vertical-align: bottom;
	padding-left: 10px;
}

.readonly {
	background-color: #999999;
	color: #333333;
	border: solid 1px #666666;
}

.search_result_pic {
	border: solid 1px #3d3d3d;
	background-color: #ffffff;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* tooltip */
.hotspot {
	color:#900; 
	padding-bottom:1px; 
	border-bottom:1px dotted #900; 
	cursor:pointer
}

#tt {position:absolute; display:block; background:url('http://img.fark.net/images/travel/tt_left.gif') top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url('http://img.fark.net/images/travel/tt_top.gif') top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url('http://img.fark.net/images/travel/tt_bottom.gif') top right no-repeat; overflow:hidden}
#tttext {margin:50px auto; width:500px}

/* Shirt Preview Page */

#shirtHolderDivThingOMG {
text-align:left;
position:relative;
top:0px;
left:0px;
padding:15px 10px 15px 10px;
width:620px;
height:1900px;
margin:10px;
}

#shirtHeader {
width:620px;
height:40px;
position:absolute;
top:0px;
left:0px;
font-size:16pt;
font-weight:bolder;
color:#3d3d3d;
}

#shirtOptionBox {
width:130px;
height:430px;
position:absolute;
top:70px;
left:0px;
color:#ffffff;
background-color:#3d3d3d;
border: solid #000000 2px;
padding:5px;
z-index:200;
}

.shirtOptionBoxItem{

margin:0px 0px 0px 10px;
padding:0px;

}

#shirtPreviewBox {
width:570px;
height:400px;
position:absolute;
top:50px;
left:50px;
color:#ffffff;
background-color:#bbbbbb;
border: solid #000000 2px;
padding:5px;
z-index:190;
}

#shirtShirtShirtShirtMens {
position:absolute;
top:60px;
left:110px;
color:#ffffff;
background:none;
border:0px;
z-index:205;
display:block;
}

#shirtShirtShirtShirtWomens {
position:absolute;
top:60px;
left:110px;
color:#ffffff;
background:none;
border:0px;
z-index:205;
display:none;
}

#shirtShirtShirtTag {
position:absolute;
top:150px;
left:328px;
background:none;
border:0px;
z-index:211;
}

#shirtShirtShirtHeadline {
position:absolute;
width:225px;
top:190px;
left:275px;
color:#ffffff;
background:none;
z-index:211;
font-size:10pt;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}




#shirtPreviewBoxDetail {

width:470px;
position:absolute;
top:360px;
left:130px;
color:#ffffff;
background-color:#000000;
border: solid #ffffff 2px;
padding:80px 10px 20px 10px;
z-index:210;
font-size:20pt;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



#shirtPreviewTag {
position:absolute;
top:380px;
left:280px;
background:none;
border:0px;
z-index:211;
}



#shirtPreviewHeadline {
text-align:left;
width:460px;
}

#shirtFooter {
position:absolute;
top:600px;
left:200px;
z-index:211;
padding:10px;
}

#shirtFArQ {
position:absolute;
top:680px;
left:0px;
z-index:211;
padding:10px;
}


/* Shop Main Page */

#shopHolderDivThingOMG {
text-align:left;
position:relative;
top:0px;
left:0px;
padding:15px 10px 15px 10px;
width:620px;
height:1500px;
margin:10px;
}

#shopHeader {
width:620px;
height:40px;
position:absolute;
top:0px;
left:0px;
font-size:18pt;
font-weight:bolder;
color:#3d3d3d;
}

#shopTopTenLinks {
width:600px;
position:absolute;
top:600px;
left:30px;
font-size:10pt;
color:#3d3d3d;
border-top:solid #3d3d3d 2px;
padding:20px 0 0 0; 
}

#shopMainLeft {
width:300px;
position:absolute;
top:50px;
left:0px;
font-size:10pt;
color:#3d3d3d;
}

#shopMainCenter {
width:1px;
position:absolute;
top:50px;
left:325px;
border:solid #3d3d3d 1px;
height:550px;
background-color:#3d3d3d;	
}

#shopMainRight {
width:300px;
position:absolute;
top:50px;
left:350px;
font-size:10pt;
color:#3d3d3d;
}

.pitameter {
/* nothing yet */
}

/* BEGIN BOXSWAP CSS */
#BoxSwaps {
float:left;
display:block;
width:300px;
height:100%;
margin:5px 0 15px 0;
background:#669;
color:#fff;
border:solid #3d3d3d 2px;
border-bottom:solid #3d3d3d 1px;
font-size:0.9em;
}

#BoxSwaps a, #BoxSwaps a:hover {
color:#fff;
}

#BoxSwaps .tbhead {
background:#fff;
color:#3d3d3d;
border-bottom:solid #3d3d3d 1px;
padding:5px 0 5px 0;
}

#BoxSwaps .tbcj {
border-bottom:solid #3d3d3d 1px;
line-height:120%;
padding:5px 5px 10px 10px;
}

#BoxSwaps .rmadcomments {
font-size:0.8em;
}
/* END BOXSWAP CSS */

/* BEGIN FARK PARTY CSS */
span.partyAddParty, span.partyEditParty, span.partyChooseLocation, span.partyPreviewParty {
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 5px;
	display: block;
}

.partyAddEditFarkButton {
	background-color: #797BAA;
	color: #ffffff;
	width: 80px;
}

#partycontainer {
	padding: 5px 25px;
	font-family: verdana, arial;
}

#partycontainer a {
	text-decoration: underline;
	color: #000000;
}

div#partyAddEditContainer a {
	color: #fff;
}
div#partyAddEditContainer {
	padding: 6px 0px;
	margin-bottom: 25px;
	width: 100%;
	min-height: 20px;
	background: #666666;
	color: #ffffff;
	border: 2px solid #3d3d3d;
}

#partySearchFarkTravelBar {
    /* VERY similar to travelSearchFarkTravelBar, but not the same... may want to tweak later */
	padding: 6px 0px;
	margin-bottom: 25px;
	width: 100%;
	min-height: 20px;
	background: #666699;
	color: #ffffff;
	border: 2px solid #3d3d3d;
}

#partySearchTravelBox {
	margin-top: -10px; 
	font-weight: bold;
}

#partySearchTravelBox hr {
	width: 100%; 
	height: 2px; 
	background-color: #8384b4; 
	clear: both;
	border: 0px;
}

#partySearchTravelBox table {
	width: 100%;
}

div#partyAddEditBottomBox {
	text-align: center;
	width: 100%;
}

div#partyAddEditBottomBox input[type="text"], input[type="password"] {
	width: 100px;
}

div#partyAddEditBottomBoxLogin, div#partyAddEditBottomBoxPassword, div#partyAddEditBottomBoxSubmit, div#partyAddEditBottomBoxCancel {
	float: left;
	padding: 0px 3px;
}

div#partyAddEditBottomBoxPreview {
	float: left;
	padding: 0px 3px;
}

div#partyAddEditBottomBoxContent {
	margin: 0px auto;
	width: 610px;
}



/* END FARK PARTY CSS */

/* Topic tag CSS sprites -- this is an incomplete prototype, not yet even remotely functional -- TODO */

.topic01 { background-position: 0px -11px; }
.topic02 { background-position: 0px -22px; }
.topic03 { background-position: 0px -33px; }
.topic04 { background-position: 0px -44px; }
.topic05 { background-position: 0px -55px; }
.topic06 { background-position: 0px -66px; }
.topic07 { background-position: 0px -77px; }
.topic08 { background-position: 0px -88px; }
.topic09 { background-position: 0px -99px; }
.topic10 { background-position: 0px -110px; }
.topic11 { background-position: 0px -121px; }
.topic12 { background-position: 0px -132px; }
.topic13 { background-position: 0px -143px; }
.topic14 { background-position: 0px -154px; }
.topic15 { background-position: 0px -165px; }
.topic16 { background-position: 0px -176px; }
.topic17 { background-position: 0px -187px; }
.topic18 { background-position: 0px -198px; }
.topic19 { background-position: 0px -209px; }
.topic20 { background-position: 0px -220px; }
.topic21 { background-position: 0px -231px; }
.topic22 { background-position: 0px -242px; }
.topic23 { background-position: 0px -253px; }
.topic24 { background-position: 0px -264px; }
.topic25 { background-position: 0px -275px; }
.topic26 { background-position: 0px -286px; }
.topic27 { background-position: 0px -297px; }
.topic28 { background-position: 0px -308px; }
.topic29 { background-position: 0px -319px; }
.topic30 { background-position: 0px -330px; }
.topic31 { background-position: 0px -341px; }
.topic32 { background-position: 0px -352px; }
.topic33 { background-position: 0px -363px; }
.topic34 { background-position: 0px -374px; }
.topic35 { background-position: 0px -385px; }
.topic36 { background-position: 0px -396px; }
.topic37 { background-position: 0px -407px; }
.topic38 { background-position: 0px -418px; }
.topic39 { background-position: 0px -429px; }
.topic40 { background-position: 0px -440px; }
.topic41 { background-position: 0px -451px; }
.topic42 { background-position: 0px -462px; }
.topic43 { background-position: 0px -473px; }
.topic44 { background-position: 0px -484px; }