/* ##### Common Styles ##### */

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, arial, sans-serif;
  
}

.clearing {
  height: 0;
  clear: left;
}

img.thumbPopup, img.youtubelink {
cursor: pointer;
border: 1px solid #000;
}
div.video {
display: block;
  margin: 0px 6px 6px -6px;
  padding: 4px;
  text-align:center;

}
div.video object {

}
a.popup {
	background: url(/elements/sprite/alpha.png) 0 20% no-repeat;
	padding-left: 12px;
}


a.slideshow {
	background: transparent url(/elements/sprite/alpha.png) 0 60% no-repeat;
	padding-left: 12px;
}

/* ##### wrapper #### */


/* ##### Overall Coloring ########### */
#main div, #main table {
	border-color:  #9d9a97;
}

#main .box {
	background-color:#e0e0e0;
	border-width: 1px;
	border-style: solid;
	font-size: 0.8em;
	color: #333;
}

#sidebar, #sidebar a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

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

#sidebar .current {
	background: url(/images/icons/section_arrow.gif) no-repeat center left;	
}
/* ##### Boxes ##### */
.box .box_head {
	font-size: 1.2em;
	margin-bottom: 3px;
	font-weight: bold;
	text-align: left;
	display: block;
}


#sidebar .box .tool li:hover {
	background-color: #758ed4;
}

#sidebar .box h2 {
	font-size: 1em;
}

#sidebar  #logout {
	margin-top: 1.5em;
	text-align: right;
	background-image: none !important;
}
#sidebar  #logout a {
	text-decoration: underline;
}

#sidebar  #logout a:hover {
	text-decoration: none;
}

/* keeps the background and the icons from screwing up on IE... */
/* Hides from IE-mac \*/
* html #sidebar .box ul {height: 1%;}
/* End hide from IE-mac */


#sidebar #user_box .shirts {
	background: url(/images/icons/tshirt_icon.gif) no-repeat center left;	
	margin-top: .3em;
}

#sidebar  #user_box .mailbox {
	background: url(/images/icons/unread_mail.gif) no-repeat center left;
	margin-bottom: .3em;
}

#sidebar  #user_box .controlpanel {
	background: url(/images/silk_icons/cog_edit.png) no-repeat center left;
	margin-bottom: .3em;
}


#sidebar #user_box .unread a {
	color: #98661F;
	text-decoration: underline;
	font-weight: bold;
}



/* float off the right edge of the page by the margin + padding ... */
#sidebar .box .box_head img {
	position: absolute;
	display: inline;

}

/* ##### menu boxes ##### */
#sidebar .box ul, .boxlist {
  margin: 5px 0;
  padding: 0;
  list-style:none;	
}

#sidebar .box li, .boxlist li {
  padding: 0 0 0 15px;
  margin: 2px 0;
  list-style: none;	 
  
}

#sidebar .box .tool a, .boxlist a {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

#sidebar .box .current, .boxlist .current {
	padding-top: 2px;
	padding-bottom: 2px;
}


/* ##### Side Bar ##### */

#sidebar {
	font-size: .75em;
	line-height: 1.2em; 
	min-height: 750px;  
}

#sidebar .box {
	border: 1px solid;
}

#sidebar .content {
	padding-left: 4px;
	padding-right: 4px
}

.random, .image_thumb img.thumbnail {
	border: 1px solid #000;
}

#sidebar .random_image img {
	border-width: 1px;
	border-style: solid;
}
#sidebar .random_image {
	display: block;
	margin: 15px; padding: 0px;
}

#feed-list li a {
display: block;
text-indent: -5000px;
height: 20px;

	width: 120px;
	height: 20px;
	background: transparent url(/elements/rss/sprite/white.gif) 0 0 no-repeat;
}

#feed-list a.rss-y {
	background-position: 0 0;
}
#feed-list a.rss-g {
	background-position: 0 -40px;
}
#feed-list a.rss-m {
	background-position: 0 -80px;
}
#feed-list a.rss-b {
	background-position: 0 -120px;
}


/* generic column thingy... */
.column {
  position: relative;
  float: left;
  
}

#wrapper .left_body {
	width: 100%;
}

#content {
	margin-left: 16px;
	margin-right: 16px;
}

#slideshow-list {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#slideshow-list li {
	font-size: 0.8em;
	list-style: none;
	margin: 0 0 0.25em 0;
	
	border-bottom: 1px solid #DDD;
}

#slideshow-list .title {
	font-weight: bold;
	font-size: 1.1em;
}
#slideshow-list .keyword {
	font-weight: normal;
	font-style: italic;
	

}
#slideshow-list .edit {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	
	padding-right: 5px;
}

#slideshow-list .edit  img {
	display: inline;
	vertical-align: text-top;
	margin-left: 0.5em;
	padding-right: 3px;
}


/* ##### masthead ##### */

.masthead, #masthead {
  margin: 0;
  padding: 0;
  width: 100%;
}

.masthead .logo {
	margin-bottom: 5px;
}

.masthead img {
  border: 0px;
}

.box img.close, .round-box img.close {
	display: block;
	float: right;
	cursor: pointer;

}


 
.link-bar, .breadcrumbs {
	position: relative;
	float: left;
/*	padding: 5px 5em 0 0; */
	font-size: 13px;
	clear: both;
	white-space: nowrap;
	padding: 3px 3px 0 3px;
	
}


.link-bar span.info {
	margin: 0px;
	
}
.below_tabs span.info {
	font-weight: bold;
	color: #333;
}
.link-bar a {
	font-weight: normal;
}

.link-bar h2.link-title {
	margin: 0 6px 0 0;
	padding: 0;
	font-size: 1em;
	background: transparent;
	font-weight: bold;
}

.link-bar .link.first {
	padding-left: 0;
	background-image: none;
}

.link-bar .justlink {
	
	background-image: none;
	padding: 0;
}

