/*
	mirage.css

	Styles for Mac GUI Mirage
	24 Mar 13
	18 Oct 13
	14 Dec 13
	12 May 14 - new Gallery styles
	06 Dec 14 - additional buttons
	12 Jun 15 - new Gallery button
	12 Aug 15 - revised News styles
	18 Aug 15 - new storybox styles
	23 Nov 19 - RSS button
*/


/* Page Basics */

*
{
    margin: 0;
    padding: 0;
}


/* new HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ 
	display: block;
}


body
{
	background-color: #fafafa;
	color: black; 
	font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

a 
{
	color: black;
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	margin: .8em 0 1.2em;
	padding: 0;
}

img
{
	border: 0;
}

input
{
	vertical-align: middle;
	padding: 0 2px;
	margin-left: 2px;
	margin-right: 2px;
}

fieldset
{
	padding: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

legend
{
	padding-left: 2px;
	padding-right: 2px;
}

ul,ol
{
	margin:1em 0px 1em 0px;
	padding-left: 20px;
}

.accessAid
{
	visibility:hidden;
	position:absolute;
}

.small
{
	font-size:10px;
}

/* Head titles */
h1, h2, h3, h4, h5, h6
{
	line-height: 1.4em;
	margin: 3px 0 .2em;
	color: black;
}

h1
{
	font-size: 1.6em;
}

