/* general ********************** */
body {
	background: #000 url("../images/body-bg.jpg") repeat-x;
}

/* header ********************** */
#header #logo-small {
	width: 461px;
	height: 64px;
}

/* utilities ********************** */
ul#utilities {
	font-size: 1.2em;
	height: 22px;
	text-align: right;
	margin-top: -22px;
	padding-right: 10px;
}

ul#utilities li {
	display: inline;
	padding-right: 10px;
}

#utilities a {
	text-decoration: underline;
}

/* nav */
#top-nav #first {
	border-left: solid 1px #858585;
}

#top-nav,#top-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#top-nav a {
	color: #071371;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 10px;
}

#top-nav li {
	height: 37px;
	padding: 0px 20px;
	float: left;
	border-right: solid 1px #858585;
}

#top-nav li ul {
	position: absolute;
	background: #DDD;
	width: 13em;
	left: -999em;
}

#top-nav li ul a:hover {
	color: #449949;
}

#top-nav li:hover ul,#top-nav li.sfhover ul {
	left: auto;
}

#top-nav li ul li {
	width: 100%;
	height: 100%;
	padding: 0px;
	border-bottom: solid 1px #AAA;
	text-align: center;
}

/* sub-nav ********************** */
.sidebar-box {
	background: url("../images/sidebox-bottom-bg.png") center bottom
		no-repeat;
	margin-top: 20px;
	padding-bottom: 20px;
}
.last-sidebar-box {
    margin-bottom: 20px;	
}

#sub-nav h3 {
	height: 20px;
	background: url("../images/sidebox-header-bg.png") no-repeat;
	text-align: center;
	font-size: 1.2em;
	padding-top: 6px;
}

#sub-nav p {
	margin: 0;
	font-size: 1em;
	padding-left: 20px;
}

.sidebar-box-content {
	padding: 15px 20px 0px;
	background: #333;
	font-size: 1.2em;
	line-height: 1.5em;
}

#search {
	text-align: center;
}

p#send-a-message {
    background: url(../images/send-message-icon.png) left center no-repeat;
}
p#invite-your-friends {
    background: url(../images/invite-friends-icon.png) left top no-repeat;
}
p#invitation {
    background: url(../images/invite-icon.png) left top no-repeat;
}

p#blog-add {
    background: url(../images/blog-add-icon.png) left center no-repeat;
}
p#photoalbum-add {
    background: url(../images/photoalbum-add-icon.png) left center no-repeat;
}
p#sell-manage {
    background: url(../images/sell-icon.png) left center no-repeat;
}
p#stats-manage {
    background: url(../images/stats-icon.png) left center no-repeat;
}
p#videos-add {
    background: url(../images/videos-add-icon.png) left center no-repeat;
}
p#friends-manage {
    background: url(../images/friends-manage-icon.png) left center no-repeat;
}
p#applications-manage {
    background: url(../images/applications-manage-icon.png) left center no-repeat;
}
p#addrbook-manage {
    background: url(../images/addrbook-manage-icon.png) left center no-repeat;
}
p#trade-manage {
    background: url(../images/trade-manage-icon.png) left center no-repeat;
}
p#games-manage {
    background: url(../images/games-manage-icon.png) left center no-repeat;
}
p#greeting {
    background: url(../images/greeting-icon.png) left center no-repeat;
}
p#chatroom {
    background: url(../images/chatroom-icon.png) left center no-repeat;
}
p#snoop {
    background: url(../images/snoop-icon.png) left center no-repeat;
}
p#wib-manage {
    background: url(../images/wib-icon.png) left center no-repeat;
}
p#anonymous {
    background: url(../images/anonymous-icon.png) left center no-repeat;
}
p#sendbulletin {
    background: url(../images/sendbulletin-icon.png) left center no-repeat;
}
p#communityprofiles-manage {
    background: url(../images/communityprofiles-icon.png) left center no-repeat;
}
p#radio-manage {
    background: url(../images/radio-icon.png) left center no-repeat;
}
p#calendar-manage {
    background: url(../images/calendar-icon.png) left center no-repeat;
}
p#privacy-manage {
    background: url(../images/privacy-icon.png) left center no-repeat;
}
p#classified-manage {
    background: url(../images/classified-icon.png) left center no-repeat;
}
p#cam-manage {
    background: url(../images/cam-icon.png) left center no-repeat;
}
p#files-manage {
    background: url(../images/files-icon.png) left center no-repeat;
}