.link-bar .grey {
	color: #999;
	
}

.link-bar span, .link-bar .link, .link-bar .link-title {
	text-transform: lowercase;
	display: block;
	float: left;
}
.link-bar-right span, .link-bar-right .link, .link-bar-right .link-title {
	float: right;
}
.link-bar span, .link-bar .link {
	font-size: 11px;
	margin-right: 6px;
	min-height: 18px;
}

div.tags span, div.tags .link {
	min-height: 10px;

}

div.tags {
	padding: 0px;
}

.link-bar .link {
	background: transparent url(/elements/sprite/nav-sprite.gif) 0 -280px no-repeat;
	padding-left: 6px;
}
.link.comment_link {
	background: transparent url(/elements/sprite/nav-sprite.gif) 0 -160px no-repeat;
	padding-left: 18px;
 }
.link.readmore_link {
	background: transparent url(/elements/sprite/nav-sprite.gif) 0 -240px no-repeat;
	padding-left: 18px;
 }
.link.edit_story {
	background: transparent url(/elements/sprite/nav-sprite.gif) 0 -200px no-repeat;
	padding-left: 18px;
 }


.link-bar .fb-link span {
	min-height: 10px;
}
.link-bar .fb-link a, .link-bar .fb-link a:hover {
text-decoration: none !important;
}

.link-bar .rss_link {
	background: url(/elements/icon/feed-icon-16x16.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
}

.link-bar .delete_image,.link-bar .delete_tag {
	background: url(/elements/icon/picture_delete.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
}

.link-bar .change-avatar {
	background: url(/elements/icon/bullet_add.gif) 0 50% no-repeat;
	padding: 0 0 0 9px;
	
}
.link-bar .renew {
	background: url(/elements/icon/money.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
	
}

.link-bar .edit_user, .link-bar .edit_myself {
	background: url(/elements/icon/edit_user.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
}

.link-bar a.admin {
	margin-left: 5px;
	color: #F00;
	font-weight: bold;
}

.link-bar .message_user {
	background: url(/elements/icon/message_user.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
}

.link-bar .ignore_user {
	background: url(/elements/icon/ignore_user.gif) 0 50% no-repeat;
	padding: 0 0 0 18px;
}

.link-bar form.link {
	display: block;
	float: left;
	min-height: 18px;
	background: transparent;
}

.link-bar .x-link {
	text-indent: -5000px;
	background: url(/elements/story-link-sprite.gif) 0 0 no-repeat;
	height: 16px;
	padding-left: 0;
	width: 22px;
}
.link-bar .x-link-digg
{
	background-position: 0 -30px;
}
.link-bar .x-link-del
{
	background-position: 0 -60px;
}
.link-bar .x-link-su
{
	background-position: 0 -0px;
}


.breadcrumbs li, .breadcrumbs ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.breadcrumbs a {
	background: url(/elements/icon/breadcrumb_next.gif) top right no-repeat;
	padding: 0 18px 0 0;
	margin: 0;
}

.header h1 {
	color: #2b344d;
	margin: 0;
	padding: 0;
}

.slogan {
	font-style: italic;
	margin-bottom: 0.5em;
}

a.add-theme {
	font-weight: bold;
	text-align: right;
}


/* rounded corners.... the final frontier */
.round-box {
  border:5px solid;
  position:relative;

  /* hack to get IE 6 to size this div correctly and put the origin where
     it should be for the child position:absolute elements */
  height:100%;
}
/* for small-ness, add a .small to the round-box class */
.round-box.small {
  border-width:2px;
}


.round-box > .top-corners div, .round-box > .bottom-corners div {
  height:15px;
  width:15px;
  position:absolute;
}
.round-box.small > .top-corners div, .round-box.small > .bottom-corners div {
  height:10px;
  width:10px;
}

.round-box  div.box-title {
	padding: 4px 10px 4px 10px;
}
.round-box.small  div.box-title {
	padding: 4px 5px 4px 5px;
}
.round-box.small div.box-content, .round-box  div.with-padding {
	padding: 0 5px 5px 5px;
}

/* We need bottom-corners to be relative in Safari, otherwise it won't move
   the bottom corners when the height of the box changes.
*/
.round-box > .bottom-corners {
  position:relative;
  background:green;
  top:-10px;
  font-size:0px;
}


/* top is offset from the div height of 15px */
.round-box.small > .bottom-corners {
  top:-8px;
}


.round-box > .top-corners .left {
  top:-5px;
  left:-5px;
}

.round-box > .top-corners .right {
  top:-5px;
  right:-5px;
}

.round-box > .bottom-corners .left {
  left:-5px;
}

.round-box > .bottom-corners .right {
  right:-5px;
}

/* for small 2px borders */
.round-box.small > .top-corners .left {
  top:-2px;
  left:-2px;
}

.round-box.small > .top-corners .right {
  top:-2px;
  right:-2px;
}

.round-box.small > .bottom-corners .left {
  left:-2px;
}

.round-box.small > .bottom-corners .right {
  right:-2px;
}

.round-box .top-corners .left {
  background-position:top left;
}

.round-box .top-corners .right {
  background-position:top right;
}

.round-box .bottom-corners .left {
  background-position:bottom left;
}

.round-box .bottom-corners .right {
  background-position:bottom right;
}

.round-box.brown-white .top-corners div,
.round-box.brown-white .bottom-corners div {
  background-image:url(/elements/rounded-box.gif);
}

.round-box.brown-white {
  background:#d2bfa6 !important;
  border-color:#8f6e42 !important;
}

.round-box.blue .top-corners div,
.round-box.blue .bottom-corners div {
  background-image:url(/elements/round/blue.gif);
}

.round-box.blue {
  background-color:#DFE6EC;
  border-color:#ABBBCC !important;
}
.round-box.blue-white .top-corners div,
.round-box.blue-white .bottom-corners div {
  background-image:url(/elements/round/blue-white.gif);
}

.round-box.blue-white {
  background-color:#FFFFFF;
  border-color:#ABBBCC !important;
}

/* smallness!*/
.round-box.blue-white-small .top-corners div,
.round-box.blue-white-small .bottom-corners div {
  background-image:url(/elements/round/blue-white-small.gif);

}

.round-box.blue-white-small {
  background-color:#FFFFFF;
  border-color:#ABBBCC !important;
}

.round-box.blue-white-small-title .bottom-corners div {
  background-image:url(/elements/round/blue-white-small.gif);

}
.round-box.blue-white-small-title .top-corners div{
  background-image:url(/elements/round/blue-small.gif);

}
.round-box.blue-white-small-title div.box-title {
	background-color: #DFE6EC;
}
.round-box.blue-white-small-title {
  background-color:#FFFFFF;
  border-color:#ABBBCC !important;
}
.round-box.round-box-hidden {
  visibility: hidden;
}


/* styles for what goes in the box */
.round-box.round-box-style .list-table
{
	background-color: #fff;
}

.round-box.round-box-style {
	color: #666666;
	
	font:1em "Trebuchet MS",Verdana,Arial,Sans-serif;

}
.round-box.round-box-style a {
	color: #1287FF;
	
	text-decoration: none;
}
.round-box.round-box-style a:hover {
	color: #D76123;
	text-decoration: underline;
}




#main .round {
	border: none;
	padding-left: 0px;
	background: #fff url(/elements/box/bottom.gif) no-repeat bottom right;
}

#main .round div.round_inner {
	padding-right: 5px;
	margin: 0;
	
	/* top */
	background: url(/elements/box/top.gif) no-repeat top right;
}


#main .round .round_inner div.ri2 {
	padding-top: 5px;
	background: url(/elements/box/top-t.gif) no-repeat top left;
}

#main .round .round_inner div.ri3 {
	padding: 3px;
	background: url(/elements/box/bottom.gif) no-repeat bottom left;
}

.bulletins {
	width: 450px;
	margin-left: 16px;
	margin-bottom: 5px;
}

#main .bulletins .ri3 {
height: 75px;
}
.bulletins .date {
	display: block;
	font-size: 0.8em;
	
}



