/* 
Heywire Guild and Gallery

author:	Cory Duncan / coryduncan.com

-- */

body, h1, h2, h3, h4, h5, p, blockquote, form, fieldset, legend, button, select, textarea, dl, dt, dd, ul, ol, li, cite { border: none; margin: 0; padding: 0; }
li { list-style: none; }
abbr { border: none; text-decoration: none; }
cite { font-style: normal; }
a { font-weight: bold; text-decoration: none; }
a em { font-style: normal; font-weight: normal; }
a:link, a:visited { color: #fff; }
a:hover { text-decoration: underline; }
a img { border: none; }
body {
	background: #fff;
	color: #333;
	font: 12px Helvetica, Arial, Sans-serif;
	padding: 42px 0 12px;
	}
h1, h2, h3, h4 { color: #eee; }
h1 { font-size: 15px; line-height: 1em; }
h2, h3 { font-size: 12px; line-height: 1em; }
h4 { font-size: 14px; line-height: 1.25em; margin: 0 0 0.25em  }
h5 { font-size: 11px; font-weight: bold; line-height: 1.25em; }	
p { line-height: 1.25em; margin: 0 0 1.25em; }
blockquote { padding: 0 0 0 12px; margin: 2em 0 0; }
dl { overflow: hidden; width: 100%; }
dt { 
	clear: left;
	float: left;
	font-size: 11px; font-style: oblique;
	line-height: 1em;
	text-align: right;
	margin: 0 10px 2px 0;
	position: relative;
	top: 2px;
	width: 48px;
	}
dd {
	float: left;
	line-height: 1.25em;
	margin: 0 0 2px 0;
	width: 350px;
	}
.clear { clear: both; }	
.block { display: block; }


/* -- structure -- */
#header { 
	background: url(../images/header-bg.jpg) repeat-x 0 0;
	border-top: 1px solid #424242;
	position: relative;
	z-index: 1;
	}
#header-i {
	height: 67px;
	margin: 0 auto;
	position: relative;
	width: 952px;
	}
#content {
	background: #171717 url(../images/bg.jpg) no-repeat 50% 0;
	border-top: 1px solid #3e3e3f;
	color: #ccc;
	float: left;
	padding: 0 0 1em;
	width: 100%;	
	}
#content-i {
	margin: 0 auto;
	width: 952px;
	}
#sub { 
	float: left;
	padding: 36px 0 0;
	width: 354px;
	}
#main {
	float: right;
	padding: 59px 0 0;
	width: 592px;
	}
#main .main { float: left; width: 426px; } 
#main .sub { float: right; width: 160px; }


/* -- content -- */	
#accessibility { font-size: 1px; position: absolute; top: -9999px; }
#logo {
	background: url(../images/logo.png) no-repeat 0 0;
	height: 73px;
	left: -3px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	top: -1px;
	width: 619px;
	}
#logo a {
	height: 73px;
	left: 0;
	position: absolute;
	top: 0;
	width: 619px;
	}
#sub h1 { font-size: 12px; }
.cms { line-height: 1.25em;}
.cms ol { margin: 0 0 1.25em; }
.cms ol li { list-style: decimal; margin: 0 0 0 20px; }
p.alt { margin: 0; }
p.yousure { margin: 0 0 0.5em;}
#message { border-top: 1px solid #999; line-height: 1.25em; margin: 1em 0 0; padding: 1em 0 0; }
.toggler { cursor: pointer; }
.toggler:hover { text-decoration: underline; }
.stretcher { visibility: hidden; }
img.noflash { display: block; }
.googleads { text-align: center; }

/* media */
#media { padding: 0 0 5px; }
#media h1 { font-size: 15px; }
#media .title { margin: 0; }
#media img, #media .media-i { border-bottom: 0px solid #abafb2; display: block; }
#media .video { height: 305px; }
#media .audio { height: 50px; }
#media .media-pager { text-align: center; }
#media .media-pager a:link, #media .media-pager a:visited { color: #1a1a1a; }
#media .media-pager a:hover { color: #000; }
#media .media-pager .next { float: right; }
#media .media-pager .prev { float: left; }
#media .footer {
	background: #ABAFB2;
	color: #1a1a1a;
	font-size: 11px;
	line-height: 1em;
	overflow: hidden;
	width: 100%;
	}
#media .footer .inner { padding: 5px 5px 4px; overflow: hidden; }
#media .footer h3 { 
	color: #666;
	float: left; 
	text-transform: uppercase;
	width: 150px;
	}
#media .featured a {
	float: right;
	font-size: 12px;
	text-align: right;
	width: 170px;
	}
#media .featured a:link, #media .featured a:visited { color: #000; }

/* profile link */
.profile-link a {
	background: #999;
	border: 1px solid #555;
	display: block;
	font-size: 13px;
	line-height: 1em;
	margin: 0 0 6px 0;
	padding: 4px 2px 3px;
	text-align: center;
	text-transform: lowercase;
	}