h2
{
	font-size: 1.4em;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5
{
	font-size: 1em;
}

h6
{
	font-size: 0.8em;
}

th{ padding:5px 0 8px;}

/* Link styles */
.lnk, .rlnk
{
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}

.rlnk
{
	color: #660000;
}

.lnk a:hover,.rlnk a:hover
{
	border-bottom: 1px solid #600000;
}

/* Black Header Bar */

#black-bar
{
	width: 100%;
	min-width: 970px;

}

#black-bar #black-left
{
	background: #292929;
	float: left;
	width: 80%;
	height: 23px;
	margin:0;
	padding:0;
}

#black-bar #black-right
{
	background: #292929;
	height: 23px;
	float: left;
	width: 20%;
	text-align: right;
	margin:0;
	padding:0;
}

#black-bar ul li
{
	display: inline;
	padding-left: 20px;
	line-height: 22px;
}

#black-bar a
{
	color: #eee; 
	text-decoration: none;
	font-weight: bold;
}

#black-bar a:hover
{
	text-decoration: underline;
}

.spacer { padding-left: 20px; }

/* White Header Bar */

#white-bar
{
	height: 94px;
	position: relative;
	top: 23px;
	left: 0px;
	width: 100%;
	color: #fff;
	background: #fff;
	margin-bottom: 0px;
	min-width: 970px;
}

#white-bar .logo
{
	top: 10px;
	left: 20px;
	position: absolute;
	width:389px;
}

#white-bar .logo a
{
	width: 389px;
	height: 77px;
	background: url(../gfx/mirage/head/mac_gui_logo.png) no-repeat top left;
	display: block;
}

#white-bar .logo span
{
	display:none;
}

#white-bar .loginbox-lcap
{
	background: url(../gfx/mirage/login/box_left.png) no-repeat top left;
	height: 38px;
	width: 5px;
	top: 11px;
	right: 560px;
	position: absolute;
}

#white-bar .loginbox
{
	background: url(../gfx/mirage/login/box_mid.png) repeat-x top left;
	height:38px;
	width:535px;
	top: 11px;
	right: 25px;
	position: absolute;
	padding-top: 10px;
}

#white-bar ul.white-login
{
	margin:0;
	padding:0;
	list-style: none;
}

#white-bar ul.white-login li
{
	float: left;
}

#white-bar ul.white-login li span
{
	display: none;
}

#white-bar .loginbox .username
{
	width: 82px;
	height: 15px;
	margin-right: 5px;
	background-image: url(../gfx/mirage/login/username.png);
}

#white-bar .loginbox .password
{
	width: 79px;
	height: 15px;
	margin-left: 12px;
	margin-right: 5px;
	background-image: url(../gfx/mirage/login/password.png);
}

#white-bar .loginbox .auto-login
{
	width: 83px;
	height: 15px;
	margin-left: 10px;
	margin-right: 5px;
	background-image: url(../gfx/mirage/login/auto_login.png);
}

#white-bar .loginbox-rcap
{
	background: url(../gfx/mirage/login/box_right.png) no-repeat top left;
	height:38px;
	width:5px;
	top: 11px;
	right: 20px;
	position: absolute;
}

#white-bar .register-today
{
	top: 65px;
	right: 172px;
	position: absolute;
	width:389px;
}

#white-bar .register-today a
{
	width: 210px;
	height: 16px;
	background: url(../gfx/mirage/login/register_today.png) no-repeat top left;
	display: block;
}

#white-bar .register-today span
{
	display:none;
}

#sys-msg-box
{
	width: 430px;
	position:absolute;
	top: 10px;
	right: 20px;
	z-index: 9999;
}

#sys-msg-box .sys-msg-indicator
{
	background: url(../gfx/mirage/system/sys_msg_indicator.png) no-repeat top left;
	height:100px;
	width:100px;
	float: left;
}

#sys-msg-box .sys-msg-text
{
	padding: 2px;
	margin-top: 18px;
	margin-left: 135px;
	height:72px;
	border: 1px dotted #999999;
}

/* Gray Navigation Bar */
#gray-bar
{
	height: 33px;
	position: relative;
	top: 23px;
	left: 0px;
	width: 100%;
	background: #f8f8f8;
	background: url(../gfx/mirage/gray_bar/gray_bar.gif) repeat-x top left;
	min-width: 970px;
}

#gray-bar #gray-left
{
	float: left;
	width: 550px;
	height: 29px;
	position: relative;
	top: 4px;
	left: 20px;
	margin:0;
	padding:0;
}

#gray-bar ul li
{
	list-style-type: none;
	display: inline;
	vertical-align: bottom;
	float: left;
}

#gray-left .forums a, #gray-left .gallery a, #gray-left .downloads a, #gray-left .usenet a, #gray-left .vault a
{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 29px;
}

#gray-left .forums a
{
	background-image: url(../gfx/mirage/gray_bar/forums.png);
	width: 93px;
}

#gray-left .forums a:hover
{
	background-image: url(../gfx/mirage/gray_bar/forums_d.png);
}

#gray-left .gallery a
{
	background-image: url(../gfx/mirage/gray_bar/gallery.png);
	width: 88px;
}

#gray-left .gallery a:hover
{
	background-image: url(../gfx/mirage/gray_bar/gallery_d.png);
}

#gray-left .downloads a
{
	background-image: url(../gfx/mirage/gray_bar/downloads.png);
	width: 123px;
}

#gray-left .downloads a:hover
{
	background-image: url(../gfx/mirage/gray_bar/downloads_d.png);
}

#gray-left .usenet a
{
	background-image: url(../gfx/mirage/gray_bar/usenet.png);
	width: 93px;
}

#gray-left .usenet a:hover
{
	background-image: url(../gfx/mirage/gray_bar/usenet_d.png);
}

#gray-left .vault a
{
	background-image: url(../gfx/mirage/gray_bar/vault.png);
	width: 76px;
}

#gray-left .vault a:hover
{
	background-image: url(../gfx/mirage/gray_bar/vault_d.png);
}

#gray-left .forums span, #gray-left .gallery span, #gray-left .downloads span, #gray-left .usenet span, #gray-left .vault span
{
	display: none;
}

#gray-bar #gray-right
{
	position: absolute;
	right: 0px;
	top: -8px;
	margin:0;
	padding:0;
}

#gray-right li
{
	font-size: 12px;
	list-style-type: none;
	display: inline;
	margin-left: 4px;
	margin-right: 20px;
	line-height: 50px;
}

#gray-right a
{
	color: black; 
	text-decoration: none;
}

#gray-right a:hover
{
	text-decoration: underline;
}

#gray-right .announcements a
{
	width: 165px;
	height: 40px;
	background: url(../gfx/mirage/gray_bar/announcements.png) no-repeat top left;
	display: block;
	float: left;
	margin-right: 4px;
}

#gray-right .announcements a:hover
{
	background: url(../gfx/mirage/gray_bar/announcements_d.png) no-repeat top left;
}

#gray-right .announcements span,
#gray-right .messages-0 span,
#gray-right .messages-1 span,
#gray-right .messages-2 span,
#gray-right .messages-3 span,
#gray-right .messages-4 span,
#gray-right .messages-5 span,
#gray-right .messages-6 span,
#gray-right .messages-7 span,
#gray-right .messages-8 span,
#gray-right .messages-9 span,
#gray-right .messages-more span,
#gray-right .preferences span
{
	display: none;
}

#gray-right .messages-0 a, 
#gray-right .messages-1 a, 
#gray-right .messages-2 a, 
#gray-right .messages-3 a, 
#gray-right .messages-4 a, 
#gray-right .messages-5 a, 
#gray-right .messages-6 a, 
#gray-right .messages-7 a,
#gray-right .messages-8 a,
#gray-right .messages-9 a,
#gray-right .messages-more a
{
	width: 116px;
	height: 40px;
	background: url(../gfx/mirage/gray_bar/messages.png) no-repeat top left;
	display: block;
	float: left;
	margin-right: 4px;
}

#gray-right .messages-1 a
{
	background: url(../gfx/mirage/gray_bar/messages_1.png) no-repeat top left;
}

#gray-right .messages-2 a
{
	background: url(../gfx/mirage/gray_bar/messages_2.png) no-repeat top left;
}

#gray-right .messages-3 a
{
	background: url(../gfx/mirage/gray_bar/messages_3.png) no-repeat top left;
}

#gray-right .messages-4 a
{
	background: url(../gfx/mirage/gray_bar/messages_4.png) no-repeat top left;
}

#gray-right .messages-5 a
{
	background: url(../gfx/mirage/gray_bar/messages_5.png) no-repeat top left;
}

#gray-right .messages-6 a
{
	background: url(../gfx/mirage/gray_bar/messages_6.png) no-repeat top left;
}

#gray-right .messages-7 a
{
	background: url(../gfx/mirage/gray_bar/messages_7.png) no-repeat top left;
}

#gray-right .messages-8 a
{
	background: url(../gfx/mirage/gray_bar/messages_8.png) no-repeat top left;
}

#gray-right .messages-9 a
{
	background: url(../gfx/mirage/gray_bar/messages_9.png) no-repeat top left;
}

#gray-right .messages-more a
{
	background: url(../gfx/mirage/gray_bar/messages_more.png) no-repeat top left;
}

#gray-right .messages-0 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_d.png) no-repeat top left;
}