/* ##### image list ##### */

.image .title p {
	margin: 0;
	padding: 0;
}

.inline_images {
	list-style: none;
text-align: center;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
}
.inline_images td { margin: 0; padding 2px }
.inline_images h3 {
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	margin: 0;
	
}
.inline_images li {
	float:left;
	list-style: none;
	margin: 5px;
}

.inline_images img {
	border: 1px solid #000;
}


* html .superhack {height:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


/* -------------------------------------------------------------------- */
/* Subscription                                                         */
/* -------------------------------------------------------------------- */

#subscription h2 {
	padding-left: 0px;
	padding-top: 6px;
	padding-bottom: 2px;
	font-size: 1.4em;
	font-weight: bold;
}

#subscription .indented {
	padding-left: 15px;
}
#subscription .button {
	font-weight: bold;
}

.subscriber {
	background: url(/elements/sprite/alpha.png) 100% 40% no-repeat;
	padding-right: 14px;
}

/* Use this to use the system fonts */
.system-fonts, .system-fonts input {
	font-family: Segoe UI, Tahoma,Helvetica, sans-serif;
	font-size: normal;
}


/*--------------------------------------------------------------------- */
/* dialog box */
/*--------------------------------------------------------------------- */


.dialog_warning {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: url(/images/gradients/white-matte.png) repeat;
} * html .dialog_warning { height: 10em; background: url(/images/gradients/matte.gif) repeat; }

.close_button {
	position: absolute;
	right: 10px;
	top: 6px;
}
.dialog_warning .dialog_title, .dialog_warning .dialog_content {
	padding: 5px;
	color: #666154;
}

.dialog_warning .dialog_title {
	font-weight: bold;
	height: 16px;
}
.dialog_warning .dialog_content {

}




.dialog_warning #inner-dialog {
	background: #FAF9F7;
	border: 1px solid #A09D97;
	max-width: 550px;
	margin: 15px 0 0 15px;
	float: left;
	position: relative;
	
}

.dialog_warning .close {
	position: absolute;
	right: 10px;
	top: 6px;
}

#sidebar #latest_comments_box.box {
	border: none !important;
	background-color: transparent !important;
	padding: 0 !important;
	width: 234px;
}



#sidebar #latest_comments_box #latest_comments {
	display: block;
	height: 300px;
width: 232px;
	overflow:auto;
	border: 1px solid;
	border-top: none;
	background-color: #ddd;
	margin: 0px;
}

/* -------------------------------------------------------------------- */
/* Pager                                                                */
/* -------------------------------------------------------------------- */
.pager, .nav_element {
	font-family: Arial, Helvetica, sans-serif; 
	padding-top: 20px; 
	padding-bottom: 10px; 
	margin: 0px;
}

.pager { 
	text-align: right;
	font-size: 11px;
}

.pager a, .nav_element a, .pager .pageList .this-page, .nav_element span, .pager .yui-pg-page {
	padding: 2px 6px; 
	text-decoration: none;
}

.pager a, .pager .pageList .this-page, .pager .yui-pg-current  {
	border: solid 1px #ddd; 
	background: #fff; 
}



.pager a:visited {
	padding: 2px 6px; 
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none;
}
.pager .break {
	padding: 2px 6px; 
	border: none; 
	background: #fff; 
	text-decoration: none;
}
.pager a.end {
	padding: 2px 6px; 
	border: solid 2px #ddd; 
	background: #fff;
}
.pager .this-page, .pager .final, .nav_element .final {
	padding: 2px 6px; 
}