.profile-link a:link, .profile-link a:visited { color: #333; }
.profile-link a:hover { background: #ccc; color: #000; text-decoration: none; }

/* profile card */
.profile-card h4 { font-size: 13px; }
.profile-card img { border: 1px solid #424242; float: left; margin: 0 6px 0 0; }
.profile-card li { line-height: 1em; margin: 0 0 0.25em; }

/* user stats */
.stats { font-size: 13px; }
.stats span { margin: 0 12px; }

/* actions */
ul.actions span { 
	font-size: 11px;
	margin: 0 2px 0 0;
	}
ul.actions li { font-size: 12px; line-height: 1em; margin: 0 0 0.5em; }
ul.actions ul { padding: 0 0 0 18px; }
ul.actions ul li { font-size: 11px; margin: 0.25em 0; }
ul.actions ul li a:link, ul.actions ul li a:visited { color: #ccc; }

/* content boxes */
.title {
	background: url(../images/title-bg.png) repeat 0 0;
	overflow: hidden;
	margin: 0 0 1em;
	padding: 2px 3px 2px 6px;
	}
#sub .title { padding: 4px 4px 4px 6px; }
.title a.more {
	background: #292b2b;
	border: 1px solid #555;
	float: right;
	font-size: 11px;
	line-height: 1em;
	margin: 0 0 0 3px;
	padding: 2px 2px 0;
	text-transform: lowercase;
	}
.title a.more:link, .title a.more:visited { color: #999; }
.title a.more:hover { background: #999; color: #333; text-decoration: none; }
.title a.feed {
	background: url(../images/icons/feed.png);
	float: right;
	height: 15px;
	overflow: hidden;
	margin: 0 0 0 3px;
	text-indent: -9999px;
	width: 15px;
	}
.title a.feed:hover { background-position: 0 -15px; }
.title h1, .title h2, .title h3 { float: left; padding: 2px 0 0; }
.title h1 { padding: 0; }
.title em { float: right; margin: 0.125em 4px 0; }
.title .rating { font-size: 11px; font-style: normal; margin: 0.25em 4px 0; }
.title .rating span { font-style: oblique; }
.sec { margin: 0 0 6px; overflow: hidden; }
.loginpromo { margin: 0 0 3px; overflow: hidden; }
.sec p:last-child { margin: 0; }
.sec .title { margin: 0; }
.sec .inner { 
	background: url(../images/box-bg.png) repeat 0 0;
	overflow: hidden;
	padding: 6px;
	}
.sec .inner h2 { font-size: 14px; line-height: 1.25em; margin: 0 0 0.5em; }
.sec .inner h3 { line-height: 1.25em; margin: 0 0 0.5em; }
.intro { margin: 0 0 12px; }
.intro p { margin: 0; }
.intro .inner { background: none; }
#main .sub .title { background-image: url(../images/sub-title-bg.png); }
#main .sub .sec .inner { background-image: url(../images/sub-box-bg.png); font-size: 11px; }

.newname-promo {
	background: url(../images/promo_bg.jpg) repeat 0 0;
	overflow: hidden;
	padding: 6px;
}


/* thumbnails */
ul.thumbs { font-size: 11px; line-height: 1em; overflow: hidden; width: 100%; }
ul.thumbs a:link, ul.thumbs a:visited { color: #ccc; }
ul.thumbs a:hover { color: #fff; text-decoration: underline;  }
ul.thumbs li {
	float: left;
	margin: 0 5px 10px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 88px;
	}
#content ul.thumbs li.alt { margin-right: 0; }
ul.thumbs img { border: 1px solid #424242; display: block; margin: 0 auto 4px; }
ul.thumbs em { display: block; font-style: normal; }
ul.thumbs h4, ul.thumbs p { display: none; }
#main .sub ul.thumbs li {
	margin: 2px 3px 1px 4px;
	width: 66px;
	}
#sub ul.thumbs li {
	margin: 2px 4px 1px;
	width: 78px;
	}
#sub ul.thumbs-small li {
	margin: 0 0 5px 5px;
	width: 62px;
	}
#sub ul.thumbs-small li img { margin: 0; }

/* thumbnails expanded */
ul.thumbs-e { overflow: hidden; width: 100%; }
ul.thumbs-e li { margin: 0 0 0.5em; overflow: hidden; width: 100%;  }
ul.thumbs-e h4 { margin: 0; }
ul.thumbs-e img { border: 1px solid #424242; float: left; margin: 0 6px 0 0; }
ul.thumbs-e p { font-size: 11px; margin: 0 0 0.5em; }
ul.thumbs-e p.more { color: #fff; margin: 0; }
ul.thumbs-e form { float: left; }
.thumbs-e .submit-alt { width: auto; }
.default-usercontent-search ul.thumbs-e li { float: left; margin-right: 10px; width: 284px; }
.default-usercontent-search ul.thumbs-e li.alt { margin-right: 0; }

/* thumbnails opacity */
ul.thumbs img, ul.thumbs-e img { opacity: 0.8; }
ul.thumbs a:hover img, ul.thumbs-e a:hover img { opacity: 0.99; }

/* zoom icon */
a[rel="lightboxmain"] { display: block; position: relative; }
ul.thumbs a[rel="lightboximageset"]
ul.thumbs a[rel="lightboxmain"] { 
	height: 78px;
	margin: 0 auto;
	width: 78px;
	}
ul.thumbs a[rel="lightboxmain"] { height: 76px; width: 76px; }
a[rel="lightboximageset"]:hover span,
a[rel="lightboxmain"]:hover span { 
	background: url(../images/zoom.png) no-repeat 100% 100%;
	height: 24px;
	bottom: 6px; right: 6px;
	position: absolute;
	width: 24px;
	}	
a[rel="lightboxmain"]:hover span { bottom: 2px; right: 2px; }

/* thumb view toggler */
.v-toggle {
	float: right;
	height: 15px;
	margin: 0 0 0 3px;
	position: relative;
	width: 41px;
	}
.v-toggle li { float: left; }
.v-toggle a { 
	background: url(../images/view-toggle.png) no-repeat 0 0;
	display: block;
	height: 15px;
	left: 0;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	width: 17px;
	}
.v-toggle a:hover, .v-toggle a.on { background-position: 0 -15px; }
.v-toggle .desc a { background-position: -17px 0; left: 17px; width: 24px; }
.v-toggle .desc a:hover, .v-toggle .desc a.on { background-position: -17px -15px; }

/* comments */
.comments li {
	border-top: 1px solid #434344;
	margin: 1em 0 0;
	padding: 1em 0 0;
	}
.comments p { margin: 0; }
.comments p.meta {
	margin: 0.5em 0 0;
	text-align: right;
	}
.comments p.meta em { display: block; }
	
/* pagination */
.paging { 
	border-top: 1px solid #494949;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 0;
	padding: 1em 0 0 0;
	}
.paging ul 	{ margin: 0 0 0 10px; overflow: hidden; }
.paging li { float: left; margin: 0 6px 0 0; }
.paging .pages {
	float: left;
	padding: 3px 0;
	}
.paging a {
	background: #000;
	border: 1px solid #616161; 
	float: left;
	padding: 2px 6px;
	}
.paging a:hover { background: #999; color: #333; text-decoration: none; }

/* star rating */
#rating-wrapper a { 
	background: url(../images/stars/rating_off.png) no-repeat 0 0;
	cursor: pointer;
	float: left;
	height: 16px;
	width: 16px;
	}
#rating-wrapper a.on { background-image: url(../images/stars/rating_on.png); }
#rating-wrapper a.active, #rating-wrapper a:hover { background-image: url(../images/stars/rating_over.png); }
#rating-wrapper a.half { width: 8px; }

/* flash gallery */
#gallery { 
	background: url(../images/elevator-wood.jpg) repeat-x 50% 0;
	margin: 38px 0 0;
	overflow: hidden;
	width: 100%;
	}
#gallery-i { margin: 0 auto; width: 952px; }
#gallery #flash {
	float: left;
	height: 558px;
	width: 952px;
	}
#gallery #flash a { display: block; margin: 0 auto; width: 314px; }
.default-usercontent-index #content { padding: 0; }
.default-usercontent-index #content-i { width: 100%; }

/* tag cloud */
.tag-cloud { position: relative; }
.tag-cloud li { display: inline; }
.tag-cloud span {
	left: -999px;
	position: absolute;
	width: 990px;
	}
.tag-cloud .size1 { font-size: 1em; }
.tag-cloud .size2 { font-size: 1.3em; }
.tag-cloud .size3 { font-size: 1.6em; }
.tag-cloud .size4 { font-size: 1.9em; }
.tag-cloud .size5 { font-size: 2.2em; }
.tag-cloud .size6 { font-size: 2.5em; }

/* footer */
#footer {
	clear: both;
	color: #a3a4a5;
	font-size: 10px; font-family: Arial, Sans-serif;
	padding: 1em 0 0;
	text-align: center;
	}
#footer a:link, #footer a:visited { color: #a3a4a5; }
#footer a:hover, #footer .toggler:hover { color: #777; text-decoration: underline;  }
#footer span { margin: 0 4px; }
#footer p { margin: 0 0 0.5em; }

/* networks */

#footer .network {
	width: 145px;
	text-align: center;
	margin: 0 auto 0 auto;
}
#footer .network ul {
	width: 145px;
	margin: 4px auto 0 auto;
	padding: 0px 0px 0px 6px;
	list-style: none;
	border-width: 1px 0 1px 0;
	text-align: center;
	overflow: hidden;
}
#footer .network ul li {
	padding: 2px;
	display: inline;
	float: left;
	clear: none;
}
#footer .network ul li img {
	vertical-align: top;
}
#footer .network ul li a img {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
#footer .network ul li a:hover img, .network ul li.active a img {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* -- forum -- */
.forum #sub h1 { padding: 2px 0 0; }
.forum .input textarea, .forum .input input.text { width: 360px; }
.forum textarea { height: 200px; }

/* forum options - breadcrumb, action links */
.forum-options {
	background: url(../images/forum/title-bg.png) repeat;
	color: #a4a4a4;
	line-height: 1em;
	margin: 0 0 6px;
	overflow: hidden;
	padding: 6px 1px 6px 6px;
	width: 585px;
	}
.forum-options a:link, .forum-options a:visited { color: #a4a4a4; }
.forum-options strong { color: #ddd; }
.forum-options .breadcrumb { 
	float: left;
	padding: 5px 0 3px;
	width: 420px;
	}
.forum-options .links {	float: right; }
.forum-options .links a {
	background: no-repeat 0 0;
	float: left;
	height: 20px;
	margin: 0 5px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	}
.forum-options .links a:hover { background-position: 0 -20px; }
.forum-options .links a.new-subject { background-image: url(../images/forum/buttons/new-subject.png); width: 97px; }
.forum-options .links a.new-forum { background-image: url(../images/forum/buttons/new-forum.png); width: 86px; }
.forum-options .links a.new-topic { background-image: url(../images/forum/buttons/new-topic.png); width: 76px; }
.forum-options .links a.reply { background-image: url(../images/forum/buttons/reply.png); width: 48px; }

/* forum table */
table.forum { 
	left: -1px;
	margin: 0 0 6px;
	position: relative;
	width: 594px;
	}
table.forum th {
	background: url(../images/forum/title-bg.png) repeat;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
	padding: 6px 6px 4px;
	text-align: center;
	text-transform: none;
	}
table.forum td {
	background: url(../images/forum/bg.png) repeat;
	border: none; 
	font-size: 11px;
	padding: 10px 6px;
	text-align: center;
	vertical-align: middle;	
	}
table.forum h3 {
	color: #fff;
	font-size: 14px;
	}
table.forum .alt td { background-image: url(../images/forum/bg-alt.png); }	
table.forum .first { 
	border-left: none;
	text-align: left;
	width: 240px;
	}
table.forum .first a { display: block; }
table.forum .first p { 
	font-size: 10px; font-family: Arial, Sans-serif;
	margin: 0;
	}	
table.forum .first div {
	background: url(../images/forum/icons/nonewposts-lg.png) no-repeat 0 50%;
	padding: 0 0 0 34px;
	}
table.forum .first .new { background-image: url(../images/forum/icons/newposts-lg.png); }
table.forum .lastpost { text-align: left; }
table.forum td.lastpost { 
	font-family: Arial, Sans-serif;
	font-size: 10px; 
	padding: 4px 6px;
	}
table.forum td.lastpost p { margin: 0 0 0.3em; }
table.forum td.lastpost a {
	background: url(../images/forum/icons/lastpost.png) no-repeat 100% 0.0909em;
	font-size: 11px;
	margin: 2px 0 0;
	padding: 0 22px 0 0;
	}
	
/* forum - main */
table.forum-main td { padding: 20px 6px; }
table.forum-main .first { width: 340px; }
	
/* forum - topics */
table.forum-topics td.first { padding: 8px 6px; }
table.forum-topics .first a { 
	font-size: 12px;
	line-height: 1.0833em;
	padding: 5px 0 3px;
	}
table.forum-topics .first div { background-image: url(../images/forum/icons/nonewposts.png); padding: 0 0 0 22px; }
table.forum-topics .first .sticky { background-image: url(../images/forum/icons/nonewposts-sticky.png); }
table.forum-topics .first .locked { background-image: url(../images/forum/icons/nonewposts-locked.png); }
table.forum-topics .first .new { background-image: url(../images/forum/icons/newposts.png); }
table.forum-topics .first .new-sticky { background-image: url(../images/forum/icons/newposts-sticky.png); }
table.forum-topics .first .new-locked { background-image: url(../images/forum/icons/newposts-locked.png); }

/* forum - posts */
table.posts td { vertical-align: top; }
table.posts .first { width: 88px; }
table.posts td.first { 
	font-size: 12px;
	line-height: 1.0;
	padding: 7px 6px;
	}
table.posts .first img {
	border: 1px solid #424242;
	display: block;
	margin: 8px 0 4px;
	opacity: 0.8;
	}
table.posts .first a:hover img { opacity: 0.99; }
table.posts .first p { font-size: 10px; font-family: Arial, Sans-serif; }
table.posts .message { text-align: left; }
table.posts td.message {
	font-size: 12px;
	padding: 0;
	vertical-align: top;
	}
table.posts td.message .title {
	background-image: url(../images/forum/title-bg2.png);
	margin: 0;
	padding: 6px;
	}
table.posts td.message .title p {
	float: left;
	font-size: 10px; font-family: Arial, Sans-serif;
	line-height: 1em;
	margin: 0;
	padding: 1px 0 0;
	}
table.posts td.message .title .options { float: right; }
table.posts td.message .title .options a {
	float: none;
	margin: 0;
	}
table.posts td.message .post { padding: 10px 6px; }

/* forum - clickable TD */
table.forum td.linked { cursor: pointer; }
table.forum td.hover a { text-decoration: underline; }
	
/* forum - user generated markup */	
img.forum-user-image { max-width: 100%; }
span.forum-quote { 
	display: block;  
	margin: 0;
	padding: 4px; 
	border: 1px solid #fff;	
	}	
span.forum-quote h3{ 	
	font-size: 10px; font-family: Arial, Sans-serif;
	margin-bottom: 4px;
	}
table.forum blockquote {
	border-left: 4px solid #999;	
	font-size: 11px;
	margin: 0 0 1em;
	padding: 4px 0 1px 10px;
	opacity: 0.6;
	}
table.forum blockquote p { margin: 0 0 0.5454em; }
table.forum blockquote .author {
	color: #fff;
	}
	
	
/* -- nav -- */
#nav {
	background: url(../images/nav/nav-bg.png) repeat-x 0 0;
	height: 30px;
	left: 360px;
	position: absolute;
	top: 72px;
	width: 592px;
	}
#nav li { float: left; position: relative; }
#nav a { 
	background: url(../images/nav/nav.png) no-repeat 0 0;
	float: left;
	height: 30px;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	}
#nav-home a { width: 86px; }
#nav-community a { background-position: -86px 0; width: 125px; }
#nav-galleries a { background-position: -211px 0; width: 104px; }
#nav-search a { background-position: -317px 0; width: 106px; }
#nav-news a { background-position: -423px 0; width: 77px; }
#nav-forum a { background-position: -500px 0; width: 94px; }

/* nav - hover */
#nav-home a:hover { background-position: 0 -30px; }
#nav-community a:hover, #nav-community:hover a { background-position: -86px -30px; }
#nav-galleries a:hover, #nav-galleries:hover a { background-position: -211px -30px; }
#nav-search a:hover, #nav-search:hover a  { background-position: -317px -30px; }
#nav-news a:hover, #nav-news:hover a { background-position: -423px -30px; }
#nav-forum a:hover, #nav-forum:hover a { background-position: -500px -30px; }

/* nav - active */
#nav span { background: url(../images/nav/nav-bg.png) repeat-x 0 -90px; float: left; height: 30px; width: 100%; }
#nav-home span { width: 86px; }
#nav-community span { width: 125px; }
#nav-galleries span { width: 104px; }
#nav-search span { width: 106px; }
#nav-news span { width: 77px; }
#nav-forum span { width: 94px; }
.default-user-index #nav-community span,
.default-usercontent-index #nav-galleries span,
.cms-index-index #nav-news span,
.default-usercontent-search #nav-search span,
.forum #nav-forum span { background-position: 0 -30px; }
.default-index-index #nav-home a { background-position: 0 -60px; }
.default-user-index #nav-community a { background-position: -86px -60px; }
.default-usercontent-index #nav-galleries a { background-position: -211px -60px; }
.default-usercontent-search #nav-search a { background-position: -317px -60px; }
.cms-index-index #nav-news a { background-position: -423px -60px; }
.forum #nav-forum a { background-position: -500px -60px; }

/* sub nav */
#nav ul { 
	border: 1px solid #000;
	font-size: 11px;
	line-height: 1em;
	left: -9999px;
	position: absolute;
	top: 26px;
	width: 100%;
	}
