/*******************************************************************************
*
*	ORIGINAL CSS BY BUBS
*	http://www.bubblessoc.net
*
*	Feel free to steal ;)
*
*******************************************************************************/

body {
	margin: 0;
	padding: 0;
	background: #e6e6e6 url(/images/layout/bg.gif) top center repeat-x;
	font: 10pt "Verdana", "Arial", "Helvetica", sans-serif;
	color: #333;
}

abbr, acronym {
	border-bottom: 1px dotted #99cc33;
	cursor: help;
}

code {
	color: #999;
}

pre {
	overflow: auto;
	display: block;
	white-space: pre;
	width: 466px;
	max-height: 150px;
	margin: 0 0 20px 0;
	padding: 5px;
	background: #ccffff;
}

* html pre {
	height: 150px;
}

pre code {
	color: #333;
}

img {
	border-width: 0;
}

hr {
	display: none;
}

p, ul, ol, dl {
	margin: 0 0 20px 0;
	padding: 0;
}

p.center {
	text-align: center;
}

blockquote {
	background: url(/images/layout/quotes-left.gif) top left no-repeat;
	margin: 0;
	padding: 0 0 0 35px;
	text-align: justify;
}

blockquote p {
	background: url(/images/layout/quotes-right.gif) bottom right no-repeat;
	padding-right: 35px;
}

form {
	margin: 0;
	padding: 0;
}

label {
	vertical-align: top;
}

span.highlight {
	padding: 2px;
	background-color: #ffcccc;
}

a.selected {
	cursor: default;
}

/*******************************************************************************
*
*	HEADER
*
*******************************************************************************/

#header-wrap {
	width: 100%;
	height: 140px;
	background: url(/images/layout/header-nav-bg.gif) center top repeat-x;
}

#header-wrap #header {
	width: 749px;
	margin: 0 auto;
	position: relative;
}

#header-wrap #header h1 {
	position: absolute;
	top: 37px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 76px;
	border-bottom-width: 0;
}

#header-wrap #header h1 a {
	display: block;
	width: 296px;
	height: 0;
	padding: 76px 0 0 0;
	overflow: hidden;
	background: url(/images/layout/banner.gif) top left no-repeat;
}

#header-wrap #header h1 a:hover {
	background-position: 0 -76px;
}

#header-wrap #header h2 {
	position: absolute;
	top: 0;
	left: 562px;
	width: 176px;
	height: 0;
	margin: 0;
	padding: 102px 0 0 0;
	overflow: hidden;
	background: url(/images/layout/sticker-pink2.gif) top left no-repeat;
}

#header-wrap #header ul {
	position: absolute;
	top: 114px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ddd;
}

#header-wrap #header ul li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 25px;
	display: block;
}

#header-wrap #header ul li a {
	width: 122px;
	height: 0;
	padding: 25px 0 0 0;
	overflow: hidden;
	margin: 0;
	display: block;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ababab;
}

#header-wrap #header ul li#nav-about a {
	background: url(/images/layout/nav-about.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-guidelines a {
	width: 123px;
	background: url(/images/layout/nav-guidelines.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-submit a {
	background: url(/images/layout/nav-submit.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-cpanel a {
	background: url(/images/layout/nav-cpanel.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-gallery a {
	width: 123px;
	background: url(/images/layout/nav-gallery.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-forum a {
	background: url(/images/layout/nav-forum.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-home a {
	width: 123px;
	background: url(/images/layout/nav-home.gif) top left no-repeat;
}

#header-wrap #header ul li#nav-about a.selected,
#header-wrap #header ul li#nav-guidelines a.selected,
#header-wrap #header ul li#nav-submit a.selected,
#header-wrap #header ul li#nav-cpanel a.selected,
#header-wrap #header ul li#nav-gallery a.selected,
#header-wrap #header ul li#nav-forum a.selected {
	background-position: 0 -25px;
}

#header-wrap #header ul li#nav-about a.selected:hover,
#header-wrap #header ul li#nav-guidelines a.selected:hover,
#header-wrap #header ul li#nav-submit a.selected:hover,
#header-wrap #header ul li#nav-cpanel a.selected:hover,
#header-wrap #header ul li#nav-gallery a.selected:hover,
#header-wrap #header ul li#nav-forum a.selected:hover {
	background-position: 0 -25px;
}

#header-wrap #header ul li#nav-about a:hover,
#header-wrap #header ul li#nav-guidelines a:hover,
#header-wrap #header ul li#nav-submit a:hover,
#header-wrap #header ul li#nav-cpanel a:hover,
#header-wrap #header ul li#nav-gallery a:hover,
#header-wrap #header ul li#nav-forum a:hover,
#header-wrap #header ul li#nav-home a:hover {
	background-position: 0 -25px;
}

#header-wrap #header ul li#nav-home a.selected,
#header-wrap #header ul li#nav-home a.selected:hover {
	background-position: top left;
}

#wrap {
	width: 754px;
	margin: 0 auto;
	background: #fff url(/images/layout/wrap-bg.gif) top center repeat-y;
	clear: both;
}

/*******************************************************************************
*
*	SIDEBAR
*
*******************************************************************************/

#sidebar {
	float: right;
	width: 230px;
	padding: 10px 14px 0 0;
	font-size: 9pt;
}

#sidebar a {
	color: #0099cc;
	text-decoration: none;
}

#sidebar a:hover {
	color: #fff;
	background-color: #0099cc;
}

#sidebar fieldset {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0 solid #000;
}

#sidebar fieldset p,
#sidebar .sidebar-login fieldset p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

#sidebar input, 
#sidebar select, 
#sidebar textarea {
	width: 200px;
	padding: 3px;
	margin: 0 0 10px 0;
	font: 10pt "Verdana", "Arial", "Helvetica", sans-serif;
	border: 1px solid #848484;
	border-color: #848484 #ddd #ddd #848484;
	background: transparent;
}

#sidebar fieldset p input,
#sidebar fieldset p select,
#sidebar fieldset p textarea {
	margin-bottom: 0;
}