#gray-right .messages-1 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_1_d.png) no-repeat top left;
}

#gray-right .messages-2 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_2_d.png) no-repeat top left;
}


#gray-right .messages-3 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_3_d.png) no-repeat top left;
}


#gray-right .messages-4 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_4_d.png) no-repeat top left;
}

#gray-right .messages-5 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_5_d.png) no-repeat top left;
}

#gray-right .messages-6 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_6_d.png) no-repeat top left;
}

#gray-right .messages-7 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_7_d.png) no-repeat top left;
}

#gray-right .messages-8 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_8_d.png) no-repeat top left;
}

#gray-right .messages-9 a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_9_d.png) no-repeat top left;
}

#gray-right .messages-more a:hover
{
	background: url(../gfx/mirage/gray_bar/messages_more_d.png) no-repeat top left;
}

#gray-right .preferences a
{
	width: 129px;
	height: 40px;
	background: url(../gfx/mirage/gray_bar/prefs.png) no-repeat top left;
	display: block;
	float: left;
	margin-right: 4px;
}

#gray-right .preferences a:hover
{
	background: url(../gfx/mirage/gray_bar/prefs_d.png) no-repeat top left;
}

.bottom-bar
{
	height: 19px;
	position: relative;
	top: 23px;
	left: 0px;
	width: 100%;
	background: url(../gfx/mirage/head/bottom_bar.gif) repeat-x top left;
}

/* Page Content */

#page, #page-full
{
	margin: 12px 0 30px;
	padding: 20px 20px;
	width: 690px;
	float: left;
}

#page-full
{
	width:890px;
}


/*
.page
{
	top: 23px;
	position: relative;
	width: 100%;
	display:block;
}

.page .left
{
	padding-left: 20px;
	padding-right: 260px;
	float: left;
}
*/

/* Trackers */

#trackers
{
	float: right;
	margin: 12px 0 20px;
	padding: 20px 0;
	width: 240px;
}

.whats-happening
{
	width: 130px;
	height: 68px;
	background: url(../gfx/mirage/trackers/whats_happening.png) no-repeat top left;
	display: block;
	margin: auto;
	padding-bottom: 20px;
}

.whats-happening span
{
	position: relative;
	top: 30px;
	left: 15px;
}

.recent-posts-head
{
	width: 231px;
	height: 65px;
}

.recent-posts-head a
{
	width: 231px;
	height: 65px;
	background: url(../gfx/mirage/trackers/recent_posts_head.png) no-repeat top left;
	display: block;
}

.recent-pictures-head
{
	width: 231px;
	height: 74px;
}

.recent-pictures-head a
{
	width: 231px;
	height: 74px;
	background: url(../gfx/mirage/trackers/recent_pictures_head.png) no-repeat top left;
	display: block;
}

.recent-blogs-head
{
	width: 231px;
	height: 69px;
}

.recent-blogs-head a
{
	width: 231px;
	height: 69px;
	background: url(../gfx/mirage/trackers/recent_blogs_head.png) no-repeat top left;
	display: block;
}

.telegraph-head
{
	width: 231px;
	height: 75px;
}

.telegraph-head a
{
	width: 231px;
	height: 75px;
	background: url(../gfx/mirage/trackers/telegraph_head.png) no-repeat top left;
	display: block;
}

.middle
{
	width: 231px;
	background: url(../gfx/mirage/trackers/trackers_sides.png) repeat-y top left;
}

.middle .trackers-list
{
	position: relative;
	left: 20px;
	list-style-type: none;
	line-height: 18px;
	width: 200px;
	padding: 5px 0 2px 0;
	margin:0;
}