#nav ul li { width: 100%; }
#nav ul a { 
	background: #1e1e1e;
	border: 1px solid #111; border-bottom: none;
	height: auto;
	opacity: 0.9;
	overflow: hidden;
	padding: 4px 6px 3px;
	text-indent: 0;
	}
#nav ul a:link, #nav ul a:visited { color: #ccc; }
#nav ul a:hover { 
	background: #9ca0a5;
	border-color: #9ca0a5;
	color: #fff;
	opacity: 0.99;
	text-decoration: none;
	}
#nav ul a strong { float: left; width: 110px; }
#nav ul a em { float: right; font-style: normal; font-weight: normal; text-align: right; width: 20px; }
#nav-galleries ul { width: 144px; }
#nav-galleries ul a { width: 130px }
#nav-galleries:hover ul { left: 10px; }

#nav-community ul { width: 124px; }
#nav-community ul a { width: 110px }
#nav-community:hover ul { left: 10px; }

#nav-search ul { width: 114px; }
#nav-search ul a { width: 100px }
#nav-search:hover ul { left: 0px; }

#nav-news ul { width: 104px; }
#nav-news ul a { width: 90px }
#nav-news:hover ul { left: 0px; }

#nav-forum ul { width: 104px; }
#nav-forum ul a { width: 90px }
#nav-forum:hover ul { left: -12px; }