.pager .this-page, .pager .final {
	vertical-align: top; 
}
.pager .this-page, .pager .final, .pager .yui-pg-current {
	background: #fff;
	border-color: #999;
	font-weight: bold; 
	font-size: 13px;
}

.pager a:hover {
	color: #fff; 
	background: #0063DC; 
	border-color: #036; 
	text-decoration: none;
}
.pager .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.pager .ranking a {padding: 0; border: 0; background: transparent;}
.pager .ranking a:hover {text-decoration: underline; color: #f60; background: transparent;}


.really_small_nm {margin-top: 0; margin-bottom: 0; font-size: 8pt;}


.tag_box {
	vertical-align: top;	
}

.tag_box a {
	font-weight: normal;
	text-decoration: underline;
}

.tags ul.tag-list, #editstory ul.tag-list {
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tags ul.tag-list li {
	
}

.tag_list a a:link a:visited a:hover {
	font-weight: normal;
}


/* header and footer */


/* text box */
.textbox {            
	font-family: verdana, arial, sans-serif; 
	font-size:1em;
	padding: 3px;
	border: 1px solid #000;

} * > .textbox {font-size: 1em;}

.loginbox {
	margin-top: 0.5em;
}
.loginbox label {
	display: block;
	font-size: 0.9em;
}

.loginbox .form-nice {
	display: block;
	font-family: verdana, arial, sans-serif; 
	color:#222222;
	font-size:1em;
	border: 1px solid #000;
	padding: 2px;
	margin: 1px;


} * > .textbox {font-size: 1em;}

.loginbox .note {
font-size: 9px;
margin: 0 0 0 0;
padding: 0 0 7px 0;
color: #333;
}

/* sidebar boxes */
.image_thumb {
	width: 185px;
	padding: 0;
}
.image_thumb img.thumbnail {
	margin: 5px;
}

.two_column {
	padding-right: 250px;
}

.two_column .left_column {
	margin: 0;
	padding: 0;
	width: 100%;
}

#main .two_column .right_column {
	width: 240px;
	border: none;
	border-left: 1px solid #dadada;
	
	padding-left: 9px;
	margin-right: -250px;
	overflow: auto;
	
}

/* alerty junk */

#alert, .alert_box {
	margin: 10px;
	padding: 5px;
	border: 1px solid #792d2d;
	background: #f4e4e4;
}

#alert .title, .alert_box .title {
	font-weight: bold;
}

#alert .message, .alert_box .message {
	font-weight: normal;
}

.message {
	margin: 10px;
	padding: 5px;
	border: 1px solid #f1e76d;
	background: #eff1c4
}
.alert_box .tip {
	font-size: 9pt;
	padding: 0 0.5em 1em 28px;
	
	background: transparent url(/elements/dialog/dialog-information-small.png) no-repeat 0 0;
	
}
.message .tip {
	font-size: 9pt;
	padding: 0 0.5em 1em 28px;
	
	background: transparent url(/elements/dialog/dialog-information-small.png) no-repeat 0 0;
	
}

#errors {
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}

.warning pre {
font-weight: normal;
font-size: 10px;
overflow: auto;
line-height: 1em;
font-family: Consolas, Courier New, monospace;
color: #333;
}
.warning
{
	padding: 0 0.5em 1em 28px;
	
	background: transparent url(/elements/dialog/dialog-warning-small.png) no-repeat 0 0;
	
}


.below_tabs {
	clear: both;
	
	width: 98%;
	min-height: 30px;
} * html .below_tabs {
	height: 30px;
}

.below_tabs select {
	display: inline;
	background-color: #f2ecda;
	border: 1px solid #aba593;
	color: #4a3f30;
}


#theme_box h1 {
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
	margin: 0;
}

#theme_box .theme_name {
	margin-top: 10px;
	font-weight: normal;
	text-transform: lowercase; 
	font-family: "Times New Roman", serif;
	font-size: 1.9em;
	text-align: center;
}

#theme_box .link-bar {
	float: left;
	padding: 10px 0 2px 0;
	margin: 0;
	text-align: center;
}

#theme_box .link {
	float: left;
	display: block;
	text-align: center;
	padding: 0px 5px;
	margin: 0px;
}

#theme_box .enter {
	display: block;
	text-align: center;
}


#sidebar .tabs ul {
	margin:0;
	padding: 0;
}

#sidebar .tabs li {
	margin: 0px;
	padding: 3px;
	border: 1px solid;
	border-bottom: none;
	
}
#sidebar .tab_left li {
	margin-right: 3px;
}

#sidebar .tab-line {
	background: url(/elements/whiteline.gif) left bottom no-repeat;
}


#sidebar .tabs li.currentTab {
	background-color: #ddd;	
}

#sidebar .tabs li.currentTab a {
	font-weight: bold;
}


.new_stories #current {
    background-position: 0 -100px;

}
.new_stories #current a {
 	background-position:100% -100px;
 	padding-bottom:5px;
}

#story_tabs h1 {
	clear: left;
	min-height: 15px;
    float: left;
    position: relative;
    
     overflow: hidden;
}


div#footer .links {
text-align: center;
font-size: 12px;
margin: 0.1em;
}
div#footer .links a {
font-weight: bold;
}
div#footer {
	font-size:10px;
	line-height: normal;
	margin-top: 20px;
}

div#footer p {
	display: block;
	text-align: center;
	margin: 0.1em;
}

img#mozicode {
	margin-left: 14px;
	padding-bottom: 5px;
}

#main #result, #main .boxed-message {
	display: block;
	color: #2c3b12;
	font-weight: bold;
	padding: 15px;
	margin: 1em 3em 1em 3em;
	background-color: #e3f2c9;
	border: 1px solid #79a232;
}


#subscription .subscriber_info {
	padding-right: 314px;
	
		
}

#subscription .subscribe_box {
	font-size: 0.8em;
	
	padding: 10px 0 0 0 ;
	width: 300px; 
	margin-right: -314px;
	border: 2px solid #415eab; 
	background-color: #e7e9f0;
}