.trackers-list a
{
	color: black;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}

.trackers-list a:hover
{
	border-bottom: 1px solid #600000;
}

.bottom
{
	width: 231px;
	height: 40px;
	background: url(../gfx/mirage/trackers/trackers_bottom.png) no-repeat top left;
	display: block;
	padding-bottom: 10px;
}

/* Page Bottom Fold */

#bottom-fold
{
	background: #fff;
	clear: both;
}

.bottom-fold-left, .bottom-fold-right
{
	height: 13px;
	width: 180px;
}

.bottom-fold-left
{
	float: left;
	background: url(../gfx/mirage/bottom/fold_left.png) no-repeat top left;
}

.bottom-fold-middle
{
	height: 13px;
	background: url(../gfx/mirage/bottom/fold_middle.gif) repeat-x top left;
}

.bottom-fold-right
{
	float: right;
	background: url(../gfx/mirage/bottom/fold_right.png) no-repeat top left;
}

/* News articles */

.news-article
{
	margin-bottom: 40px;
}

.news-headline
{
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 18px;
}

.news-byline
{
	margin: 0;
	color: #222;
	font-size: 11px;
	padding-bottom:6px;
}

.news-body
{
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	margin: 2px 0 8px 0;
}

.news-body img
{
	max-width:100%;
}

/* Story Box */
.stbox
{
	margin:2px;
	padding:2px;
	width:490px;
}

.stbox img
{
	max-width:100%;
}

.stbox-topleft
{
	width:23px;
	height:36px;
	background: url(../gfx/mirage/storybox/topleft.png) no-repeat top left;
	float:left;
}

.stbox-toprepeat
{
	height:36px;
	background: url(../gfx/mirage/storybox/toprepeat.png) repeat-x top left;
	float:left;
	width:440px;
}

.stbox-headline
{
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 15px;
	line-height:24px;
	overflow:hidden;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	max-width:434px;
}

.stbox-topright
{
	width:23px;
	height:36px;
	background: url(../gfx/mirage/storybox/topright.png) no-repeat top left;
	float:left;
}

.stbox-body
{
	clear:left;
	width:430px;
}

.stbox-bodyleft
{
	max-height:100%;
	/*width:11px;*/
	background: url(../gfx/mirage/storybox/left.png) repeat-y top left;
	padding-left:23px;
	padding-right:30px;
	float:left;
}

.stbox-bodyright
{
	max-height:100%;
	/*width:12px;*/
	background: url(../gfx/mirage/storybox/right.png) repeat-y top right;
	float:left;
}

.stbox-body-text
{
	padding-top:8px;
	padding-bottom:12px;
	padding-right:25px;
	width:438px;
}

.stbox-bottomleft
{
	width:23px;
	height:40px;
	background: url(../gfx/mirage/storybox/bottomleft.png) no-repeat top left;
	float:left;
}

.stbox-bottomrepeat
{
	height:40px;
	background: url(../gfx/mirage/storybox/bottomrepeat.png) repeat-x top left;
	float:left;
	width:440px;
}

.stbox-bottomrepeat-text
{
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height:6px;
}

.stbox-bottomright
{
	width:23px;
	height:40px;
	background: url(../gfx/mirage/storybox/bottomright.png) no-repeat top left;
	float:left;
}

/* Site Directory */


.site-directory
{
	list-style-type: none;
	margin: 0px 2px 2px 0;
	padding: 0px;
	width: 200px;
}