/* utility nav */
#utility {
	color: #787879; 
	height: 42px;
	position: absolute;
	right: 0;
	text-align: right;
	top: -43px;
	width: 100%;
	}
#utility p { 
	bottom: 1px;
	margin: 0; 
	position: absolute;
	right: 0;
	}
#utility a:link, #utility a:visited { color: #787879; }



#utility a.alt:link, #utility a.alt:visited {
	color: #f83800;
	background: #ffffff;
	text-transform: uppercase;
	font-size: 15px;
}
#utility a.alt:hover {
	color: #aa1a00;
}



#utility a.alt:hover { color: #000; }
#utility span { margin: 0 4px; }

/* -- forms -- */
form p { margin: 0 0 0.5em; }
fieldset { border-bottom: 1px solid #666; margin: 0 0 0.5em; overflow: hidden; width: 100%; }
fieldset.alt { padding: 0 0 0.75em; }
legend { color: #ccc; font-weight: bold; padding: 0 0 1em; }
legend.toggler { padding: 0 0 0 110px; }
legend.toggler:hover { color: #fff; text-decoration: underline; }
.stretcher label, .stretcher .label, .stretcher .input { padding-top: 0.5em; }
label, .label { 
	color: #fff;
	float: left;
	margin: 4px 10px 0 0;
	text-align: right;
	width: 100px;
	}
label em { color: #ccc; display: block; font-style: normal; font-size: 9px; font-family: Verdana, Sans-serif; }
label.caption { width: 50px; }
label.hide { display: none; }
input.text, textarea, select { 
	/*background: #585858;*/
	background: url(../images/box-bg.png) repeat 0 0;
	border: 1px solid #999;
	color: #ccc;
	font: 12px/normal Helvetica, Arial, Sans-serif;
	margin: 0;
	padding: 3px 4px 4px;
	}
select { background: #2b2b2c; padding: 2px; }
.birthday select { margin: 0 4px 0 0; }
textarea { line-height: 1.25em; overflow: auto; width: 300px; }
input.text:hover, textarea:hover { border-color: #ccc; }
input.text:focus, textarea:focus { border-color: #ccc; color: #fff; }
textarea.comment { height: 30px; }
.field { margin: 0 0 6px; overflow: hidden; width: 100%; }
.input { float: left; }
.input input.text, .input textarea{ width: 261px; }
.input label, .input .label { color: #ccc; float: none; font-size: 11px; margin: 0; text-align: left; width: auto; }
.input li { margin: 0 0 6px; }
.radios { width: 300px; }
.radios label {
	float: left;
	font-size: 11px;
	line-height: 1em;
	margin: 0 0 6px;
	width: 33%;	
	}
.radios input { margin-left: 0; padding-left: 0; }
.theme .radios label {
	text-align: center;
	margin: 0 9px 9px 0;
	width: 26px;
	}
.theme .radios label img {
	border: 1px solid #999;
	display: block;
	margin: 0 0 3px;
	}
.theme .radios label input { margin: 0; padding: 0; }
.cb input { margin: 0; padding: 0; }
.cb .input { float: none; margin-left: 110px; }
.txt .input { margin: 0.3em 0 0; width: 280px; }
.full textarea { width: 404px; }
.submit { padding-left: 110px; }
.submit-alt { overflow: hidden; padding: 0; width: 100%; }
.submit-alt button, .submit-alt2 button { float: left; margin: 0 4px 0 0; }
button {
	background: no-repeat 0 0;
	cursor: pointer; 
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	}
button:hover { background-position: 0 -20px; }
button.go { background-image: url(../images/buttons/go.png); width: 35px; }
button.login { background-image: url(../images/buttons/login.png); width: 53px; }
button.sbm { background-image: url(../images/buttons/submit.png); width: 60px; }
button.add-comment { background-image: url(../images/buttons/add-comment.png); width: 102px; }
button.update { background-image: url(../images/buttons/update.png); width: 62px; }
button.upload { background-image: url(../images/buttons/upload.png); width: 125px; }
button.save { background-image: url(../images/buttons/save.png); width: 47px; }
button.save-upload { background-image: url(../images/buttons/save-upload.png); width: 143px; }
button.cancel { background-image: url(../images/buttons/cancel.png); width: 63px; }
button.yes { background-image: url(../images/buttons/yes.png); width: 39px; }
button.no { background-image: url(../images/buttons/no.png); width: 34px; }
button.approve { background-image: url(../images/buttons/approve.png); width: 71px; }
button.reject { background-image: url(../images/buttons/reject.png); width: 61px; }
button.search { background-image: url(../images/buttons/search.png); width: 58px; }
button.select-video { background-image: url(../images/buttons/select-video.png); width: 98px; }
button.preview { background-image: url(../images/buttons/preview.png); width: 71px; }

/* validation */
.error strong { font-size: 14px; }
.error { background: #900; border: 1px solid #ccc; color: #fff; margin: 0 0 1.5em; padding: 12px; }
.error ul { margin: 1em 0 0; padding: 0 0 0 20px; }
.error li { list-style: disc; line-height: 1.25em; margin: 0 0 0.5em; }
.success { background: #2d970c; border: 1px solid #ccc; color: #fff; line-height: 1.25em; margin: 0 0 1.5em; padding: 12px; }
.notice { background: #efc328; border: 1px solid #333; color: #000; line-height: 1.25em; margin: 0 0 1.5em; padding: 12px; }
.notice a:link, .notice a:visited { color: #000; }

/* - sidebar form - */
#sub form { padding: 0.25em 0 0; }
#sub fieldset { border-bottom: 1px solid #5a5a5a; margin: 0 0 0.75em; }
#sub label, #sub .label { font-size: 11px; text-transform: uppercase; }
#sub .field { margin:  0 0 0.75em 0; }
#sub input.text {  width: 222px; }
#sub .input { width: 232px; }
#sub .input label { font-size: 12px; text-transform: lowercase; }
#sub .input span { margin: 0 6px; }
#sub .full select { width: 232px; }
#sub .submit { overflow: hidden; padding: 0; width: 100%; }
#sub .submit button { float: right; }

/* sub - compact form */
#sub .compact { padding: 0; }
#sub .compact label { display: none; }
#sub .compact input.text { width: 266px; }
#sub .compact .field { float: left; margin: 0 6px 0 0; overflow: visible; width: auto;  }
#sub .compact .input { width: auto; }
#sub .compact .submit { float: left; padding: 0; width: auto; }
#sub .compact .submit button { float: left; }

/* main > sub - form */
#main .sub input.text, #main .sub textarea { font-size: 11px; width: 138px; }
#main .sub textarea { margin: 0 0 6px; }
#main .sub select { font-size: 11px; }
#main .sub .submit { overflow: hidden; padding: 0; text-align: right; width: 100%; }
#main .sub button { float: right; }

/* - delete form - */
.delete-form { overflow: hidden; margin: 0 0 1em; width: 100%; }
.delete-form form { float: left; }
.delete-form button { float: left; margin: 0 4px 0 0; }

/* - login form - */
#login-form { margin-top: -4px; }
#login-form label {
	color: #666;
	left: 6px;
	font-size: 11px; font-style: oblique;
	margin: 0;
	position: absolute;
	text-align: left;
	text-transform: lowercase;
	top: 8px;
	visibility: hidden;
	}
#login-form label.overlabel-apply { visibility: visible; }
#login-form .field { margin: 0; padding: 4px 0 0; position: relative; }

/* video upload form */
#video-form label { width: 120px; }
#video-form .submit { padding-left: 130px; }


/* -- tables -- */
table { width: 100%; }
th { 
	font-size: 11px;
	text-align: left;
	text-transform: uppercase;
	}
th, td { padding: 6px 4px; }
td { background: url(../images/box-bg.png) repeat 0 0; border-bottom: 1px solid #444; }
tr.mail-status-read a { font-weight: normal; }


/* -- fancy tooltips -- */
.tool-tip {
	background: #fff;
	border: 1px solid #666;
	color: #000;
	font-size: 11px;
	line-height: 1.25em;
	opacity: 0.8;
	width: 170px;
	z-index: 13000;
	}
.tool-title {
	font-weight: bold;
	margin: 0;
	padding: 6px 4px 0;
	}
.tool-text { padding: 0 4px 2px; }

/* -- slimbox -- */
#lbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	}
#lbCenter, #lbBottomContainer {
	background-color: #fff;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 11;
	}
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage {
	background-repeat: no-repeat;
	border: 10px solid #fff;
	left: 0;
	position: absolute;
	top: 0;
	}
#lbPrevLink, #lbNextLink {
	display: block;
	outline: none;	
	position: absolute;
	top: 0;
	width: 50%;
	}
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	}
#lbCloseLink {
	background: transparent url(../images/closelabel.gif) no-repeat center;
	float: right;
	height: 22px;
	margin: 5px 0;
	width: 66px;
	}
#lbCaption, #lbNumber {	margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* -- home specific -- */
.default-index-index ul.thumbs h5 { display: none; }
.default-index-index #media { 
	float: left; 
	margin: 0 0 -112px;
	position: relative;
	top: -112px;
	width: 354px;
	}
.default-index-index #main .sub .sec { background: #6aa9d7; padding: 6px; }
.default-index-index #main .sub .sec h3 { 
	background: no-repeat 0 0;
	height: 12px;
	margin: 0 0 6px; 
	overflow: hidden;
	text-indent: -9999px;
	width: 143px;
	}
.default-index-index #main .sub .login h3 { background-image: url(../images/headers/login.png); }
.default-index-index #main .sub .search h3 { background-image: url(../images/headers/search.png); }
.default-index-index #main .sub .galleries h3 { background-image: url(../images/headers/browse-galleries.png); }
.default-index-index #main .sub .people h3 { background-image: url(../images/headers/people.png); height: 13px; }
.default-index-index #main .sub .people p { font-size: 11px; margin: 0; text-align: center; }
.default-index-index #main .sub form select { background: #96C3E3; border-color: #fff; color: #333; margin: 0 0 4px; width: 145px; }
.default-index-index #main .sub form input.text { background: #96C3E3; border-color: #fff; color: #333; display: block; width: 97px; }
.default-index-index #main .sub form input.text:focus { color: #000; }
.default-index-index #main .sub form input.alt { float: left; margin: 0 4px 0 0; }
.default-index-index #main .sub .submit { padding-left: 0; width: auto; }
.default-index-index #main .sub form .submit button { border-color: #666; float: left; }
.default-index-index #main { padding-top: 36px; }
.default-index-index #main .main { padding: 8px 12px; width: 402px; }
.default-index-index #nav { background-image: url(../images/nav/home-nav-bg.png); }
.default-index-index #nav-home span { background-image: url(../images/nav/home-nav-bg.png); }
.default-index-index .main ul.thumbs { margin-left: 3px; }
.default-index-index .main ul.thumbs li { margin: 4px 4px 0; }
.default-index-index .main ul.thumbs li.alt { margin-right: 0; }
.default-index-index dd { width: 326px; }
.default-index-index #flash, .default-index-index #flash img { display: block; }
.default-index-index button.go { background-image: url(../images/buttons/home-go.png); }
.default-index-index #nav ul a:hover { background: #2a7bb6; border-color: #2a7bb6; }


/* -- color themes -- */
.blue #nav, .blue #nav span { background-image: url(../images/nav/blue/nav-bg.png); }
.blue #header { background-image: url(../images/nav/blue/header-bg.jpg); }
.blue #content { background-image: url(../images/nav/blue/bg.jpg); }
.brown #nav, .brown #nav span { background-image: url(../images/nav/brown/nav-bg.png); }
.brown #header { background-image: url(../images/nav/brown/header-bg.jpg); }
.brown #content { background-image: url(../images/nav/brown/bg.jpg); }
.deepblue #nav, .deepblue #nav span { background-image: url(../images/nav/deepblue/nav-bg.png); }
.deepblue #header { background-image: url(../images/nav/deepblue/header-bg.jpg); }
.deepblue #content { background-image: url(../images/nav/deepblue/bg.jpg); }
.dkblue #nav, .dkblue #nav span { background-image: url(../images/nav/dkblue/nav-bg.png); }
.dkblue #header { background-image: url(../images/nav/dkblue/header-bg.jpg); }
.dkblue #content { background-image: url(../images/nav/dkblue/bg.jpg); }
.dkgray #nav, .dkgray #nav span { background-image: url(../images/nav/dkgray/nav-bg.png); }
.dkgray #header { background-image: url(../images/nav/dkgray/header-bg.jpg); }
.dkgray #content { background-image: url(../images/nav/dkgray/bg.jpg); }
.dkpurple #nav, .dkpurple #nav span { background-image: url(../images/nav/dkpurple/nav-bg.png); }
.dkpurple #header { background-image: url(../images/nav/dkpurple/header-bg.jpg); }
.dkpurple #content { background-image: url(../images/nav/dkpurple/bg.jpg); }
.green #nav, .green #nav span { background-image: url(../images/nav/green/nav-bg.png); }
.green #header { background-image: url(../images/nav/green/header-bg.jpg); }
.green #content { background-image: url(../images/nav/green/bg.jpg); }
.ltblue #nav, .ltblue #nav span { background-image: url(../images/nav/ltblue/nav-bg.png); }
.ltblue #header { background-image: url(../images/nav/ltblue/header-bg.jpg); }
.ltblue #content { background-image: url(../images/nav/ltblue/bg.jpg); }
.ltgray #nav, .ltgray #nav span { background-image: url(../images/nav/ltgray/nav-bg.png); }
.ltgray #header { background-image: url(../images/nav/ltgray/header-bg.jpg); }
.ltgray #content { background-image: url(../images/nav/ltgray/bg.jpg); }
.ltgreen #nav, .ltgreen #nav span { background-image: url(../images/nav/ltgreen/nav-bg.png); }
.ltgreen #header { background-image: url(../images/nav/ltgreen/header-bg.jpg); }
.ltgreen #content { background-image: url(../images/nav/ltgreen/bg.jpg); }
.ltred #nav, .ltred #nav span { background-image: url(../images/nav/ltred/nav-bg.png); }
.ltred #header { background-image: url(../images/nav/ltred/header-bg.jpg); }
.ltred #content { background-image: url(../images/nav/ltred/bg.jpg); }
.maroon #nav, .maroon #nav span { background-image: url(../images/nav/maroon/nav-bg.png); }
.maroon #header { background-image: url(../images/nav/maroon/header-bg.jpg); }
.maroon #content { background-image: url(../images/nav/maroon/bg.jpg); }
.orange #nav, .orange #nav span { background-image: url(../images/nav/orange/nav-bg.png); }
.orange #header { background-image: url(../images/nav/orange/header-bg.jpg); }
.orange #content { background-image: url(../images/nav/orange/bg.jpg); }
.pink #nav, .pink #nav span { background-image: url(../images/nav/pink/nav-bg.png); }
.pink #header { background-image: url(../images/nav/pink/header-bg.jpg); }
.pink #content { background-image: url(../images/nav/pink/bg.jpg); }
.purple #nav, .purple #nav span { background-image: url(../images/nav/purple/nav-bg.png); }
.purple #header { background-image: url(../images/nav/purple/header-bg.jpg); }
.purple #content { background-image: url(../images/nav/purple/bg.jpg); }
.red #nav, .red #nav span { background-image: url(../images/nav/red/nav-bg.png); }
.red #header { background-image: url(../images/nav/red/header-bg.jpg); }
.red #content { background-image: url(../images/nav/red/bg.jpg); }

/*  -- icons (SK mod) -- */

.withicons-artcat li {
	background-repeat: no-repeat;
	background-position: 20px -2px;
	width: 234px;
	height: 31px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin-top: -2px;
	margin-bottom: 0px;
}

.withicons-artcat li label {
	width: 234px;
	height: 31px;
	float: left;
}
.withicons-artcat li span {
	font-size: 0px;
	color: transparent;
	line-height: 0px;
}

.artcat-all 		{ background-image: url(../images/icons/artcat-all.png); }
.artcat-animations 	{ background-image: url(../images/icons/artcat-animations.png); }
.artcat-architecture{ background-image: url(../images/icons/artcat-architecture.png); }
.artcat-clothing 	{ background-image: url(../images/icons/artcat-clothing.png); }
.artcat-dance 		{ background-image: url(../images/icons/artcat-dance.png); }
.artcat-digital 	{ background-image: url(../images/icons/artcat-digital.png); }
.artcat-drawings 	{ background-image: url(../images/icons/artcat-drawings.png); }
.artcat-furniture 	{ background-image: url(../images/icons/artcat-furniture.png); }
.artcat-industrial 	{ background-image: url(../images/icons/artcat-industrial.png); }
.artcat-installation{ background-image: url(../images/icons/artcat-installation.png); }
.artcat-music		{ background-image: url(../images/icons/artcat-music.png); }
.artcat-paintings 	{ background-image: url(../images/icons/artcat-paintings.png); }
.artcat-photography { background-image: url(../images/icons/artcat-photography.png); }
.artcat-prints		{ background-image: url(../images/icons/artcat-prints.png); }
.artcat-sculpture 	{ background-image: url(../images/icons/artcat-animations.png); }
.artcat-video		{ background-image: url(../images/icons/artcat-video.png); }
.artcat-writing		{ background-image: url(../images/icons/artcat-writing.png); }


.withicons-sort li {
	background-repeat: no-repeat;
	background-position: 23px -1px;
	width: 160px;
	height: 21px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 1px;
	margin-bottom: 0px;
}
.withicons-sort li label {
	width: 160px;
	height: 21px;
	float: left;
}
.withicons-sort li span {
	font-size: 0px;
	color: transparent;
	line-height: 0px;
}

.artsort-alpha 			{ background-image: url(../images/icons/sort-alpha.png); }
.artsort-recentupdate	{ background-image: url(../images/icons/sort-recentupdate.png); }
.artsort-newest 		{ background-image: url(../images/icons/sort-newest.png); }
.artsort-rating 		{ background-image: url(../images/icons/sort-rating.png); }


.withicons-gender li, .withicons-sign li, .withicons-region li {
	background-repeat: no-repeat;
	background-position: 20px -1px;
	width: 100%;
	height: 21px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 1px;
	margin-bottom: 0px;
}
.withicons-gender li label, .withicons-sign li label, .withicons-region li label {
	width: 110px;
	height: 21px;
	float: left;
}
.withicons-gender li span, .withicons-sign li span, .withicons-region li span {
	font-size: 0px;
	color: transparent;
	line-height: 0px;
}

.gender-girls		{ background-image: url(../images/icons/gender-female.png); }
.gender-guys 		{ background-image: url(../images/icons/gender-male.png); }

/*
.icon-all {
	background-repeat: no-repeat;
	background-position: 23px -1px;
	width: 197px;
	height: 35px;
	padding-bottom: 0px;
	margin-top: 1px;
	margin-bottom: 5px;
}
.icon-all label {
	width: 197px;
	height: 35px;
	float: left;
}
.icon-all span {
	font-size: 0px;
	color: transparent;
	line-height: 0px;
}
*/
.icon-all 		{ background-image: url(../images/icons/any.png); }

.icons-small-left {
	width: 112px;
	float: left;
}
.icons-small-right {
	width: 119px;
	float: right;
}


.sign-aquarius		{ background-image: url(../images/icons/sign-aquarius.png); }
.sign-aries 		{ background-image: url(../images/icons/sign-aries.png); }
.sign-cancer 		{ background-image: url(../images/icons/sign-cancer.png); }
.sign-capricorn 	{ background-image: url(../images/icons/sign-capricorn.png); }
.sign-gemini 		{ background-image: url(../images/icons/sign-gemini.png); }
.sign-leo 			{ background-image: url(../images/icons/sign-leo.png); }
.sign-libra 		{ background-image: url(../images/icons/sign-libra.png); }
.sign-pisces 		{ background-image: url(../images/icons/sign-pisces.png); }
.sign-sagittarius 	{ background-image: url(../images/icons/sign-sagittarius.png); }
.sign-scorpio 		{ background-image: url(../images/icons/sign-scorpio.png); }
.sign-taurus 		{ background-image: url(../images/icons/sign-taurus.png); }
.sign-virgo 		{ background-image: url(../images/icons/sign-virgo.png); }


.region-africa			{ background-image: url(../images/icons/region-africa.png); }
.region-asia			{ background-image: url(../images/icons/region-asia.png); }
.region-europe			{ background-image: url(../images/icons/region-europe.png); }
.region-northamerica	{ background-image: url(../images/icons/region-northamerica.png); }
.region-southamerica	{ background-image: url(../images/icons/region-southamerica.png); }
.region-oceania			{ background-image: url(../images/icons/region-oceania.png); }