#sidebar input.button {
	width: auto;
	border-width: 0;
	padding: 0;
	/*float: right;*/
}

#sidebar h1 {
	width: 85px;
	height: 15px;
	text-indent: -9000px;
	margin: 0 0 20px 0;
	
	/* For IE */
	font-size: 1px;
}

/*

Sidebar Modules

*/

#sidebar .sidebar-login,
#sidebar .sidebar-welcome,
#sidebar .sidebar-usersonline,
#sidebar .sidebar-recentvisit,
#sidebar .sidebar-search,
#sidebar .sidebar-sort,
#sidebar .sidebar-featured,
#sidebar .sidebar-about,
#sidebar .sidebar-stats,
#sidebar .sidebar-birthdays,
#sidebar .sidebar-profilecontact,
#sidebar .sidebar-profilesites,
#sidebar .sidebar-profilefaves,
#sidebar .sidebar-profilecomments,
#sidebar .sidebar-forum-posts {
	padding: 10px;
	background: #ccffff url(/images/layout/lock-key-bg2.gif) center right no-repeat;
	border: 1px solid #0099cc;
	margin: 0 0 10px 0;
	clear: both;
}

#sidebar .sidebar-profilecontact ul,
#sidebar .sidebar-profilesites ul,
#sidebar .sidebar-profilefaves ul,
#sidebar .sidebar-profilecomments ul,
#sidebar .sidebar-forum-posts ul {
	list-style: none;
	margin-bottom: 0;
}

#sidebar .sidebar-profilecontact ul li,
#sidebar .sidebar-profilesites ul li,
#sidebar .sidebar-profilefaves ul li,
#sidebar .sidebar-profilecomments ul li,
#sidebar .sidebar-forum-posts ul li {
	padding: 0 0 10px 10px;
	background: url(/images/layout/angle-bullet.gif) 0 0.4em no-repeat;
	margin: 0;
	line-height: 1.4em;
}

/*

Sidebar Login

*/

#sidebar .sidebar-login h1 {
	width: 126px;
	height: 19px;
	background: url(/images/layout/sidebar-h1-login.gif) top left no-repeat;
}

#sidebar .sidebar-login fieldset {
	text-align: right;
	margin-bottom: 0;
}

#sidebar .sidebar-login fieldset input.button {
	margin-bottom: 0;
}

#sidebar .sidebar-login p {
	margin-top: 20px;
	margin-bottom: 0;
}

/*

Sidebar Welcome

*/

#sidebar .sidebar-welcome {
	padding-bottom: 0;
	background-image: url(/images/layout/smile-bg2.gif);
}

#sidebar .sidebar-welcome h1 {
	width: 85px;
	background: url(/images/layout/sidebar-h1-welcome.gif) top left no-repeat;
}

#sidebar .sidebar-welcome p {
	padding-left: 10px;
	background: url(/images/layout/angle-bullet.gif) 0 0.4em no-repeat;
	margin-bottom: 10px;
	line-height: 1.4em;
}

#sidebar .sidebar-welcome p.avatar {
	float: left;
	margin: 0 0 10px 0;
	background: none;
	padding: 0;
}

#sidebar .sidebar-welcome p.avatar a:hover {
	background: none;
}

/*

Sidebar Profile Contact

*/

#sidebar .sidebar-profilecontact {
	background-image: url("/images/layout/contact-bg.gif");
	padding-bottom: 0;
}

#sidebar .sidebar-profilecontact h1 {
	background: url(/images/layout/sidebar-h1-contact.gif) top left no-repeat;
	width: 73px;
}

#sidebar .sidebar-profilecontact p.avatar {
	margin-bottom: 10px;
	background: none;
}

#sidebar .sidebar-profilecontact p.avatar a:hover {
	background: none;
}

/*

Sidebar Profile Other Sites

*/

#sidebar .sidebar-profilesites {
	background-image: url("/images/layout/globe-bg.gif");
	padding-bottom: 0;
}

#sidebar .sidebar-profilesites h1 {
	background: url(/images/layout/sidebar-h1-othersites.gif) top left no-repeat;
	width: 92px;
}

/*

Sidebar Profile Favorites

*/

#sidebar .sidebar-profilefaves {
	background-image: url("/images/layout/heart-bg.gif");
	padding-bottom: 0;
}

#sidebar .sidebar-profilefaves h1 {
	background: url(/images/layout/sidebar-h1-favorites.gif) top left no-repeat;
	width: 75px;
}

/*

Sidebar Profile Comments

*/

#sidebar .sidebar-profilecomments {
	background-image: url("/images/layout/speech-bubble-bg.gif");
	padding-bottom: 0;
}

#sidebar .sidebar-profilecomments h1 {
	background: url(/images/layout/sidebar-h1-comments.gif) top left no-repeat;
	width: 169px;
}

/*

Sidebar Nav

*/

#sidebar .sidebar-nav {
	clear: both;
}

#sidebar .sidebar-nav ul {
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
}