.site-directory li
{
	/*background-color: #f8f8f8;
	border: 1px solid #ddd;*/
	margin: 4px;
	padding: 4px 0 4px 6px;
	vertical-align: middle;
	line-height: 40px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.site-directory li img
{
	vertical-align: middle;
	padding-right: 8px;
}

.site-directory li:hover
{
	background-color: #eee;
}

/* Recent Gallery Additions */

.recent-pics-list li
{
	display: inline;
}

/* Popular Downloads */
.popular-downloads li
{
	margin-left: 20px;
	padding-bottom: 5px;
}

/* Error/Message body */
.msg-box-border
{
	width:100%;
	background-color:#eee;border:1px solid #ddd;
}
.msg-box-text
{
	padding:20px 10px;text-align:center;
}

/*
 * Forums
 */

.error_bg {background-color: #ffdfdf;padding:5px;}

.info_bg {background-color: #e1ebff;padding:5px;}

/* Forum title: Text and link to the forums */
.forumlink
{
	font-weight: bold;
	color: black;
}

a.forumlink		{ text-decoration: none; }
a.forumlink:hover	{ text-decoration: underline; color: #757978; }

.topictitle		{ font-weight: bold; color: black; }
a.topictitle:link	{ text-decoration: none; }
a.topictitle:hover	{ color: #dd0000; }

/* BBCode Quote */
table.quote { background-color: #C0C0C0; margin:8px;}
td.quote_user { padding:4px; background-color: #f2f2f2; font-size: 11px; color: #555; background-image: url(../gfx/layout/bg_nav.gif); }
td.quote {padding:4px;  background-color: #fafafa; }

/* BBCode Code */
table.code { background-color: #C0C0C0; margin:8px; }
td.code_header {padding:4px; background-color: #F2F2F2; font-size: 11px; color: #555; background-image: url(../gfx/layout/bg_nav.gif); }
td.code {padding:4px; background-color: #fff; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #1b5d19; }

.aligncenter { display:block;text-align:center;margin-left:auto;margin-right:auto; }
.alignright { text-align:right; }
.alignleft { text-align:left; }

.postbody img
{
	max-width: 100%;
}

.signature { color: #404040; }

/* URLs within posts and signatures */
.postlink { border-bottom: 1px dotted #999999; text-decoration: none; }
a.postlink:visited { color: #111; }
a.postlink:hover { border-bottom: 1px solid #600; text-decoration: none; }

/* used for the "says" text */
.gray { color: #222; }

/* Username as part of the user badge */
.name		{ font-weight: bold; color: black; }
a.name:link	{ text-decoration: none; }
a.name:visited	{ color: black; }
a.name:hover	{ color: #dd0000; }

.activity-box
{
	width: 81px;
	height: 48px;
	background: url(../gfx/mirage/userbadge/activity_box.png) no-repeat top left;
	display: block;
}

.activity-box span
{
	position: relative;
	top: 30px;
	text-align:center;
	width:100%;
	display:block;
}

/* Keyword highlighting */
.posthilit
{
	background-color: yellow;
}


.light-div /* Use with <hr class="" /> (horiz separator of post date and post body) */
{
	border: 0;
	height: 4px;
	width: 460px;
	background: url(../gfx/mirage/forums/light_div.png) no-repeat top left;
}

/* Gray bottom border */
.graybb { border-bottom:1px solid #e0e0e0; }
/* Gray border on left and right sides */
.graybsides { border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0; }
/* Gray border only on right side */
.graybright { border-right:1px solid #e0e0e0; }

/* Alternating backgrounds */
.bg1{ padding:3px;background-color:#fff; border-bottom:1px solid #e0e0e0; }
.bg2{ padding:3px;background-color:#eee; border-bottom:1px solid #e0e0e0; }
.bg3{ padding:3px;border-bottom:1px solid #e0e0e0; }


/*
 * Gallery
 */

.pic-main
{
	width: 100%;
	background-color: black;
	padding: 20px 0 20px 0;
}


.pic-main img
{
	display: block;
	margin: auto;
	max-width: 100%; /* automatically resize images */
	border: 1px solid gray;
}

.pic-buttons
{

	margin-bottom:10px;
	height:60px;
}

.pic-buttons .avatar
{
	float:left;
	padding-right: 5px;
}

.pic-info
{
	float: left;
	min-width: 280px;
	clear: left;
	padding-right: 10px;
	max-width: 400px;
}

.pic-attrib
{
	font-size: 12px;
}


.pic-info .desc
{
	padding: 5px;
	display: block;
	/*border: 1px solid gray;*/
	background-color: #f3f3f3;
	margin-top: 2px;
	margin-bottom: 4px;
}

.pic-info .data
{
	margin:0;
	padding-top: 6px;
	padding-left:0;
}

.pic-info ul.data  li
{
	list-style: none;
	line-height: 18px;
}

.nav-category
{
	float: right;
	width: 40%;
	padding-left: 2px;
	min-width: 270px;
}

.pic-comments
{
	float: left;
	width: 100%;
}

.square-thumb img
{
	width:75px;
	height:75px;
}

.thumbs-grid
{
	float: left;
	padding-right: 15px;
	width: 145px;
	height: 230px;
	clear: right;
}

.thumb-box /* make all thumbnails a standard height */
{
	height: 148px;
}

/* Box with title, author, and time beneath the thumbnail */
.thumb-label
{
	background: #eee;
	border: 1px dashed #ccc;
	margin-top: 5px;
	padding: 5px;
	text-align: center;
}

/* New Gallery styles for medium-size thumbnails on 12 May 14 */
.med-grid
{
	width: 100%;
}

.med-box img
{
	display: block;
	margin: auto;
	max-width: 100%; /* automatically resize images */
	padding: 8px;
}

.med-label
{
	margin: auto;
	background-color:#eee;
	border:1px solid #ddd;
	margin-top: 2px;
	margin-bottom: 20px;
	text-align: center;
	padding: 8px;
	width: 60%;
}

.med-label .topictitle
{
	font-size: 16px;
}

#now-uploading
{
	background-color:#eee;
	border:1px dotted gray;
	width:100%;
	display:none;
	text-align:center;
}

/*
 * Preferences
 */

.profile-menu
{
	line-height: 14px;
	list-style-type: none;
	margin: 4px;
	padding: 4px;
	width: 120px;
}

.profile-menu li
{
	background-color: #f2f2f2;
	border: 1px dotted #999999;
	margin: 4px;
	padding: 6px;
}

.profile-menu li:hover
{
	background-color: #ddd;
	font-weight: bold;
}

.profile-menu .active
{
	background-color: #ddd;
	font-weight: bold;
}

/*
 * Roll-over buttons
 */
.buttons {
	float: left;
	width: auto;
	height: auto;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
}

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.buttons div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Red buttons */
.new-topic-r-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/new_topic_r.png"); }
.buttons div.new-topic-r-icon		{ width: 100px; height: 50px; }
.new-article-r-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/new_article_r.png"); }
.buttons div.new-article-r-icon		{ width: 100px; height: 50px; }

/* Big button images */
.post-reply-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/post_reply.png"); }
.buttons div.post-reply-icon		{ width: 107px; height: 35px; }
.reply-locked-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/reply_locked.png"); }
.buttons div.reply-locked-icon		{ width: 107px; height: 35px; }
.send-new-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/send_new.png"); }
.buttons div.send-new-icon		{ width: 107px; height: 35px; }
.reply-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/reply.png"); }
.buttons div.reply-icon		{ width: 107px; height: 35px; }
.followup-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/followup.png"); }
.buttons div.followup-icon		{ width: 107px; height: 35px; }
.download-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/download.png"); }
.buttons div.download-icon		{ width: 107px; height: 35px; }
.add-queue-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/add_queue.png"); }
.buttons div.add-queue-icon		{ width: 107px; height: 35px; }
.remove-queue-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/remove_queue.png"); }
.buttons div.remove-queue-icon		{ width: 107px; height: 35px; }
.add-link-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/add_link.png"); }
.buttons div.add-link-icon		{ width: 107px; height: 35px; }

/* long */
.subscribe-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/subscribe.png"); }
.buttons div.subscribe-icon		{ width: 107px; height: 35px; }
.unsubscribe-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/unsubscribe.png"); }
.buttons div.unsubscribe-icon		{ width: 132px; height: 35px; }
.report-topic-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/report_topic.png"); }
.buttons div.report-topic-icon		{ width: 132px; height: 35px; }
.new-thread-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/new_thread.png"); }
.buttons div.new-thread-icon		{ width: 132px; height: 35px; }
.email-reply-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/email_reply.png"); }
.buttons div.email-reply-icon		{ width: 132px; height: 35px; }
.subscriptions-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/subscriptions.png"); }
.buttons div.subscriptions-icon		{ width: 132px; height: 35px; }
.your-posts-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/your_posts.png"); }
.buttons div.your-posts-icon		{ width: 132px; height: 35px; }
.your-topics-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/your_topics.png"); }
.buttons div.your-topics-icon		{ width: 132px; height: 35px; }

/* Medium */
.quote-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/quote_w.png"); }
.buttons div.quote-icon		{ width: 90px; height: 29px; }
.view-all-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/view_all_med.png"); }
.buttons div.view-all-icon		{ width: 90px; height: 29px; }
.sort-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/sort_med.png"); }
.buttons div.sort-icon		{ width: 90px; height: 29px; }
.empty-queue-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/empty_queue.png"); }
.buttons div.empty-queue-icon		{ width: 110px; height: 29px; }
.report-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/report.png"); }
.buttons div.report-icon		{ width: 90px; height: 29px; }
.slideshow-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/slideshow.png"); }
.buttons div.slideshow-icon		{ width: 90px; height: 29px; }

/* Small */
.report-s-w-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/report_small_w.png"); }
.buttons div.report-s-w-icon		{ width: 75px; height: 25px; }
.unapprove-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/unapprove_small.png"); }
.buttons div.unapprove-s-icon		{ width: 75px; height: 25px; }
.approve-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/approve_small.png"); }
.buttons div.approve-s-icon		{ width: 75px; height: 25px; }
.remove-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/remove_small.png"); }
.buttons div.remove-s-icon		{ width: 75px; height: 25px; }
.download-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/download_small.png"); }
.buttons div.download-s-icon		{ width: 75px; height: 25px; }
.view-all-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/view_all_small.png"); }
.buttons div.view-all-s-icon		{ width: 75px; height: 25px; }

/* short */
.edit-s-w-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/edit_small_w.png"); }
.buttons div.edit-s-w-icon		{ width: 57px; height: 25px; }
.edit-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/edit_small_short.png"); }
.buttons div.edit-s-icon		{ width: 57px; height: 25px; }
.delete-s-w-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/delete_small_short.png"); }
.buttons div.delete-s-w-icon		{ width: 57px; height: 25px; }
.delete-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/delete_small_short.png"); }
.buttons div.delete-s-icon		{ width: 57px; height: 25px; }
.move-s-icon span	{ background: transparent none 0 0 no-repeat;background-image: url("../gfx/mirage/buttons/move_small_s.png"); }
.buttons div.move-s-icon		{ width: 57px; height: 25px; }

/* Action buttons */
.view-new-posts-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/view_new_posts.png");}
.buttons div.view-new-posts-icon	{ width: 185px; height: 35px; }
.view-new-pictures-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/view_new_pictures.png");}
.buttons div.view-new-pictures-icon	{ width: 185px; height: 35px; }
.mark-all-forums-read-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/mark_all_forums_read.png");}
.buttons div.mark-all-forums-read-icon	{ width: 185px; height: 35px; }
.mark-all-followups-read-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/mark_all_followups_read.png");}
.buttons div.mark-all-followups-read-icon	{ width: 185px; height: 35px; }
.view-all-announcements-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/view_all_announcements.png");}
.buttons div.view-all-announcements-icon	{ width: 185px; height: 35px; }
.invite-your-friends-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/invite_your_friends.png");}
.buttons div.invite-your-friends-icon	{ width: 185px; height: 35px; }
.view-picture-statistics-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/view_picture_statistics.png");}
.buttons div.view-picture-statistics-icon	{ width: 185px; height: 35px; }
.subscribe-to-rss-icon span	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/subscribe_to_rss.png");}
.buttons div.subscribe-to-rss-icon	{ width: 185px; height: 35px; }


/* Pic button bar */
ul.button-bar
{
	margin:0;
	padding-left:0;
	list-style: none;
}

/* Rollover state */
ul.button-bar li
{
	float: left;
	margin: 0px;
	background-position: 0 100%;
}

/* Rolloff state */
ul.button-bar li a
{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.button-bar li span { display:none; }
ul.button-bar li a:hover { background: none; }

/* Downloads joined */
.rate-j-icon, .rate-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/rate_j.png");}
ul.button-bar li.rate-j-icon		{ width: 86px; height: 29px; }

.screenshot-j-icon, .screenshot-j-icon a	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/screenshot_j.png"); }
ul.button-bar li.screenshot-j-icon		{ width: 96px; height: 29px; }

.email-j-icon, .email-j-icon a	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/email_j.png"); }
ul.button-bar li.email-j-icon		{ width: 86px; height: 29px; }


/* Gallery joined */
.comment-j-icon, .comment-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/comment_j.png");}
ul.button-bar li.comment-j-icon		{ width: 86px; height: 29px; }

.ecard-j-icon, .ecard-j-icon a	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/ecard_j.png"); }
ul.button-bar li.ecard-j-icon		{ width: 86px; height: 29px; }

.add-favorite-j-icon, .add-favorite-j-icon a	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/add_favorite_j.png"); }
ul.button-bar li.add-favorite-j-icon		{ width: 86px; height: 29px; }

.remove-favorite-j-icon, .remove-favorite-j-icon a	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/remove_favorite_j.png"); }
ul.button-bar li.remove-favorite-j-icon		{ width: 86px; height: 29px; }

.report-j-icon, .report-j-icon a	{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/report_j.png"); }
ul.button-bar li.report-j-icon		{ width: 86px; height: 29px; }

/* Gallery red */
.add-picture-r-j-icon, .add-picture-r-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/add_picture_r.png");}
ul.button-bar li.add-picture-r-j-icon		{ width: 94px; height: 50px; }
.my-album-r-j-icon, .my-album-r-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/my_album_r.png");}
ul.button-bar li.my-album-r-j-icon		{ width: 94px; height: 50px; }

/* Privmsg joined */
.inbox-j-icon, .inbox-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/inbox_j.png");}
ul.button-bar li.inbox-j-icon		{ width: 86px; height: 29px; }

.sent-messages-j-icon, .sent-messages-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/sent_messages_j.png");}
ul.button-bar li.sent-messages-j-icon		{ width: 126px; height: 29px; }

.awaiting-pickup-j-icon, .awaiting-pickup-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/awaiting_pickup_j.png");}
ul.button-bar li.awaiting-pickup-j-icon		{ width: 126px; height: 29px; }

.savebox-j-icon, .savebox-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/savebox_j.png");}
ul.button-bar li.savebox-j-icon		{ width: 86px; height: 29px; }

.export-j-icon, .export-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/export_j.png");}
ul.button-bar li.export-j-icon		{ width: 86px; height: 29px; }

/* Usenet joined */
.next-unread-j-icon, .next-unread-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/next_unread_j.png");}
ul.button-bar li.next-unread-j-icon		{ width: 100px; height: 29px; }
.source-j-icon, .source-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/source_j.png");}
ul.button-bar li.source-j-icon		{ width: 86px; height: 29px; }
.hide-j-icon, .hide-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/hide_j.png");}
ul.button-bar li.hide-j-icon		{ width: 86px; height: 29px; }
.subscribe-j-icon, .subscribe-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/subscribe_j.png");}
ul.button-bar li.subscribe-j-icon		{ width: 100px; height: 29px; }
.unsubscribe-j-icon, .unsubscribe-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/unsubscribe_j.png");}
ul.button-bar li.unsubscribe-j-icon		{ width: 100px; height: 29px; }

/* Suburbs joined */
.home-j-icon, .home-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/home_j_w.png");}
ul.button-bar li.home-j-icon		{ width: 86px; height: 29px; }
.members-j-icon, .members-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/members_j_w.png");}
ul.button-bar li.members-j-icon		{ width: 86px; height: 29px; }
.forum-j-icon, .forum-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/forum_j_w.png");}
ul.button-bar li.forum-j-icon		{ width: 86px; height: 29px; }
.forum-j-end-icon, .forum-j-end-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/forum_j_w_end.png");}
ul.button-bar li.forum-j-end-icon		{ width: 86px; height: 29px; }
.gallery-j-icon, .gallery-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/gallery_j_w_end.png");}
ul.button-bar li.gallery-j-icon		{ width: 86px; height: 29px; }

/* Friendlist joined */
.friends-j-icon, .friends-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/friends_j.png");}
ul.button-bar li.friends-j-icon		{ width: 86px; height: 29px; }
.ignored-j-icon, .ignored-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/ignored_j.png");}
ul.button-bar li.ignored-j-icon		{ width: 86px; height: 29px; }
.pending-j-icon, .pending-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/pending_j.png");}
ul.button-bar li.pending-j-icon		{ width: 86px; height: 29px; }
.approval-j-icon, .approval-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/approval_j.png");}
ul.button-bar li.approval-j-icon		{ width: 86px; height: 29px; }

/* Invitations joined */
.invite-j-icon, .invite-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/invite_j.png");}
ul.button-bar li.invite-j-icon		{ width: 86px; height: 29px; }
.history-j-icon, .history-j-icon a			{ background: none top left no-repeat; background-image: url("../gfx/mirage/buttons/history_j.png");}
ul.button-bar li.history-j-icon		{ width: 86px; height: 29px; }


/* Standardized navigation and pagination */

.navigate
{
	height: 20px;
	margin-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-weight: bold;
}
.navigate a:hover { text-decoration: none; color: #dd0000; }

.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	padding-bottom: 5px;
	float: right;
}

li.pagination {
	margin-top: 0;
}

.pagination ul {
	display: inline-block;
	*display: inline; /* IE7 inline-block hack */
	*zoom: 1;
	margin: 4px 0 0 -10px;
}

li.pagination ul {
	margin-top: -2px;
	vertical-align: middle;
}

.pagination ul li {
	display: inline;
	padding: 0;
	margin: 0 2px;
	font-size: 100%;
	line-height: normal;
}

.pagination li a, .pagnation li span, li .pagination li a, li .pagnation li span, .pagination li.active span, .pagination li.ellipsis span {
	text-decoration: none;
	padding: 1px 4px;
	border: 1px solid transparent;
	line-height: 1.5em;
}

.pagination li a, .pagination li a:link, .pagination li a:visited {
	color: black;
	background-color: #eee;
	border-color: #ccc;
}

.pagination li.ellipsis span {
	background-color: transparent;
	color: black;
}

.pagination li.active span {
	color: black;
	background-color: #dcdcdc;
	font-weight: bold;
}

.pagination li a:hover, .pagination .active a:hover {
	background-color: #ddd;
	color: #dd0000;
}


/* Media Queries */

/* Squeeze the left side page content box */
@media screen and (max-width: 980px)
{
	/* Page Content */
	#page
	{
		width: 60%;
	}

	#black-bar
	{
		min-width: 0;
	}

	.pic-main img
	{
		border: 0px;
	}
}

@media screen and (max-width: 800px)
{
	#sys-msg-box
	{
		position: static;
		padding-top: 5px;
	}
}

/* Switch to single column layout */
@media screen and (max-width: 650px)
{
	#sys-msg-box .sys-msg-indicator
	{
		display: none;
	}

	#sys-msg-box .sys-msg-text
	{
		margin-left: 20px;
	}

	/* Page Content */
	#page
	{
		width: auto;
		float: none;
		margin: 20px 0;
	}
}

@media screen and (max-width: 480px)
{
	/* disable webkit text size adjust (for iPhone) */
	html
	{
		-webkit-text-size-adjust: none;
	}

}