#subscription .subscribe_box .inner_column {
	text-align: left; 
	padding: 10px;
}

.subscriber_info .left_column {
	margin: 0;
	padding: 0 0 10px 0;
	right: 10px;

	
}
#subscription .subscribe_box ul {
	
	list-style-image: url(/elements/icon/bullet_white.gif);
	margin: 10px 0 0 10px;
	padding: 0;
}
#subscription .subscribe_box a {
	color: #293c6d;
	font-size: 20px;
	display: block;
	margin-bottom: 0.2em;
}


.captcha .hint {
	display: block;
	font-size: 0.8em;
}

.icon-bar ul, .icon-bar li {
	list-style: none;
	
}

.icon-bar li {

	float: left;
	margin: 5px;
	padding: 0;
	width: 75px;
	text-align: center;	
}

.icon-bar a {
	
	
}

.icon-bar a img {
	border: none;
	text-decoration: none;
	display: block;
    margin-left: auto;
    margin-right: auto;	

}

fieldset.new-box {
	padding: 3px;
	margin: 3px;
}	

.new-box legend {
	font-size: 1.2em;
	padding: 2px 0.1em;

}

/* STORIES */
/* keeps the background and the icons from fucking up on IE... */
/* Hides from IE-mac \*/
* html .single_ad_unit, .comment_zone .float_ad_unit {height: 1%;}
/* End hide from IE-mac */


.story_summary {
 	border-bottom-width: 1px;
 	border-bottom-style: solid;
	height: 100%;
}

* html .story_box br.clearing {
	display: none;
}

#main div.story_box {

	border: none;
	background: transparent;
}
#main div.story_extras .box  {
 	border-top: none;
}

div.story_box {
	position: relative;
	margin-top: 0.4em;

}
.story_box .page_block_body { font-size: 0.8em; }

.story_box .title {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.story_body .content {
	margin-top: 7px;
	margin-bottom: 7px;
	
}

.story_body .content blockquote {
	border: 1px solid #CCC;
	background-color: #DEDEDE;
	padding: 6px;
	
}

.story_body .tag_box, .story_body .author {
	font-size: 0.85em;
	margin-left: 4px;	
}

.story_body .content .story_picture {
	border: 1px solid #000;
	margin: .3em;
	
}

.story_body .content ol, .story_body .content ul {
    /* keep the list elements from bumping into the image */
    list-style-position: inside;
}

.story_box .with_ad {
	padding-right: 165px;  /* CC padding + RC full width */
}



.story_box .withad {
	padding-right: 200px;
}

.story_extras .withad {
	min-height: 600px;

}

/* for floating ads */
.story_body .single_ad_unit {
	width: 200px;
	margin-right: -100%;
	height: 200px;
}

.story_body .body_wrapper {
	width: 100%;
	z-order:5;
}

.story_body h1.title {
	
	padding-top: 0px;
	margin-top: 0px;
/*	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; */
}
/* junk actually in the story...
.story_body .content h1 {
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-left: 0px
}



/* keeps the background and the icons from fucking up on IE... */
/* Hides from IE-mac \*/
* html .story_box, * html .story_summary, * html .story_box .story_body,  * html .story_box .story_links, * html .story_box .story_links .link, * html .story_extras .box {height: 1%;}
/* End hide from IE-mac */

/* what it looks like ignored... */
#main div.story_hidden {
	text-transform: lowercase;
	font-family: verdana, ariel, sans serif;
	color: #888;
	text-align: center;
	font-size: 0.6em;

}

#main .story_hidden a {
	 font-weight: normal;
	 text-decoration: underline;
	 color: #888;
}

#tabs_bottom {
	clear: both;
	width: 100%;
	min-height: 25px;
	background: url(/images/gradients/tabs/story_back.png) top left no-repeat;
	padding-bottom: 25px;
} * html #tabs_bottom { height: 25px; }

/* our tabs are right aligned! */
#story_actions {
  float:right;
}

#story_actions li {
	float:left;
}


/* form style */

fieldset label, fieldset span, fieldset input, fieldset strong {
	display: block;
	
}


fieldset label, fieldset strong {
	color: #333;
	margin-top: 0.50em;
	margin-bottom: 0.25em;
	font-weight: bold;
}


.frm  span {
	font-size: 0.8em;
}

.head {
	font-size: 18px; 
	margin: .5em 0; 
	color: #b54800;
	border-bottom: 1px solid #b54800;
}

.total {
	color: #b54800; 
	font-weight: bold;
}

.frm form th {
	font-weight: bold; 
	text-align: right; 
	font-size: 13px; 
	vertical-align: top;
}

#comment_ip {
	font-size: 0.8em;
}
#comment_ip th {
	text-align: left;
	font-size: 1.2em;
}

#comment_ip .link-bar {
	margin-top: 5px;
	margin-left: 5px;
}

.frm .hint {
	font-size: 10px;
	color: #444;
}
.frm .odd, fieldset .odd {
	background-color: #eee;
}

.frm .required {
	background: #fff;
}

.frm .required label {
	display: block;
	background: #fff url(/elements/icon/required.gif) 0 50% no-repeat;
	padding-left: 10px;
} * html .frm .required label { height: 1px; }

.frm input, .frm text, .frm textarea, .frm select, .frm submit {
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.frm span.error-msg, .frm span.okay-msg, .frm span.blank-msg {
	display: block;
	font-weight: bold;
	padding-top: 3px;
	
	font-size: 0.70em;
} * html .frm span.error-msg { height: 1px; }
.frm span.error-msg {
	background: transparent url(/elements/icon/error_white.gif) 0 50% no-repeat;
	padding-left: 18px;
	color: #c67109;
}

.frm span.okay-msg {
	background: transparent url(/elements/icon/okay_white.gif) 0 50% no-repeat;
	padding-left: 18px;
	color: #42ad1f;
}

.agreement input {
	display: inline;
}
.agreement div {
	font-size: 0.8em;
}

.frm span.blank-msg {

}

fieldset {
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 15px;
	clear: left;
} * html fieldset { padding-top: 0; }

#newuser fieldset {
	margin: 0;

}