input#submit {
	margin-top: 10px;
}

/* extra ********************** */
div#extra {
	margin: 20px 0px;
}

/* content ********************** */ /* boxes */
#modules-left {
    float: left;
    width: 400px;	
}
#modules-right {
    float: right;
    width: 220px;
}
.box-large {
	background: url("../images/box-large-bottom-bg.png") center bottom
		no-repeat;
	width: 379px;
	margin-top: 20px;
	padding-bottom: 20px;
}

.box-large h2 {
	text-align: center;
	height: 20px;
	background: url("../images/box-large-header-bg.png") no-repeat;
	color: #071371;
	padding-top: 6px;
	font-size: 1.2em;
}
.box-large h2 a {
	color: #071371;
}

.box-large-content {
	overflow: hidden;
	padding: 10px 20px 0px;
	background: #333;
}
.box-small {
	background: url("../images/box-small-bottom-bg.png") center bottom
		no-repeat;
	width: 219px;
	margin-top: 20px;
	padding-bottom: 20px;
}

.box-small h2 {
	text-align: center;
	height: 20px;
	background: url("../images/box-small-header-bg.png") no-repeat;
	color: #071371;
	padding-top: 6px;
	font-size: 1.2em;
}
.box-small h2 a {
	color: #071371;
}

.box-small-content {
	padding: 10px 20px 0px;
	background: #333;
}

/* content-style */

/* Application headers */
#blog-header {  
	background: url(../images/blog-button.png) left center no-repeat;
	}
#photoalbum-header {  
	background: url(../images/photoalbum-button.png) left center no-repeat;
	}
#photo-title-wrapper #title {  
	background: url(../images/photoalbum-button.png) left center no-repeat;
	}			
#video-header {  
	background: url(../images/video-button.png) left center no-repeat;
	}	
#radio-header {  
	background: url(../images/radio-button.png) left center no-repeat;
	}
#promote-header {  
	background: url(../images/promote-button.png) left center no-repeat;
	}
#calendar-header {  
	background: url(../images/calendar-button.png) left center no-repeat;
	}
#stats-header {  
	background: url(../images/stats-button.png) left center no-repeat;
	}
#snoop-header {  
	background: url(../images/snoop-button.png) left center no-repeat;
	}
#wib-header {  
	background: url(../images/wib-button.png) left center no-repeat;
	}	
#community-header {  
	background: url(../images/community-button.png) left center no-repeat;
	}
#games-header {  
	background: url(../images/games-button.png) left center no-repeat;
	}
#friends-header {  
	background: url(../images/friends-button.png) left center no-repeat;
	}
#addrbook-header {  
	background: url(../images/addrbook-button.png) left center no-repeat;
	}
#classified-header {  
	background: url(../images/bulletin-button.png) left center no-repeat;
	}
#application-header {  
	background: url(../images/applications-button.png) left center no-repeat;
	}
#profile-edit-header {  
	background: url(../images/applications-button.png) left center no-repeat;
	}
#profile-edit-picture-header {  
	background: url(../images/applications-button.png) left center no-repeat;
	}
#account-edit-header {  
	background: url(../images/applications-button.png) left center no-repeat;
	}
#search-header {  
	background: url(../images/search-button.png) left center no-repeat;
	}					
#privacy-header {  
	background: url(../images/privacy-button.png) left center no-repeat;
	}
#invite-header {  
	background: url(../images/invite-button.png) left center no-repeat;
	}
#comments-header {  
	background: url(../images/comments-button.png) left center no-repeat;
	}	
#help-header {  
	background: url(../images/help-button.png) left center no-repeat;
	}
#error-header {  
	background: url(../images/error-button.png) left center no-repeat;
	}	
#login-header {  
	background: url(../images/login-button.png) left center no-repeat;
	}	
#about-header {  
	background: url(../images/info-button.png) left center no-repeat;
	}
#tour-header {  
	background: url(../images/info-button.png) left center no-repeat;
	}		
#feedback-header {  
	background: url(../images/feedback-button.png) left center no-repeat;
	}	
#welcome-header {  
	background: url(../images/signup-icon.png) left center no-repeat;
	}
#signup-header { 
	margin-left: 30px;   
	background: url(../images/signup-icon.png) left center no-repeat;
	}	
#trading-header {  
	background: url(../images/trading-button.png) left center no-repeat;
	}			