#sidebar .sidebar-nav ul li {
	background: url(/images/layout/star-bullet-blue.gif) 0 .1em no-repeat;
	padding: 0 0 5px 17px;
}

#sidebar .sidebar-nav ul li ul {
	margin-top: 10px;
	margin-bottom: 0;
}

#sidebar .sidebar-nav ul li ul li {
	background: url(/images/layout/arrow-bullet.gif) 0 0 no-repeat;
}

/*

Sidebar Usersonline

*/

#sidebar .sidebar-usersonline {
	background-image: url(/images/layout/user-bg.gif);
}

#sidebar .sidebar-usersonline h1 {
	width: 113px;
	background: url(/images/layout/sidebar-h1-online.gif) top left no-repeat;
}

#sidebar .sidebar-usersonline p {
	margin-bottom: 0;
	line-height: 1.4em;
}

#sidebar .sidebar-usersonline ul {
	margin-top: 20px;
	margin-bottom: 0;
	list-style: none;
}

#sidebar .sidebar-usersonline ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

/*

Sidebar Recently Visited

*/

#sidebar .sidebar-recentvisit {
	background-image: url(/images/layout/clock-bg2.gif);
}

#sidebar .sidebar-recentvisit h1 {
	width: 143px;
	height: 18px;
	background: url(/images/layout/sidebar-h1-recentvisit.gif) top left no-repeat;
}

#sidebar .sidebar-recentvisit p {
	margin-bottom: 0;
	line-height: 1.4em;
}

#sidebar .sidebar-recentvisit ul {
	margin-top: 20px;
	margin-bottom: 0;
	list-style: none;
}

#sidebar .sidebar-recentvisit ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.5em;
}

/*

Sidebar Birthdays

*/

#sidebar .sidebar-birthdays {
	background-image: url(/images/layout/pinwheel-bg.gif);
}

#sidebar .sidebar-birthdays h1 {
	width: 139px;
	height: 18px;
	background: url(/images/layout/sidebar-h1-birthday.gif) top left no-repeat;
}

#sidebar .sidebar-birthdays ul {
	margin-bottom: 0;
	list-style: none;
}

#sidebar .sidebar-birthdays ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

/*

Sidebar Search

*/

#sidebar .sidebar-search {
	background-image: url(/images/layout/search-bg.gif);
}

#sidebar .sidebar-search h1 {
	width: 61px;
	background: url(/images/layout/sidebar-h1-search.gif) top left no-repeat;
}

#sidebar .sidebar-search fieldset input.button {
	margin-bottom: 0;
}

#sidebar .sidebar-search fieldset {
	text-align: right;
	margin-bottom: 0;
}


/* 

Sidebar Featured

*/

#sidebar .sidebar-featured {
	background-image: url(/images/layout/globe-bg.gif);
}

#sidebar .sidebar-featured h1 {
	width: 159px;
	background: url(/images/layout/sidebar-h1-featured.gif) top left no-repeat;
}

#sidebar .sidebar-featured p {
	margin-bottom: 10px;
}

#sidebar .sidebar-featured p a {
	background-color: transparent;
}

#sidebar .sidebar-featured p a img  {
	display: block;
	margin: 0 auto;
	padding: 2px;
	background-color: #fff;
	border: 3px solid #0099cc;
}

#sidebar .sidebar-featured p a:hover img {
	border-color: #ff3366;
}

/*

Sidebar About

*/

#sidebar .sidebar-about {
	background-image: url(/images/layout/question-bg.gif);
}

#sidebar .sidebar-about h1 {
	width: 85px;
	background: url(/images/layout/sidebar-h1-about.gif) top left no-repeat;
}

/*

Sidebar Stats

*/

#sidebar .sidebar-stats {
	background-image: url(/images/layout/check-bg.gif);
}

#sidebar .sidebar-stats h1 {
	width: 73px;
	background: url(/images/layout/sidebar-h1-stats.gif) top left no-repeat;
}

#sidebar .sidebar-stats ul {
	list-style: none;
}

#sidebar .sidebar-stats ul.stats-bottom {
	margin-bottom: 0;
}

#sidebar .sidebar-stats ul li {
	margin: 0;
	padding: 0 0 5px 0;
}

/*

Sidebar Gallery Sort

*/

#sidebar .sidebar-sort {
	background-image: url(/images/layout/pinwheel-bg.gif);
}

#sidebar .sidebar-sort h1 {
	width: 134px;
	height: 18px;
	background: url(/images/layout/sidebar-h1-sort.gif) top left no-repeat;
}

#sidebar .sidebar-sort ul {
	list-style: none;
	margin-bottom: 0;
}

#sidebar .sidebar-sort ul li {
	margin: 0;
	padding: 0 0 5px 0;
}

/*

Sidebar Forum Posts

*/

#sidebar .sidebar-forum-posts {
	background-image: url(/images/layout/pushpin-bg.gif);
}

#sidebar .sidebar-forum-posts h1 {
	width: 138px;
	height: 18px;
	background: url(/images/layout/sidebar-h1-forum-posts.gif) top left no-repeat;
}

/*******************************************************************************
*
*	CONTENT
*
*******************************************************************************/

#content {
	float: left;
	width: 476px;
	padding: 10px 20px 0 14px;
	line-height: 1.5em;
}
	
#content h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: "Century Gothic", "Lucida Grande", "Lucida Sans", "Verdana", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 18pt;
	color: #99cc33;
	border-bottom: 3px solid #99cc33;
	line-height: normal;
}

#content h1 em {
	color: #ff3366;
	font-style: normal;
}