fieldset#signup {
	border: none;
}
#newuser legend {
	padding: 0 0.5em;
}


table.tight {
	padding: 2px;
	margin: 2px;
}

.tight fieldset {
	margin: 2px;

}

.tight legend {
	margin: 0;
	padding: 0px 1px 4px 1px;
}

legend {
	font-size: 135%;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 1;
	color: #b54800;
	padding: 10px 0.5em;
} 


.frm fieldset {
	border: 1px solid #eee;
	font-size: 0.9em;

	
}

.frm fieldset legend {
	font-size: 105%;
	font-weight: bold;
	letter-spacing: 0;
	
}

.frm .split {
	display: block;
	margin: 0;
	padding: 0;
	
}


.frm .split fieldset legend {
	font-size: 1em;
	padding: 1px;
}


#main .frm .split fieldset {
	border: 1px solid #eee;
	display: block;
	clear: none;
	margin: 0;
	padding: 4px;
	position: relative;
	height: 150px;
	
	
} * .frm .split fieldset { height: 1px; }

.frm .split fieldset.left {
	float: left;
	width: 45%;
	
	
}


.frm .split fieldset.right {

	width: 45%;
	float: right;
	
	
	
}

.frm div.columns {
	padding-right: 370px;
	
}

.frm .columns fieldset {
	
	float: left;
	display: block;
	clear: none;
	position: relative;
	margin: 0;
	

}
.frm .columns fieldset.center {
	width: 100%;
	margin-right: 10px;
	
}

.frm .columns fieldset.right {
	width: 300px;
	margin-right: -370px;
}


fieldset img.form-alert {
	float: left;
	display: inline;
}

fieldset .form-nice, .captcha input {
	background: #fff url(/elements/form_back.gif) repeat-x;
	border: 1px solid #aaa;
	color: #555;
	padding: 2px;
}

.upload th.optional {
	font-weight: normal;
}

.upload .resize {
	vertical-align: middle;
	font-size: 10px;
}

.upload .resize input {
	height: 10px;
}


.note {
	font-size: 0.8em;
	margin-left: 5px;
}


#main fieldset input.order {
	font-size: 16px; 
	font-weight: bold;
	margin-top: .5em;
	padding: 5px;
}


.mail_parts {
	font-family: monospace;
	width: 350px;
}


/**** mozicode ****/
#confirm_message {
	display: block;
	min-width: 400px;
	line-height: normal;
	margin: 5px;
}
#confirm_message img.thumbnail {
	float: right;
	display: inline;
	border: 1px solid #000;
	
}

#confirm_message .information {
	font-size: 0.7em;
	
	
}
#confirm_message .information h1 {
	font-size: 1.2em;

}

.styled_list {
	font-size: 0.9em;
	
}
.styled_list .title {
	font-weight: bold;
	display:block;
}

.styled_list .content {
	display:block;
}

.styled_list a.list-link {
	text-decoration: underline;
	display:block;
}


/*  Page Stuff */

.page_header {
  float:left;
  position: relative;
  padding: 0;
  font-size:93%;
  line-height:normal;
  margin: 0;
  width: 100%;
  overflow: hidden;	
}



.page_header h1 {
	margin: 0;
	
	 padding-bottom: 5px;
	 padding-top: 15px;
}

.page_content .list_counter {
	color: #CCC;
}



.page_content a {
	text-decoration: underline;
	font-weight: normal;
}

.page_content .list_element a:visited {
	color: #AAA;
}

.page_content .page_list {
	list-style: none;	
	margin-left: 0;
	padding-left: 0;
}

.page_content .page_list li {
	margin-left: 0;
	padding: 0 0 0.2em 0;
	font-family: Georgia, "Times New Roman", serif;	
}

.page_list .details {
	display: block;
	margin-bottom: 5px;
	font-size: 0.8em;	
}

.page_list .author {
	font-style: italic;	
}

#themes .page_list li a {
	font-weight: bold;	
}

#themes .link-bar {
	float: right;
}

.page_list .current {
	background-color: #faf8d0;
}

#sidebar .random_image  .random-info {
	display: none;
	
}

/* tabs.css */

/* ############################################ */
/* TABS ! */
/* ############################################ */
.tabs, .tab_image {
  float:left;
  position: relative;
  padding: 0;
  font-size:93%;
  line-height:normal;
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.tab_image ul {
  margin:0;
  padding:10px 10px 0 10px;
  list-style:none;
}

.tabs li, .tab_image li {
	float:right;
	list-style-type:none;
	white-space:nowrap;	
}

.tab_left li {
	float:left;
}

.tabs a {
	display:block;
	color:#3d3d3d;
}


.tab_image li, .tab_image a, .tab {
	background-image: url(/elements/site_default/images/tabs.png);
	background-repeat: no-repeat;
	}
.tab_image li, .tab {	
	margin: 0 0 0 4px;
	padding: 0 0 0 10px;

}
.tab_image li {
	background-position: 0 0;
}
.tab_image a {
	background-position: 100% 0;
}

.tab {
clear:left;
	background-position: 0 -200px;
	height: 2.1em;
	margin: 2em 0 0 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.tab h3 {
height: 1.5em;
padding: 0.6em 10px 0 0;
font-size: 100%;
float:left;
margin: 0 0 0 0;
}
.tab-detail {
clear:left;
	background-color: #E0DDD4;
	color: #706752;
	font-size: 0.8em;
	text-align: left;
	margin: 0;
	padding: 8px 15px;
}

.tab_image h1.notab {
	padding:7px 1px 4px 6px;
	font-weight: bold;
}

.tab_image a {
	float:left;
	width:.1em;
	
	margin: 0;
	padding:7px 15px 4px 6px;
	text-decoration:none;
	white-space: nowrap;
	font-weight:bold;

}

.tab_image li:hover {
  background-position: 0 -300px;
}

.tab_image li:hover a {
  background-position: 100% -300px;
 
}

.tab_image #current, .tab_image .menu_selected {
  border-width:0;
  background-position: 0 -200px;
}
.tab_image #current a, .tab_image .menu_selected a{
  padding-bottom:5px;
  background-position: 100% -200px;

}