#networks-header {
	background: url(../images/networks-button.png) left center no-repeat;
	}	
#greeting-header {  
	background: url(../images/greeting-button.png) left center no-repeat;
	}
#inbox-header {  
	background: url(../images/inbox-button.png) left center no-repeat;
	}
#cam-header {
	background: url(../images/cam-button.png) left center no-repeat;	
}
#files-header {
	background: url(../images/files-button.png) left center no-repeat;	
}
.application-header {
	margin: 0;
	color: #ccffc6;
	height: 50px;
	border: none;
	padding: 10px 0 0px 60px;  	
}	 

/* zend_form */
.zend_form {
    background: #333;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #666;	
}

/* profile-info */
#profile-edit-wrapper {
    background: #000;
    padding: 30px;	
}

#profile-info {
	overflow: auto;
}

/* Profile picture */
#profile-picture {
	float: left;
	width: 220px;
	text-align: center;
}

#profile-picture img {
	width: 200px;
	padding: 10px;
	background: #333;
	display: block;
}

/* check-out-my-profile */
div#check-out-my-profile {
    margin-top: 0px;	
}
#check-out-my-profile {
	float: right;
}

#check-out-my-profile h1 {
	color: #ccffc6;
	font-size: 2.5em;
	padding-bottom: 5px;
	margin: 0;
	border-bottom: solid 1px;
}

#check-out-my-profile h2 {
	margin: 0;
}

#check-out-my-profile dl {
	padding-top: 15px;
}

#check-out-my-profile dt {
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	width: 25%;
	float: left;
	color: #ccffc6;
}

#check-out-my-profile dd {
	width: 70%;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #FFF;
	margin-left: 90px;
}
#user-status {
	margin-top: 10px;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
    border-top: solid 1px #ccffc6;	
}
#status-username {
    color: #ccffc6;	
}
p#status-content {
	margin: 0;
}

/* inbox */
div#inbox-read-wrapper {
    background: #333;
    border: #666 solid 1px;
    padding: 10px;		
}
p#inbox-no-messages {
    background: #333;
    border: #666 solid 1px;
    padding: 10px;	
}
.inbox-msg-body {
	padding-bottom: 15px;
	border-bottom: solid 1px #ccffc6;
}

ul.inbox-msg-list {
    background: #333;
    border: #666 solid 1px;
    padding: 10px;	
}

.inbox-msg-list li {
	font-size: 1.2em;
	margin-bottom: 5px;
}
.inbox-new {
    font-weight: bold;
}
.inbox-new a {
    color: #DDF;
}
.inbox-new a:hover {
    color: #FFF;
} 
.inbox-read-datetime {
    font-size: 1.0em;
}
img#sender-picture {
	width: 50px;
}

/* Invite */
input#invite-email {
    width: 100%;	
}

/* search */
#search-wrapper {
    background: #333;
    border: #666 1px solid;
    padding: 10px;	
}
#search-wrapper dt {
    font-size: 1.4em;
    font-weight: bold;
    padding : 5px 0px;
    border-top: solid 1px #666;
}
#search-wrapper dd {
    font-size: 1.2em;
    padding-bottom: 5px;
}
/* blog */
#blog p, h2 {
    margin: 0;
}
.blog-post {
	height: 100%;
	padding: 5px 0 5px 20px;
    background: url(../images/blog-add-icon.png) left center no-repeat;
}
#blog-wrapper {
    border-left: solid 1px #666;
    background: #333;   
    padding: 20px;            
}
#blog-wrapper h1 {
	font-family: serif;
	font-size: 2.5em;
	padding: 0;
	margin: 0px 0px 20px 0;
    border: none;	
}
#blog-wrapper #blog-body {
	padding-left: 20px;
	font-family: sans-serif;
    font-size: 1.2em;	
}
#blog-wrapper #blog-date {
    padding-top: 20px;	
}
#blog-listing-wrapper {
    border: solid 1px #666;
    background: #333;   
    padding: 20px;       	
}
/* photoalbum */
#photoalbum p {
    margin: 0px;	
}
#album-wrapper {
    margin: 20px 0px;	
}
#album-wrapper img {
    width: 75px;
    height: 75px;
}
dl#photoalbum-comments {
    margin: 10px 0px;	
}
#photoalbum-comments dt {
    font-size: 1.4em;
    color: #ccffc6;
}
#photoalbum-comments dd {
	font-size: 1.2em;
    border-bottom: solid 1px #666;
    padding-bottom: 5px;
}
div#album-listing {
	margin-bottom: 5px;
	margin-right: 5px;
    float: left;	
}
#album-listing img {
	display: block;
    width: 50px;	
}
div#upload-status-wrapper {
	padding: 10px;
    background-color: #3b3b3a;	
    border: solid 1px #9a9;
}
#images_wrap span {
    font-size: 1.2em;	
}
/* videos */
#videos p {
    margin: 0px;
}
#videos li {
    font-size: 1.2em;
}
h2.videos-add-header {
	background: #333;
    cursor: pointer;
    margin: 3px 0;	
}
/* cam */
div#cam-wrapper {
    height: 600px;	
}
/* friends */
#friends-list li {
    font-size: 1.2em;
}
div.friend {
	padding-left: 5px;
    float: left;	
}
div.friend img {
    width: 50px;
}
p.online {
	margin: 0;
	font-size: 1em;
	padding-left: 20px;
    background: url(../images/online-icon.png) left top no-repeat;
}
p.offline {
	margin: 0;
	font-size: 1em;
}