#content h1 a {
	border-bottom-width: 0;
	text-decoration: none;
}

#content h2,
#content h3 {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: normal;
	font-family: "Lucida Grande", "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 14pt;
	color: #ff3366;
}

#content h3 {
	font-size: 11pt;
}

#content h2 a,
#content h3 a {
	border-bottom-width: 0;
}

#content h2 a:hover,
#content h3 a:hover {
	color: #fff;
	background-color: #0099cc;
	text-decoration: none;
}

#content a {
	color: #0099cc;
	border-bottom: 1px solid #99cc33;
	/*padding-bottom: 1px;*/
}

#content a:hover {
	color: #ff3366;
	border-color: #0099cc;
}

#content a.delete {
	padding: 3px;
	color: #ff0000;
	border-bottom-width: 0;
}

#content a:hover.delete {
	color: #ffffff;
	background-color: #ff0000;
	text-decoration: none;
}

#content p.pages {
	text-align: center;
	clear: both;
}

#content p.pages a {
	background-color: #ccffff;
	border: 1px solid #0099cc;
	padding: 3px;
	text-decoration: none;
}

#content p.pages a:hover {
	background-color: #99ffff;
	color: #0099cc;
}

#content p.pages span {
	padding: 4px;
	background-color: #0099cc;
	color: #fff;
}

#content img.screenshot {
	padding: 2px;
	background-color: #fff;
	border: 3px solid #aaa;
}

#content p.screenshot a {
	border-width: 0;
}

#content p.screenshot a img  {
	padding: 2px;
	background-color: #fff;
	border: 3px solid #0099cc;
}

#content p.screenshot a:hover img {
	border-color: #ff3366;
}

#content p.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
}

#content p.avatar img {
	display: block;
	margin: 0 auto;
}

#content p.avatar a img {
	border-bottom-width: 0;
}

#content p.exclaim {
	min-height: 28px;
	padding-top: 2px;
	padding-left: 36px;
	background: url(/images/layout/exclaim-large.gif) top left no-repeat;
}

#content p.no {
	min-height: 28px;
	padding-top: 2px;
	padding-left: 36px;
	background: url(/images/layout/no-large.gif) top left no-repeat;
}

#content p.check {
	min-height: 28px;
	padding-top: 2px;
	padding-left: 36px;
	background: url(/images/layout/check-large.gif) top left no-repeat;
	color: #aaa;
}

* html #content p.exclaim,
* html #content p.no,
* html #content p.check {
	height: 28px;
}

#content .ajax-container p {
	color: #aaa;
}




/*

Site Container

*/

#content .site {
	clear: both;
}

#content .site p,
#content .site ul,
#content .site ul.no-bullet {
	margin: 0 0 10px 200px;
}

#content .site p.screenshot {
	float: left;
	margin: 0 0 40px 0;
}

#content .site p.favorites {
	min-height: 28px;
	background: url(/images/layout/favorite-large.gif) top left no-repeat;
	padding-top: 2px;
	padding-left: 36px;
	color: #aaa;
}

* html #content .site p.favorites {
	height: 28px;
}

/*

Blog Post

*/

#content .post {
	clear: both;
}

#content .post p.post-date {
	float: left;
	width: 61px;
	height: 50px;
	margin: 0;
	padding: 11px 0 0 0;
	background: url(/images/layout/post-date-sticker.gif) top left no-repeat;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
	font-family: "Lucida Grande", "Lucida Sans", "Verdana", "Arial", "Helvetica", sans-serif;
}

#content .post p.post-date span {
	display: block;
}

#content .post p.post-date span.post-month {
	font-size: 9pt;
}

#content .post p.post-date span.post-day {
	font-size: 14pt;
}

#content .post h1 {
	margin-left: 71px;
	margin-bottom: 5px;
	border-bottom-width: 0;
}

#content .post h1 a {
	color: #99cc33;
}

#content .post h1 a:hover {
	color: #0099cc;
}

#content .post p.post-meta {
	margin-left: 71px;
	color: #aaa;
	font-size: 9pt;
}

#content .post p.post-meta img {
	vertical-align: middle;
}

#content .post p.post-meta a {
	border-bottom-width: 0;
}

#content .post p.post-meta a:hover {
	background-color: #0099cc;
	color: #fff;
	text-decoration: none;
}

#content .post p.edit {
	color: #aaa;
}

#content .post .post-content {
	/* Nothing to put here... */
}

#content .post p.post-comments {
	font-size: 9pt;
	margin-bottom: 40px;
}

#content .post p.post-comments a {
	border-bottom-width: 0;
}

#content .post p.post-comments a.comment-link {
	padding-left: 16px;
	background: url(/images/layout/icon-message-bubble2.gif) 0 0.2em no-repeat;
}

#content .post-content img.align-center,
#content .post-content img.align-left,
#content .post-content img.align-right {
	padding: 5px;
	border: 1px solid #ccc;
}

#content .post-content img.align-center {
	margin: 0 auto;
	display: block;
}

#content .post-content img.align-left {
	float: left;
	margin: 0 10px 0 0;
}

#content .post-content img.align-right {
	float: right;
	margin: 0 0 0 10px;
}

#content .post-content a:hover img.align-center,
#content .post-content a:hover img.align-left,
#content .post-content a:hover img.align-right {
	background-color: #eee;
}

/*

Index Containers

*/

#content .about-container p {
	margin-bottom: 30px;
	text-align: justify;
}

#content .featured-container,
#content .recently-accepted-container {
	width: 228px;
	padding: 0 20px 0 0;
	float: left;
}