.tab_image {
	background: url(/images/tabs_line.png) left bottom no-repeat;
} 

.tab_image > ul a  {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab_image a {float:none;}
/* End IE5-Mac hack */

/* edit_form.css */
#edit-wrap #contentedit-wrap {
	width: 100%;
	float: left;
	margin-right: -222px; /* right column width & padding */
}

#edit-wrap #contentedit {
	margin-right: 228px;
}

#edit-wrap #sidebar-edit {
	float:right;
	display: block;
	width: 222px;
	margin: 0;
	padding: 0;
}



#b-buttons input {
	display: inline;
}

#edit-wrap div#d-title,#editstory div#d-title input {
	width: 95%
}
#edit-wrap div#d-title input {
	
	padding: 3px;
}
#edit-wrap textarea {
	width: 95%;
}

#inline-position img, #inline-position input, #inline-position label {
	display: inline;
}

img.previewImage {
	padding: 0;
	margin: 0;
	
}
.mceEditor img.previewImage {
	height: 75px;
	width: 131px;
}

#inline .previewWrapper {
	width: 200px;
	height: 100px;
	min-height:100px;

}
#inline img.previewImage {
	width: 200px;
	height: 100px;
	min-height:100px;
}

#inline .ImageList {
	width: 200px;
	height:150px;
}

.Panel > label {
	line-height: normal;	
	display: block;
	margin: 0;
	font-weight: normal;
	padding: 1px 0 1px 0;
}

#sidebar-edit .Panel > label {


	font-weight: normal;
}

/* good thing modern browsers do this... if you are using IE6 this isn't gonna look as good
   sorry pal, but you really need to get with the program! It isn't like I'm using the blink
   tag here...  */
#contentedit .Panel {
	margin-bottom: 1em;
}
#contentedit .Panel label {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 3px 0;
}

#sidebar-edit .Panel label {
	color: #000;
	font-size: 1.2em;
	width: 202px;
	padding: 0 0 4px 0;
	
}


#sidebar-edit .Panel .PanelContent, #editstory .tag-list a.tag {
	color: #666;
}

#sidebar-edit .Panel {

	border-bottom: 1px dotted #EEE;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
	width: 202px;
	font-size: 0.8em;
}
#sidebar-edit .Panel .PanelContent {
	width: 200px;
	padding: 0 0px 0 0px;
	margin: 0;
	
}


#sidebar-edit .box-content {
	padding: 5px 8px 5px 8px;
}
#contentedit-wrap .box-content {
	padding: 5px 10px 5px 10px;
}

/* the tooltip popup */
body div#toolTip table  {
background-color: #549de8;
padding: 0;
margin:0;
}
body div#toolTip table td {
	margin: 0;

}

body div#toolTip { 

	font-size:0.9em;
	font-family: "Segoe UI", Tahoma, "MS Sans Serif", Arial;
	color: #FFF;
	position:absolute;
	top:0;
	
	/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
	background-color: #096acd;
	/*background:  url(/elements/dlg/background.png) repeat; */
	border:1px solid #000;
	text-align:left;
	padding: 5px;
	-moz-border-radius:7px;
	z-index: 210;
 }
body div#toolTip p { margin:0;padding:0;color:#000; }
body div#toolTip p em { display:block;margin-top:3px;font-style:normal;font-weight:bold; }

body div#toolTip td.dBorder {
background: transparent url(/elements/dlg/border.png) top left repeat-x;
height: 3px;
padding: 0px;
}


body div#toolTip td.dBorderBottom {
background: transparent url(/elements/dlg/border-bottom.png) top left repeat-x;
height: 3px;
padding: 0px;
}
body div#toolTip h1 {
	font-size: 1.0em;
}

body div#toolTip a.dClose {
background: url(/elements/dlg/close.png) 0 0 no-repeat;
text-indent: -3000em; /* wipe it off the screen */
width: 25px;
height: 15px;
display: block;
left: 400px;
top: 3px;
position: absolute;
float: left;

}



body div#toolTip a.dClose:link {
background-position: 0 0;
}

body div#toolTip a.dClose:hover {
background-position: 0 -15px;

}
body div#toolTip a.dClose:active {
background-position: 0 -30px;
}

body div#toolTip img.droppyClose {
	text-align: left;
	cursor: pointer;
}

body div#toolTip ul, body div#toolTip li { 
	list-style: none;
	margin: 0;
	padding: 0;
}
body div#toolTip ul {
	width: 216px;	/* 50px + 4px padding * 4 images */
}
body div#toolTip li {
	float: left;
	margin: 2px 2px 2px 2px;
	width: 50px;
}

body div#toolTip li img {
	padding: 2px 2px 2px 2px;
	border: none;
}
body div#toolTip .dTitle {
	font-size: 13px;
	display:block;
	width: 416px;
	height: 15px;
	padding: 3px 15px 3px 0;	
	
}

body div#toolTip li a:hover img {
	border: 1px solid #F00;
	padding: 1px 1px 1px 1px;
}