/* Comments */
p#comments-add {
    margin: 0;	
}
img.comment-picture {
    width: 50px;
    float: left;
}
div.comments-info {
	padding-left: 5px;
	width: 240px;
    border-top: solid 1px #9a9;	
    border-bottom: solid 1px #9a9;
    background-color: #3b3b3a;
}
.comments-info strong {
	font-size: 1.1em;
    color: #ccffc6;	
}
p.comment-body {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
    width: 245px;
}
div.comment {
    margin-left: 80px;
}

/* networks */
div#network-wrapper ul li {
    font-size: 1.2em;    	
}
div#network-wrapper h2 {
	cursor: pointer;
    margin-top: 10px;	
}
div#network-wrapper ul {
    background: #333;
    padding: 10px;
    border: #666 solid 1px;	
}

/* Addrbook */
#contact-list li {
	margin-left: 20px;
    font-size: 1.2em;
}
#contact-list li em {
    font-size: 0.9em;	
}
#address-add-icon {
    background: url(../images/book_add.png) left center no-repeat;
    padding-left: 20px;   	
}
/* Trade */
span.trade-delete-link {
    font-weight: normal;	
}
#trade p {
    margin: 0;
}
div#trade-wrapper h2 {
	background: #555;
	padding: 5px 0 5px 10px;
    margin-top: 10px;    	
}
div#trade-wrapper h2#add-trade {
	margin-top: 20px;
    background: none;  	
}
div.trade-content {
	overflow: auto;
    background: #333; 
    border: #666 solid 1px; 
    padding: 5px;
}
div.trade-rating {
    background: #333; 
    border: #666 solid 1px; 
    padding: 5px;  	
}
dl.trading-post {
	font-size: 1.2em;
	width: 41.1em;
	padding: 0;
}

.trading-post dt {
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #444;
	font-weight: bold;
}

.trading-post dd {
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #666;
	border-left: 1px solid #666;	
}
/* games */
ul#games-list
{
	margin-left: 20px;
	margin-top: 10px;
}

ul#games-list li
{
	width: 120px;
	height: 160px;
	margin-bottom: 15px;
	margin-right: 10px;
	text-align: center;
	display: inline;
	float: left;
	border: solid 1px #666;
}

ul#games-list li h2
{
	display: block;
	height: 3em;
	background: #333;
	margin-bottom: 5px;
}
ul#games-list li a
{
font-size: 1.2em;
}
 
/* Sell */
#sell p {
    margin: 0;
}
/* Stats */
#stats p {
    margin: 0;
}
div#stats-wrapper {
    background: #333;
    border: 1px solid #666;
    padding: 10px;    	
}
/* snoop */
div#snoop-wrapper {
    background: #333;
    border: 1px solid #666;
    padding: 10px;      	
}
#snoop-wrapper ul li {
    font-size: 1.2em;                        
}            
/* greeting card */
form#greeting-form {
    width: 510px;	
}
#greeting-form img {
    width: 50px;
    height: 50px;	
}
#greeting-wrapper {
    padding:  40px 40px;
    margin: 20px;
    text-align: center;
    font-family: serif;
    min-height: 400px;
}
#greeting-title {
    font-size: 3em;
    margin-bottom: 40px;
}
#greeting-message {
    font-size: 1.8em;
    text-align: left;
}
#greeting-preview-nav {
    font-size: 1.2em;
    display: inline;
    margin-left: 20px;
}
#greeting-preview-nav li {
    display: inline;
    padding: 10px;
    text-decoration: underline;
}