#content .recently-accepted-container {
	padding-right: 0;
}

#content .featured-container h1,
#content .featured-container h2,
#content .recently-accepted-container h1,
#content .recently-accepted-container h2,
#content .about-container h1 {
	width: 228px;
	height: 30px;
	text-indent: -9000px;
	border-bottom-width: 0;
	background: url(/images/layout/h1-recently-accepted2.gif) top left no-repeat;
	
	/* For IE */
	font-size: 1px;
}

#content .featured-container h1,
#content .featured-container h2 {
	background-image: url(/images/layout/h1-featured2.gif);
}

#content .about-container h1 {
	background-image: url(/images/layout/h1-about-large.gif); 
	width: 221px; 
	height: 36px;
}

#content .featured-container p,
#content .recently-accepted-container p {
	margin-bottom: 30px;
}

#content .featured-container p.screenshot a img,
#content .recently-accepted-container p.screenshot a img {
	display: block;
	margin: 0 auto;
}

/*

Note Containers

*/

#content .note-box {
	width: 476px; 
	height: 150px; 
	overflow: auto; 
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #aaa;
}

#content .note-box p {
	margin-bottom: 10px;
}

#content .add-note {
	width: 246px; 
	margin-left: 220px;
}

#content .add-note fieldset {
	margin-bottom: 0;
}

#content .add-note fieldset textarea {
	margin: 0 0 5px 0; 
	width: 238px;
}



/*

Lists

*/

#content dl dt {
	background: url(/images/layout/star-bullet-blue.gif) 0 .3em no-repeat;
	padding: 0 0 5px 20px;
}

#content dl dd {
	margin-bottom: 10px;
}

#content dl dd ul {
	margin-left: 0;
}

#content dl dd ul li {
	background-image: url(/images/layout/star-bullet-pink.gif);
}

#content ul {
	margin-left: 25px;
	list-style: none;
}

#content ul li {
	background: url(/images/layout/check-bullet.gif) 0 .3em no-repeat;
	padding: 0 0 5px 20px;
}

#content ul li ul {
	margin-bottom: 0;
}

#content ul.star li {
	background-image: url(/images/layout/star-bullet-blue.gif);
}

#content ul li.x {
	background-image: url(/images/layout/x-bullet.gif);
}

#content ul.alphabet {
	float: left;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 9pt;
	padding-bottom: 20px;
}

#content ul.alphabet li {
	background-image: none;
	float: left;
	padding: 0;
	margin: 0;
}

#content ul.alphabet li a {
	background-color: #ccffff;
	padding: 3px 4px;
	text-decoration: none;
	border: 1px solid #0099cc;
	border-right-width: 0;
}

#content ul.alphabet li.border a,
#content ul.alphabet li.border span {
	border-right-width: 1px;
}

#content ul.alphabet li a:hover {
	background-color: #99ffff;
	color: #0099cc;
}

#content ul.alphabet li span {
	padding: 3px 4px;
	border: 1px solid #0099cc;
	border-right-width: 0;
	background: #0099cc;
	color: #fff;
}

/*

Star rating using CSS
http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/

*/

#content ul.rating {
	list-style: none;
	width: 110px;
	height: 19px;
	position: relative;
	/*background: url(/images/star-on-off.gif) top left repeat-x;*/
	background: url(/images/star-all.gif) top left repeat-x;
}

#content ul.rating li {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}

#content ul.rating li.current-rating {
	/*background: url(/images/star-on-off.gif) 0 19px;*/
	background: url(/images/star-all.gif) 0 57px;
	position: absolute;
	height: 19px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

#content ul.rating li a,
#content ul.rating li span {
	display: block;
	width: 22px;
	height: 19px;
	text-decoration: none;
	border-bottom-width: 0;
	text-indent: -9000px;
	z-index: 22;
	position: absolute;
	margin: 0;
	padding: 0;
	
	/* Added */
	top: 0; 
}

#content ul.rating li a:hover {
	/*background: url(/images/star-on-off.gif) 0 19px;*/
	background: url(/images/star-all.gif) 0 38px;
	z-index: 2;
	left: 0;
}

#content ul.rating a.star1 {
	left: 0;
}

#content ul.rating a.star1:hover {
	width: 22px;
}

#content ul.rating a.star2 {
	left: 22px;
}

#content ul.rating a.star2:hover {
	width: 44px;
}

#content ul.rating a.star3 {
	left: 44px;
}

#content ul.rating a.star3:hover {
	width: 66px;
}

#content ul.rating a.star4 {
	left: 66px;
}

#content ul.rating a.star4:hover {
	width: 88px;
}

#content ul.rating a.star5 {
	left: 88px;
}

#content ul.rating a.star5:hover {
	width: 110px;
}

/*

Sites List

*/

#content ul.sites {
	margin: 0;
	list-style: none;
	float: left;
}

#content ul.sites li {
	background: none;
	margin: 0 0 40px 0;
	padding: 0;
	float: left;
	clear: both;
	width: 476px;
}

#content ul.sites li h2 {
	margin-left: 200px;
}

#content ul.sites li p {
	margin: 0 0 10px 200px;
}

#content ul.sites li p.yes {
	padding-left: 21px;
	background: url(/images/layout/check-bullet.gif) 0 0.2em no-repeat;
}

#content ul.sites li p.no {
	height: auto;
	padding: 0 0 0 20px;
	background: url(/images/layout/no.gif) 0 0.2em no-repeat;
}