body div#toolTip .pager {
	text-align: left;
}

	/* The prototype lib uses the width of the input box
	to figure out the width of the auto_complete div */

	div.auto_complete {
	width: 100%; /* this is 100% of the auto_control size */
	position:relative;
	height:10em;
	border:1px solid #404040;
	background:#fff;
	font-size:85%;
	overflow:auto;
	z-index: 210;
	}

	div.auto_complete ul {
	position:relative;
	padding-left: 0;
	margin: 0px;
	list-style:none;
	}
	div.auto_complete li {

	margin: 0px;
	padding: 0px;
	cursor:default;
	white-space:nowrap;
	display:list-item;
	}
	div.auto_complete ul li.selected {
	background-color: #ffb;
	}
	div.auto_complete ul strong.highlight {
	color: #800;
	margin:0;
	padding:0;
	}
	
	

/* the title for a bi-weekly challenge */
.theme-title {
	text-align: center;
	font-weight: bold;
	
}


#editstory #tag_extras {
	clear: both;
}
#editstory #tag_extras a {
	text-decoration: none;
}
#editstory #tag_extras a:hover {
	text-decoration: underline;
}

#editstory #tag_form input#tag_post_button {
	float:right;
	width: 40px;
}
#editstory #tag_form input#tag_name {
	float: left;
	display: inline;
	width: 125px;
}



#editstory .tag-list a.tag {
	text-decoration: none;

}
#editstory .tag-list a.delete_tag {
	text-decoration: underline;
		color: #AAA;
}
#editstory #below-tag {
	font-size: 0.9em;
}

#editstory #below-tag #for_user {
	margin-top: 5px;
}

span.mceButtonLabel {
	padding-left: 24px;
}
.mceButtonLabeled span.moziSlideshow {
width: 22px;
height: 22px;
background: transparent url(/javascript/tiny-plugins/popup/img/image-x-generic.png) 0 0 no-repeat;
}
.mceButtonLabeled span.moziPopup {
width: 22px;
height: 22px;
background: transparent url(/javascript/tiny-plugins/popup/img/image-x-generic.png);
}

label.lbl-inside {
position: absolute;
visibility: hidden;
}
.input-note {
font-size: 10pt;
color: #666;
font-weight: bold;
margin: 0 0 0.3em 0;
display: block;
width: 200px;
border: none;
}

ul.link-list {
	font-size: 0.8em;
	list-style: none;
}

li.im {
 background: url(/elements/sprite/im-white.gif) 0 -0 no-repeat;
 padding: 2px 0 3px 24px;
 margin: 3px 0 0 0;
}

.aim { background: url(/elements/sprite/im-white.gif) 0 -0 no-repeat !important; }
.icq { background: url(/elements/sprite/im-white.gif) 0 -40px no-repeat !important; }
.gtalk { background: url(/elements/sprite/im-white.gif) 0 -80px no-repeat !important; }
.msnim { background: url(/elements/sprite/im-white.gif) 0 -120px no-repeat !important; }
.ymsgr { background: url(/elements/sprite/im-white.gif) 0 -160px no-repeat !important; }
.jabber { background: url(/elements/sprite/im-white.gif) 0 -200px no-repeat !important; }
.skype { background: url(/elements/sprite/im-white.gif) 0 -240px no-repeat !important; }

.install-silverlight {
	color: #333;
	margin: 10px;
	font-size: 0.9em;
}
.install-silverlight p {
	margin-top: 2px;
	margin-bottom: 4px;
	
}
.install-silverlight p.no-thanks {
	margin-top: 10px;
	margin-bottom: 4px;
	text-align: right;
	font-size: 0.9em;
	
}
.install-silverlight p.img-link {
text-align: center;
margin: 0 10px 0 10px;
}
.install-silverlight h1{
	color: #000;
	font-size: 1.2em;
	
}
#badge-list {
	font-size: 0.8em;
}
.user_badge {
display: inline;
color: #808185;
}
.badge1, .badge2, .badge3 {
display: inline !important;

font-size: 120%;
margin-left: 3px;
margin-right: 1px;

}

/* bronze */
.badge1 { color:#cc9966; }
/* silver */
.badge2 {color: #c0c0c0;}
/* gold */
.badge3 { color:#ffcc00; }

.badge-count {
display: inline;
color: #808185;
}
.badge-count span { margin: 0; float: none; display: inline !important; }
.badge {
display: inline;
	margin: 20px 5px;
	padding: 5px 15px 5px 5px;
}
a.badge, .fake-badge {
	text-decoration: none;
background-color: black;
	display: inline;
	color: white;
}
a.badge:hover {
	
	color: white;
	background-color: #666;
	
}

/* checkmark thing liberally ripped from stackoverflow... sue me :-) */
#badge-list .checkmark {
height: 32px; font-size: 175%; text-align: right; width: 25px; padding-right: 7px; color: rgb(91, 144, 88);
}
#badge-list {

	padding-right: 244px;
	

}
#badge-list #badge-legend {
	
	padding: 0 10px;
	width: 220px; 
	margin-right: -244px;
	border: 2px solid #415eab; 
	background-color: #e7e9f0;

}
#badge-legend p { font-size: 0.9em; margin-left: 5px;}
.badge-block {
	margin: 10px 0;
}
.user-list-block {
padding: 10px 0px 100px 20px;
}
.user-list {
	margin: 0 12px 0 0;
	width: 200px;
	height: 23px;
	font-size: 9pt;
	float: left;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
}

/* section icons */
img.section-icon {
	vertical-align: middle;
	border:none;
}

.story_body img.section-icon {
	padding-left: 5px;
	float:right;
}
#searchresults .results {
	font-size: 0.8em;
}

.result .result_info, .result .result_info a {
	color: #888;
}

#searchresults .results h2 {
	margin: 1px 0 1px 0;
	font-size: 1.2em;
	font-weight: normal;
}
#searchresults .results ul {
	list-style:none;
}
#searchresults .results li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

img.avatar {
border: 1px solid #000;
}

img.small-avatar {
vertical-align: middle;
}