/* Messaging */
#messaging-wrapper #screen {
    border:1px solid silver; 
    width: 500px; 
    height: 200px;
    background-color: gray;
    padding: 5px;
    overflow: auto;
    margin: 15px 0;
}
#messaging-wrapper input {
	display: block;
	width: 500px;
    background-color: #FF6;
}
#request {
	display: none;
    width: 100px;
    border: solid 1px #005;
    background: #99C;
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 10px;
}
#request p {
    padding: 0;
    margin: 0;
}
#requestconf {
    color: #FF0;
}
div#font-color-selector {
	width: 500px;
	padding-bottom: 20px;
    border-bottom: solid 1px #666;	
}
label.chat-label {
	padding-right: 5px;
    font-size: 1.2em;    	
}
#close-chat {
    display: block;
    position: relative;
    left: 415px;
    cursor: pointer;
}
/* Where I've been */
h2#wib-username-map {
	display: inline;
	background: #333;
	padding: 5px;
	border: 1px solid #666;
}
div#map-wrapper {
	color: #000;
}
div#map-wrapper h1 {
	font-size: 1.3em;
	border: none;
}
div#map-wrapper p#side_bar_header {
	font-size: 1em;
    color: #FFF;	
}
div#map {
	border: solid 2px #666;
    border-right: solid 2px #333;
    border-bottom: solid 2px #333;    	
}
a#map-reset-map {
	text-decoration: underline;
	display: block;
    font-size: 1.2em;
    margin-bottom: 5px;	
}
.wib-listing {
    line-height: 1em;
    padding:0 0 5px 20px;	
}
#wib p {
    margin: 0;
}
a#map-view-link {
	font-size: 1.2em;
}

/* Community profiles */
#comm-profiles p {
    margin: 0; 
}
p.comm-profile-link {
    background: url(../images/comm-profile-icon-link.png) left center no-repeat;  	
}
a.comm-link {
    padding-left: 20px;    	
}
/* Radio */
#radiostation p {
    margin: 0;
}
.radio-box {
    padding-left: 10px;
}
#upload-process {
    display: none;	
}
/* Calendar */
table#calendar
{
	background: #333;

}

table#calendar td.month
{
	font-size: 1.2em;
	padding-bottom: 5px;
	color: #ccffc6;
	font-weight: bold;
}

table#calendar tr
{
	text-align: center;
}

table#calendar tr.daynames td
{
	width: 40px;
	height: 1.2em;
    background: #666;
	color: #fff;
	font-weight: bold;
}

table#calendar tr.week td
{
	height: 12px;
	font-size: 1.2em;
}

table#calendar td.today
{
	background: #444;
}

a.monthnav
{
	font-size: 1.4em;
	color: #ccffc6;
	text-decoration: none;
}

a.monthnav:hover
{
	color: #ccffc6;
	text-decoration: underline;
}
a.events {
	font-weight: bold;
    text-decoration: underline;
}
div#event-wrapper {
	padding: 10px;
    background: #333;
    border: solid 1px #666;
    margin-bottom: 20px;
}
#event-wrapper .event-date {
	padding-left: 10px;
    font-weight: bold;
    color: #ccffc6;
}
#event-wrapper .event-title {
	background: #333;
	font-size: 2em;
    margin-bottom: 5px;
    padding-left: 10px;
}
#event-wrapper .event-info {
	background: #000;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
    padding: 10px 0 10px 20px;
}
/* classified */
.classified-category {
	background: #333;
	margin: 10px 0;
	border: solid 1px #666;
}
.classified-category h2 {
	padding: 5px;
    background: #666;
    border-bottom: solid 1px #666;
}
.classified-category .classified-add-link {
    font-style: italic;
	padding: 5px;
    border-top: solid 1px #666;
    border-right: solid 1px #666;
}
.classified-category ul {
	padding-left: 10px;
    margin: 10px 0 20px 0;
}
.classified-category ul li {
    padding-bottom: 5px;
    font-size: 1.2em;
}
.classified-category ul li a {
    text-decoration: underline;
}
#kr-promo p {
    font-size: 1.3em;
}