#content ul.sites li p.screenshot {
	float: left;
	margin: 0;
}

/*

Avatar Gallery

*/

#content ul.avatar-gallery {
	float: left;
	width: 476px;
	margin: 0;
	padding-bottom: 10px;
	list-style: none;
}

#content ul.avatar-gallery li {
	background: none;
	padding: 9px 0;
	float: left;
	margin: 0;
	/*margin: 0 1px 1px 0;*/
	width: 118px;
	height: 100px;
	/*background-color: #ccffff;*/
}

#content ul.avatar-gallery li.alt {
	
}

#content ul.avatar-gallery li a {
	border-bottom-width: 0;
}

#content ul.avatar-gallery li a img {
	display: block;
	margin: 0 auto;
}

/*

Gallery

*/

#content ul.gallery {
	margin: 0;
	list-style: none;
}

#content ul.gallery li {
	background: none;
	padding: 0 20px 0 0;
	float: left;
	margin-bottom: 40px;
}

#content ul.gallery li.left,
#content ul.gallery li.right {
	width: 228px;
}

#content ul.gallery li.right {
	padding-right: 0;
}

#content ul.gallery li h2 {
	margin-bottom: 15px;
	text-align: center;
}

#content ul.gallery li p.screenshot {
	margin-bottom: 15px;
}

#content ul.gallery li p a img {
	display: block;
	margin: 0 auto;
}

#content ul.gallery li .ajax-container p {
	margin-bottom: 0;
	text-align: center;
}

#content ul.gallery li ul {
	margin: 0 0 0 61px;
	padding: 0;
}

#content ul.gallery li ul li {
	padding: 0;
	margin: 0;
}

/*

No-Bullet

*/

#content ul.no-bullet {
	list-style: none;
	margin-left: 0;
	line-height: 1.6em;
}

#content ul.no-bullet li {
	background: none;
	padding: 0;
}

#content ul.no-bullet li img {
	vertical-align: middle;
}

/*

Codes

*/

#content ul.codes {
	margin-left: 0;
}

#content ul.codes li {
	display: inline;
	background: none;
	padding: 0;
	margin-right: 20px;
}

/* 

Smilies

*/

#content ul.smilies,
#content ul.smilies-long {
	margin-left: 0;
	width: 210px;
	float: left;
}

#content ul.smilies-long {
	width: auto;
	padding-left: 8em;
	margin-bottom: 10px;
}

#content fieldset.long ul.smilies-long {
	padding-left: 10em;
}

#content .reply-form fieldset ul.smilies {
	float: right;
}

#content ul.smilies li,
#content ul.smilies-long li {
	float: left;
	background-image: none;
	padding: 0;
	width: 35px;
	height: 25px;
}

#content ul.smilies li img,
#content ul.smilies-long li img {
	display: block;
	margin: 0 auto;
}


#content ol li {
	margin: 0 0 0 40px;
}

#content ol.reviews,
#content ol.messages,
#content ol.comments {
	list-style: none;
}

/*

Reviews

*/

#content ol.reviews li {
	width: 476px;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px dashed #ddd;
	float: left;
	clear: both;
}

#content ol.reviews li p.avatar {
	margin: 0;
}

#content ol.reviews li p {
	margin-left: 110px;
}

#content ol.reviews li p.review-date {
	margin-bottom: 10px;
	text-align: right;
}

#content ol.reviews li p.review-date a,
#content ol.messages li p.message-date a {
	border-bottom-width: 0;
}

#content ol.reviews li p.review-date a:hover,
#content ol.messages li p.message-date a:hover {
	text-decoration: none;
}

/*

Messages

*/

#content ol.messages li {
	float: left;
	clear: both;
	width: 454px;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #0099cc;
	background: #ccffff;
	position: relative;
}

#content ol.messages li p.message-status-new {
	position: absolute;
	top: 0;
	left: 424px;
	width: 50px;
	height: 0;
	margin: 0;
	padding: 51px 0 0 0;
	overflow: hidden;
	background: url(/images/layout/message-new2.gif) top right no-repeat;
}

#content ol.messages li p.message-status-unread {
	position: absolute;
	top: 0;
	left: 424px;
	width: 50px;
	height: 0;
	margin: 0;
	padding: 51px 0 0 0;
	overflow: hidden;
	background: url(/images/layout/message-unread2.gif) top right no-repeat;
}

#content ol.messages li p {
	margin-left: 110px;
}

#content ol.messages li p.avatar {
	margin: 0;
}

#content ol.messages li p.message-date {
	text-align: right;
	margin-bottom: 0;
}

#content ol.messages li p.message-author a {
	border-bottom-width: 0;
}

#content ol.messages li p.message-author a:hover {
	text-decoration: none;
	background-color: #0099cc;
	color: #fff;
}

/*

Comments

*/

#content ol.comments li {
	clear: both;
	width: 476px;
	margin: 0 0 20px 0;
	background: url(/images/layout/comment-mid-white.gif) top left repeat-y;
	position: relative;
}

#content ol.comments li.alternate {
	background-image: url(/images/layout/comment-mid-blue.gif);
}

#content ol.comments li p.avatar {
	float: none;
	margin: 0;
	position: absolute;
	top: 40px;
	left: 10px;
}

#content ol.comments li p.comment-author {
	background: url(/images/layout/comment-top-white.gif) bottom left no-repeat;
	height: 34px;
	padding-left: 67px;
	margin-bottom: 0;
}

#content ol.comments li.alternate p.comment-author {
	background-image: url(/images/layout/comment-top-blue.gif);
	height: 32px;
}

#content ol.comments li p.comment-author a {
	border-bottom-width: 0;
}

#content ol.comments li p.comment-author a:hover {
	text-decoration: none;
	background-color: #0099cc;
	color: #fff;
}

#content ol.comments li p.comment-author a.message-icon:hover {
	background: #fff;
}

#content ol.comments li p.comment-author img {
	vertical-align: middle;
}

#content ol.comments li .comment-content {
	padding: 6px 10px 0 120px;
	min-height: 100px;
}

* html #content ol.comments li .comment-content {
	height: 100px;
}

#content ol.comments li .comment-content p.comment-editdate {
	color: #aaa;
}

#content ol.comments li p.comment-date {
	text-align: right;
	margin-bottom: 0;
	padding: 0 10px 5px 120px;
	background: url(/images/layout/comment-bottom-white.gif) bottom left no-repeat;
}

#content ol.comments li.alternate p.comment-date {
	background-image: url(/images/layout/comment-bottom-blue.gif);
}

#content ol.comments li p.comment-date a {
	border-bottom-width: 0;
}

#content ol.comments li p.comment-date a:hover {
	text-decoration: none;
}

/*

Forms

*/

#content fieldset {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0 solid #000;
}

#content fieldset.upload-avatar {
	margin-top: 3em;
}

#content fieldset.add-fields {
	margin-left: 8em;
}

#content fieldset p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

#content fieldset p.note {
	margin-left: 8em;
}

#content fieldset p label,
#content fieldset p.time span {
	width: 8em;
	float: left;
	padding: 0;
	margin: 0;
}

#content fieldset.long p label {
	width: 10em;
}

#content fieldset.rly-long p label {
	width: 15em;
}

#content fieldset p label.radio-label {
	width: auto;
	float: none;
	margin-right: 1em;
}

#content input,
#content select, 
#content textarea {
	width: 15em;
	padding: 3px;
	margin: 0 0 10px 0;
	font: 10pt "Verdana", "Arial", "Helvetica", sans-serif;
	border: 1px solid #848484;
	border-color: #848484 #ddd #ddd #848484;
	background: #fff url(/images/layout/input-bg.gif) top left repeat-x;
}

#content textarea#comment_content,
#content textarea#review_content,
#content textarea#message_content {
	width: 20em;
}

#content textarea#post_content,
#content textarea#bio_content,
#content textarea#topic_content{
	width: 25em;
}

#content textarea#reply_content {
	width: 250px;
}

#content textarea.standalone {
	width: auto;
}

#content input:focus,
#content select:focus,
#content textarea:focus {
	background-color: #ccffff;
	background-image: url(/images/layout/input-focus-bg.gif);
}

#content fieldset p input,
#content fieldset p select,
#content fieldset p textarea {
	margin-bottom: 0;
}

#content input.file,
#content input.radio,
#content input.button,
#content input.number,
#content select.birthday {
	width: auto;
}

#content input.box-add-fields {
	width: auto;
	margin-bottom: 0;
}

#content input.checkbox {
	width: auto;
	margin-bottom: 0;
	background: none;
}

#content .reply-form fieldset input.checkbox {
	clear: both;
}

#content p.quicktags {
	margin-left: 8em;
}

#content fieldset.long p.quicktags {
	margin-left: 10em;
}

#content .reply-form fieldset p.quicktags {
	margin-left: 0;
}

#content p.quicktags input {
	width: auto;
	border-color: #848484;
	margin-right: 2px;
}

#content input.button {
	border-width: 0;
	padding: 0;
}

#content input.button-add-fields {
	border-width: 0;
	padding: 0;
	margin: 0 0 0 5px;
	width: auto;
	vertical-align: bottom;
}

#content fieldset p input.button {
	margin-left: 8em;
	border-width: 0;
	padding: 0;
}

#content fieldset.long p input.button {
	margin-left: 10em;
	border-width: 0;
	padding: 0;
}

#content fieldset.rly-long p input.button {
	margin-left: 15em;
	border-width: 0;
	padding: 0;
}

#content .reply-form fieldset p input.button {
	margin-left: 0;
}

/*

Tables

*/

#content table tr td.count {
	vertical-align: top;
}

#content table.member-list,
#content table.admin-table,
#content table.topic-table {
	width: 476px;
	margin: 0 0 20px 0;
	clear: both;
}

#content table.member-list a,
#content table.admin-table a,
#content table.topic-table a {
	border-bottom-width: 0;
}

#content table.member-list th {
	color: #fff;
	background-color: #66cccc;
}

#content table.admin-table,
#content table.topic-table {
	font-size: 9pt;
}

#content table.topic-table tr td {
	background-color: #dfffff;
}

#content table tr.alt td {
	background-color: #ccffff;
}

#content table tr td.center,
#content table.admin-table tr td,
#content table.topic-table tr td {
	text-align: center;
}

#content table.admin-table tr th.align-left,
#content table.admin-table tr td.align-left,
#content table.topic-table tr th.align-left,
#content table.topic-table tr td.align-left {
	text-align: left;
}

#content table.admin-table tr th.cat,
#content table.admin-table tr td.cat,
#content table.topic-table tr th.cat,
#content table.topic-table tr td.cat{
	background-color: #66cccc;
	font-weight: bold;
	color: #fff;
	text-align: left;
}

#content table.admin-table tr th.cat a {
	color: #fff;
	text-decoration: underline;
}

#content table.admin-table tr th.cat a:hover {
	text-decoration: none;
}

#content table.admin-table tr td blockquote {
	background: none;
	padding: 10px;
	margin: 10px 10px 0 10px;
	border: 1px solid #eee;
	border-top-color: #ccc;
	border-left-color: #ccc;
}

#content table.admin-table tr.alt td blockquote {
	border-color: #fff;
	border-top-color: #99ffff;
	border-left-color: #99ffff;
}

#content table.admin-table tr td blockquote p {
	background: none;
	padding: 0;
}

#content table.admin-table tr td blockquote blockquote {
	margin: 10px 0 0 0;
}

#content table.admin-table tr td pre {
	width: 320px;
}

#content table.admin-table tr.alt td pre {
	background-color: #fff;
}

#content table.admin-table tr td img.align-center {
	margin: 0 auto;
	display: block;
}

#content table.admin-table tr td img.align-left {
	float: left;
	margin: 0 10px 0 0;
}

#content table.admin-table tr td img.align-right {
	float: right;
	margin: 0 0 0 10px;
}

#content table.admin-table tr td p.edited {
	margin-top: 20px;
}

/*

Forum

*/

#content p.add-topic {
	text-align: right;
}

#content p.add-topic a {
	background: url(/images/layout/icon-add-topic.gif) 0 0 no-repeat;
	padding-left: 21px;
	border-bottom-width: 0;
}

#content p.in-forum a {
	border-bottom-width: 0;
}

#content ul.icon-key,
#content ul.perm-key {
	float: left;
	width: 238px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	line-height: 1.6em;
}

#content ul.perm-key {
	float: right;
	text-align: right;
}

#content ul.icon-key li,
#content ul.perm-key li {
	background: none;
	padding: 0;
}

/*******************************************************************************
*
*	FOOTER
*
*******************************************************************************/

#footer-wrap {
	clear: both;
	width: 754px;
	background: url(/images/layout/bottom-bg.gif) bottom center no-repeat;
	padding-bottom: 25px;
}

#footer {
	margin: 0 4px;
	padding: 0;
	background-color: #ccffff;
}

#footer fieldset {
	margin: 0;
	padding: 0;
	border: 0 solid #000;
}

#footer fieldset p {
	margin-bottom: 0;
}

#footer fieldset p input#footer-search-button {
	width: 27px;
	float: left;
}

#footer fieldset p input#footer-search {
	width: 169px;
	height: 22px;
	border: 0 solid #000;
	margin: 0 0 20px 0;
	padding: 3px 0 0 0;
	background: url(/images/layout/footer-search-box.gif) top left no-repeat;
	font: 10pt "Verdana", "Arial", "Helvetica", sans-serif;
	float: left;
}

#footer ul {
	border-top: 1px solid #9ddae7;
	list-style: none;
}

#footer ul li {
	border-bottom: 1px solid #9ddae7;
	margin: 0;
	padding: 0;
	position: relative;
}

#footer ul li a,
#footer ul li span {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #0099cc;
}

#footer ul li span {
	color: #666;
}

#footer ul li a:hover {
	background-color: #99ffff;
}

#footer ul li img {
	position: absolute;
	top: 8px;
	right: 9px;
}

#footer h1 {
	width: 181px;
	height: 16px;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: -9000px;
	
	background-position: top left;
	background-repeat: no-repeat;
	
	/* For IE */
	font-size: 1px;
}

/*

Recent Comments

*/

#footer h1.comments {
	background-image: url(/images/layout/footer-h1-comments.gif);
}

#footer ul.comments-list li a {
	color: #666;
}

#footer ul.comments-list li a strong {
	color: #0099cc;
	font-weight: normal;
}

/*

Recent Posts

*/

#footer .footer-posts {
	width: 243px;
	float: left;
	padding: 20px 20px 0 10px;
	border-top: 1px solid #0099cc;
}

#footer h1.posts {
	width: 127px;
	background-image: url(/images/layout/footer-h1-posts.gif);
}

#footer .footer-posts ul {
	clear: both;
}

* html #footer .footer-posts ul {
	margin-top: 20px;
}

/*

Recent Sites

*/

#footer .footer-sites {
	width: 243px;
	float: left;
	padding: 20px 20px 0 0;
	border-top: 1px solid #0099cc;
}

#footer h1.sites {
	width: 115px;
	background-image: url(/images/layout/footer-h1-sites.gif);
}

#footer h1.rated {
	width: 99px;
	height: 19px;
	background-image: url(/images/layout/footer-h1-rated.gif);
}

/*

Archives

*/

#footer .footer-archives {
	width: 200px;
	float: left;
	padding: 20px 10px 0 0;
	border-top: 1px solid #0099cc;
}

#footer .footer-archives h1 {
	width: 81px;
	background-image: url(/images/layout/footer-h1-archives.gif);
}

#footer .footer-archives h1.misc {
	width: 101px;
	height: 19px;
	background-image: url(/images/layout/footer-h1-misc.gif);
}

/*

Site Info

*/

#footer .footer-info {
	clear: both;
	width: 726px;
	height: 26px;
	padding: 0 10px;
}

#footer .footer-info p.footer-info-left {
	margin-bottom: 0;
	color: #666;
	font-size: 8pt;
	padding-top: 15px;
}

#footer .footer-info p.footer-info-left a {
	color: #0099cc;
	text-decoration: none;
}

#footer .footer-info p.footer-info-left a:hover {
	background-color: #99ffff;
	border-bottom: 1px solid #9ddae7;
}

#footer .footer-info p.footer-info-right {
	float: right;
	margin-bottom: 0;
}