@import "pages/all.php";
@import "modules/all.php";


img { border:0; }
* { margin: 0; padding: 0; }
a { text-decoration: none; }

/* Body/HTML*/
body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background: url(gfx/content/background.jpg) no-repeat top center;
}
p { padding: 4px 0 4px 0;}

.clear {
	clear: both;
}

div.error-msg {
	border: 1px solid #db4646;
	padding: 4px 10px 4px 10px;
	margin: 5px 0 5px 0;
	background: #f29b9b;
	color: #960909;
	font-size: 12px;
}
div.success-msg {
	border: 1px solid #91a06f;
	padding: 4px 10px 4px 10px;
	margin: 5px 0 5px 0;
	background: #d9e6be;
	color: #362e2e;
	font-size: 12px;
}

div.warning {
	padding: 5px;
	border: 1px solid #ffab33;
	margin: 4px 0 0 0;
}
div.warning img {
	float: left;
	padding: 0 5px 0 0 ;
}
div.warning p {
	font-size: 11px;
}


div#header {
	/*background: #fff url(gfx/content/header5.jpg) no-repeat top left;*/
	height: 250px;
	width: 900px;
	margin: 0 auto;
}
div#header #wmo {
	padding: 35px 0 0 450px;
}
div#header #slogan {
	padding: 50px 0 0 30px;
}

div#adSense {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 5px 0;
}

div#menu {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../images/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(../images/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */


/* usermenu */
div#usermenu ul {
	list-style-type: square;
	margin: 0 0 0 15px;
	color: #333333;
}
div#usermenu li {
	margin: 0 0 4px 0;
	font-size: 12px;
}
div#usermenu li a {
	color: #333333;
}
div#usermenu li a:hover {
	text-decoration: underline;
}
div#head-usermenu {
	width: 890px;
	padding: 0 0 10px 0;
	background: url(gfx/site/usermenu-bg.png) no-repeat;
}
div#head-usermenu ul#profilemenu {
	list-style-type: none;
	margin: 0 0 0 5px;
}
div#head-usermenu ul#profilemenu li {
	float: left;
	margin: 0 10px 0 0;
	font-family: "Trebuchet MS";
	font-size: 13px;
	padding: 3px 0 3px 0;
}
div#head-usermenu ul#profilemenu li a {
	color: #a51799;
	border-bottom: 1px dashed #a51799;
}
div#head-usermenu ul#profilemenu li a:hover {
	color: #000;
	border-bottom: 1px dashed #a51799;
}
div#head-usermenu ul#profilemenu .current a {
	color: #000;
}


div#container {
	/*background: url(gfx/content/content-bg.png) no-repeat top left;*/
	width: 900px;
	margin: 0 auto;
	clear: both;
	
}

div#left-content {
	float: left;
	width: 595px;
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
	min-height: 400px;
}

div#right-content {
	float: left;
	width: 280px;
	padding: 0 0 0 5px;
	margin: 0 0 0 10px;
}

div#left-content .content {
	background: url(gfx/content/left-box-content.jpg) repeat-y;
	padding: 10px 20px 10px 10px;
	margin: 0;
	width: 575px;
}
div#left-content .content-top {
	width: 585px;
	height: 50px;
	padding: 0 10px 0 10px;
	margin: 5px 0 0 0;
	background: url(gfx/content/left-box-head.jpg) no-repeat top left;
}
div#left-content .content-top h1,  div#left-content .content-top h2, div#left-content .content-top h3, div#left-content .content-top h4 {
	color: #fff;
	font-size: 14px;
	padding: 15px 0 0 15px;
}
div#left-content .content-top h1 a,  div#left-content .content-top h2 a, div#left-content .content-top h3 a, div#left-content .content-top h4 a {
	color: #fff;
}
div#left-content .content-top h1 a:hover,  div#left-content .content-top h2 a:hover, div#left-content .content-top h3 a:hover, div#left-content .content-top h4 a:hover {
	text-decoration: underline;
}

div#left-content .content-foot {
	width: 585px;
	height: 8px;
	padding: 0 10px 0 10px;
	background: url(gfx/content/left-box-bottom.jpg) no-repeat top left;
	margin: 0 0 5px 0;
}

div#left-content h1 {
	margin:0;
	padding: 3px 0 5px 0;
	color: #000;
	font-size: 16px;
}
div#left-content h2 {
	margin:0;
	font-weight: normal;
	font-size: 16px;
	padding: 3px 0 5px 0;
	color: #000;
}

div#left-content h3 {
	margin:0;
	font-size: 15px;
	padding: 3px 0 5px 0;
	color: #000;
}


div#right-content .content {
	padding: 10px;
	background: url(gfx/content/right-box-content.jpg) repeat-y;
	
	margin: 0;
	/* color:#98c6cd; */
}
div#right-content .content-top {
	width: 280px;
	height: 50px;
	margin: 5px 0 0 0;
	background: url(gfx/content/right-box-head.jpg) no-repeat;
}
div#right-content .content-foot {
	width: 280px;
	height: 8px;
	background: url(gfx/content/right-box-bottom.jpg) no-repeat;
	margin: 0 0 5px 0;
}

div#right-content .contentWithoutBack {
	padding: 10px;
	margin: 5px 0 5px 0;
}
div.contentWithoutBack a {
	color: #000;
	font-size: 13px;
	padding: 0 0 4px 0;
}
div.contentWithoutBack a:hover {
	text-decoration: underline;
}

div#right-content h4 {
	padding: 15px 0 10px 25px;
	color: #fff;
	/* color:#54929c;	*/
	/* background: #b2c7c8; */
	/*padding-left:20px;*/
}

div#foot {
	background:#313131 url(gfx/content/footer_02.jpg) repeat-x top left;
	clear: both;
	color:#cda1e9;
	/*width: 900px;
	margin: 0 auto;*/
}

div#foot input, textarea {
	/*filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;*/

}

div#foot-end {
	clear: both;
	color:#888888;
	background-color:#222222;
	text-align:center;
	padding: 10px 0 15px 0;
}
div#foot-end a { 
	color:#888888;
}

div#foot-header {
	background-image: url(gfx/content/footer_01.jpg);
	height:20px;
}

div#foot-content {
	width:900px;
	margin: 0 auto;
}

div#foot-left {
	width:450px;
	min-height:200px;
	float:left;
	background: url(gfx/content/footerbegin.png) no-repeat top left;
	
}

div#foot-left-content {
padding:10px 5px 5px 20px;
}

div#foot-right {
	width:450px;
	min-height:200px;
	float:left;
	background: url(gfx/content/footerbegin.png) no-repeat top left ;
}

div#foot-right-content {
padding:10px 5px 5px 20px;
}

div#foot-right-content h3{
	padding:0 0 15px 0;
}

div#foot-right-content img {
border:2px solid #666666;
padding:4px 4px 4px 4px;
margin: 0 2px 4px 0;
}


div#welcome-and-recent {

}
div.recent-outfit {
	float: left;
	width: 200px;
	margin: 0 20px 8px 45px;
	padding: 8px 6px 4px 6px;
	/*border: 1px solid #e7e6e6;
	background: #fff;*/
}
div.recent-outfit .outfit-thumb {
	border: 1px solid #000;
}
div.recent-outfit h4, div.recent-outfit h4 a {
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 13px;
	color: #333333;
	overflow: hidden;
}
div.recent-outfit h4 a:hover {
	text-decoration: underline;
}
div.recent-outfit h3 {
	font-family: "Century Gothic", Arial;
}
div.recent-outfit .website-url {
	font-size: 11px;
	margin: 0 0 3px 0;
	padding: 0;
}
div.recent-outfit .website-url a {
	color: #000;
}
div.recent-outfit .website-url a:hover {
	text-decoration: underline;
}
.recent-vote {
	
	font-size: 13px;
}
.recent-vote {
	float: right;
}


div.paging {
	text-align: center;
}
div.paging a {
	color: #CC3399;
}


div#profile {

}
div#profile #person-info {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #CCCCCC;
}
div#profile-avatar {
	width: 110px;
	float: left;
}
div#profile-text {
	float: left;
	width: 400px;
	overflow: hidden;
	color: #383636;
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#profile-avatar img {
	background: #fff;
	padding: 3px;
	border: 1px solid #c0c0c0;
}
div#profile .fullname {
	color: #000;
}
div.box-arrow-bg {
	background: url(gfx/content/box-arrow-bg.png) no-repeat top left;
	padding: 12px 0 0 0;
	margin: 4px 0 0 15px;
	position: relative;
	top: 1px;
}
div#profile .homepage a {
	color: #333333;
	border-bottom: 1px dashed #333333;
}

div#profile-box img {
	float: left;
	margin: 0 3px 0 0;
	background: #fff;
	padding: 3px;
	border: 1px solid #c0c0c0;
}
div#profile-box ul {
	padding: 0 0 0 4px;
	list-style-type: none;
}
div#profile-box li {
	font-size: 12px;
	padding: 0 0 3px 0;
}


/* Stats */

div#statics-box ul {
	padding: 0px 0 0 4px;
	list-style-type: none;
}
div#statics-box li {
	font-size: 14px;
	padding: 0 0 3px 0;
}



/* Outfits */

.userinfo-outfit h3 a {
	color: #333333;
}
.userinfo-outfit p img {
	float: left;
	background: #fff;
	padding: 3px;
	margin: 0 5px 0 0;
	border: 1px solid #c0c0c0;
}
.userinfo-outfit span {
	display: block;
}
.userinfo-outfit .fullname {
	color: #000;
}
.userinfo-outfit .homepage a {
	color: #333333;
	border-bottom: 1px dashed #333333;
}


/* Sign up */
div#signup label {
	color: #b48234;
	font-weight: bold;
	font-size: 13px;
}
div#signup p span {
	font-size: 13px;
}

/* Edit profile */
div#edit-avatar label {
	color: #b48234;
	font-weight: bold;
	font-size: 13px;
}
div#edit-avatar p span {
	font-size: 13px;
}
div#edit-pass label {
	color: #b48234;
	font-weight: bold;
	font-size: 13px;
}
div#edit-pass p span {
	font-size: 13px;
}
div#editprofile label {
	color: #b48234;
	font-weight: bold;
	font-size: 13px;
}
div#editprofile p span {
	font-size: 13px;
}


div#show-outfit h4 {
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 18px;
	color: #333333;
}
div#show-outfit .outfit-image {
	border: 1px solid #000;
}
#outfit-container-box {
	padding: 10px 0 0 0;
}
#outfitimage {
	width: 220px;
	float: left;
}
div#show-outfit .outfit-desc {
	font-size: 12px;
	
}
div#show-outfit .desc-head {
	font-size: 12px;
	font-weight: bold;
	
}
div#show-outfit #outfit-date {
	font-size: 12px;
}
div#show-outfit #outfit-date span {
	display: block;
	font-weight: bold;
}
div#show-outfit #share-to-friends {
	display: inline;
	float:right;
	padding:5px;
}

.ink-code {
	font-size: 12px;
	font-weight: bold;
}
.ink-code input {
	display: block;
	background: #fff;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-size: 12px;
}
.perma {
	font-size: 12px;
	font-weight: bold;
}
.perma a {
	font-weight: normal;
	color: #333333; 
} 
.perma a:hover {
	text-decoration: underline;
} 
.perma span {
	display: block;
}


/* new outfit */
div#new-outfit p {
	width: 300px;
}
div#new-outfit p span {
	font-size: 13px;
}
div#new-outfit label {
	color: #b48234;
	font-weight: bold;
	font-size: 13px;
}
.req, #new-outfit .req {
	color: #CC0033;
}

div.latest-outfit-box {
	float: left;
	width: 123px;
	margin: 0 4px 8px 0;
	padding: 4px 6px 4px 6px;
	/*border: 1px solid #e7e6e6;
	background: #fff;*/
}
.outfit-description {
	clear: both;
	height: 50px;
	overflow: hidden;
	font-size: 11px;
	
}
div.latest-outfit-box .outfit-thumb {
	border: 1px solid #000;
}
div.latest-outfit-box h4, div.latest-outfit-box h4 a {
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 13px;
	color: #4289c1;
	overflow: hidden;
	height: 15px;
}
div.latest-outfit-box h4 a:hover {
	text-decoration: underline;
	
}
div.latest-outfit-box .website-url {
	font-size: 11px;
	margin: 0 0 3px 0;
	padding: 0;
}
div.latest-outfit-box .website-url a {
	color: #000;
}
div.latest-outfit-box .website-url a:hover {
	text-decoration: underline;
}

#vote {
	width: 200px;
	font-size: 13px;
}
#vote span {
	float: right;
}

.vote {
	font-size: 11px;
}
.vote {
	float: right;
}
.voteup-bar {
	margin: 4px 0 0 0;
	background: url(gfx/site/voteup-bar.png) repeat-x;
	height: 10px;
	float: left;
}
.votedown-bar {
	margin: 4px 0 0 0;
	background: url(gfx/site/votedown-bar.png) repeat-x;
	height: 10px;
	float: left;
}
.novotes-bar {
	margin: 4px 0 0 0;
	background: url(gfx/site/novotes-bar.png) repeat-x;
	height: 10px;
	float: left;
}
div#handle-outfit {
	padding: 15px 0 0 0;
	font-weight: bold;
}
div#handle-outfit img {
	padding: 0 5px 0 0;
}
div#handle-outfit span {
	color: #b48234;
	font-weight: bold;
}


#tags {
	width: 200px;
	font-size: 13px;
	font-weight: bold;
}
#tags span {
	display: block;
}
#tags a {
	color: #b48234;
	font-weight: normal;
}
#tags a:hover {
	text-decoration: underline;
}

.output-website {
	font-size: 11px;
	overflow: hidden;
}

div#tags-box a {
	color: #333333;
}
div#tags-box a:hover {
	text-decoration: underline;
}

/* Top list */
div#top-voted-outfits ul {
	list-style-type: none;
	margin: 10px 0 0 0px;
}
div#top-voted-outfits li img {
	width: 80px;
	height: 108px;
	border: 1px solid #000;
}
div#top-voted-outfits li {
	float: left;
	padding: 0 4px 4px 0;
}



/* Comments */
div.comment-container {
	clear: both;
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
}
div.comment-info {
	clear: both;
	background: #fff;
	border: 1px solid #CCCCCC;
	width: 90px;
	padding: 4px 4px 4px 4px;
	float: left;
}
div.comment-info p {
	margin: 0;
	padding: 0;
}
.comment-date {
	font-size: 13px;
	border-bottom: 1px dashed #999999;
	font-style: italic;
	margin: 0 0 5px 0;
}
.comment-date img {
	padding: 0 0 0 4px;
}
.comment-date .comment-to-profile a {
	color: #333333;
	font-style: normal;
	font-size: 15px;
	padding: 0 5px 0 0;
	font-weight: bold;
}
.comment-date .comment-to-profile a:hover {
 	text-decoration: underline;
}

div.comment-arrow-box {
	float: left;
	width: 17px;
	height: 50px;
	margin: 10px 0 0 0;
	position: relative;
	right: 1px;
	background: url(gfx/content/comment-arrow-bg.png) no-repeat;
}
div.comment-text {
	float: left;
	width: 410px;
	border: 1px solid #CCCCCC;
	background: #fff;
	overflow: hidden;
	padding: 5px;
	margin: 0 0 0 10px;
	min-height: 90px;
}
.comment {
	font-size: 12px;
}
#comment-form {
	float: left;
	padding: 0 0 0 10px;
}

.comment-sbmit {
	margin: 0 0 0 50px;
}


/* About MMS */
div#about-mms {
	line-height: 20px;
	font-size: 14px;
}
div#about-mms h4 {
	color: #b48234;
}
div#about-mms ul {
	list-style-type: square;
	margin: 0 0 0 15px;
}

/* About WMO */
div#about-wmo {
	line-height: 20px;
	font-size: 14px;
}
div#about-wmo a {
	color: #333333;
	font-weight: bold;
}
div#about-wmo h4 {
	color: #b48234;
}

/* forms */
#left-content label, #foot-content label {
	display: block;
	padding: 10px 0 0px 0;
	text-transform: capitalize;
	font-size: 12px;
}
#right-content label {
	display: block;
	padding: 0 0 0px 0;
	text-transform: capitalize;
	font-size: 12px;
}
#right-content input[type=text], #right-content input[type=password] {
	padding: 5px;
	width: 240px;
	margin: 0 0 5px 0;
}
#left-content input[type=text], #foot-content input[type=text], #left-content input[type=password], #left-content input[type=file] {
	padding: 5px;
	width: 240px;
}
input[type=submit] {
	display: block;
	margin: 5px 0;
	background: #000;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 4px 7px 4px 7px;
}
div.form-separator {
	border-top: 1px dashed #999999;
	margin: 4px 0 0 0;
	padding: 0 0 5px 0;
}
.captcha {
	float: left;
	margin: 5px 5px 0 0;
	width: 20px;
}
#image {
	float: left;
}
.feedback-btn {
	margin: 5px 0 0 4px;
	display: inline;
}


.register-lostpw {
	margin: 10px 0 0 0;
}
.register-lostpw a {
	padding: 4px 7px 4px 7px;
	background: #000;
	color: #fff;
}

.logout-btn {
	padding: 4px 7px 4px 7px;
	background: #000;
	color: #fff;
	cursor: pointer;
	border: 0; 
}


div#filter-gallery label {
	text-transform: none;
}
div#filter-gallery .filter-controll {
	float: left;
	width: 250px;
	margin: 0 5px 0 0;
}
div#filter-gallery .filter-post {
	float: left;
	width: 50px;
	margin: 20px 0 0 0;
}
div#filter-gallery ul {
	list-style-type: none;
	margin: 10px 0 0 0;
}
div#filter-gallery li {
	float: left;
	margin: 0 10px 0 0;
	background: #6b86b5;
	border: 1px solid #42619c;
}
div#filter-gallery li a {
	color: #fff;
	padding: 2px 4px 6px 4px;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 12px;
	display: inline;
}

.news-box {
	padding: 5px 0 5px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.news-box .news-title a {
	color: #FF3399;
}
.news-box .news-title a:hover {
	text-decoration: underline;
}
.news-box .news-title {
	font-size: 16px;
	font-weight: bold;
}
.news-box .news-title span {
	display: block;
	font-size: 12px;
}
.news-entry {
	line-height: 21px;
}

.news-box h4 a{
	color:#4289c1;
}

.news-box h4 a:hover{
	text-decoration:underline;
}

div#news-entry-date {
	float: left;
	width: 75px;
	height: 75px;
	margin: 10px 10px 0 0;
	background: url(gfx/site/calendar-date.png) no-repeat;
}
div#news-entry-date .yr {
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: center;
	font-size: 12px;	
}
div#news-entry-date .month {
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 0 0;
	text-align: center;
	font-size: 12px;	
}
div#news-entry-date .day {
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 16px;	
}

div#news-entry-body {
	width: 450px;
	float: left;
	
}
div#news-entry-body p {
	line-height: 22px;
}


ul#member-notifications {
	margin: 5px 0 0 0;
	font-size: 12px;
}
ul#member-notifications li {
	border-top: 1px solid #ccc;
	padding: 4px 0 4px 0;
	clear: both;
}
ul#member-notifications li a {
	color: #FF3399;
}
ul#member-notifications li a:hover {
	text-decoration: underline;
}
.notification-avatar {
	float: left;
	height: 37px;
	width: 37px;
	background: #fff;
	padding: 3px;
	border: 1px solid #c0c0c0;
	margin: 0 5px 3px 0;
}
.feed-date {
	color: #999999;
	margin: 0 0 0 3px;
}
.feed-text {
	display: block;
	padding: 0 0 0 30px;
	
}
div#more-outfits {
	float: left;
	padding: 15px 0 0 0;
	width: 450px;
}
div#more-outfits .latest-outfit-box {
	margin-left: 10px;
}
div#more-outfits h3 {
	padding: 0 0 0 5px;
	color: #FF3399;
	border-bottom: 1px dashed #FF3399;
	margin: 0 0 5px 10px;
}

.reg-link a {
	color: #000;
	text-decoration: underline;
}
.reg-link a:hover {
	border-bottom: 1px dashed #000;
	text-decoration: none;
}
#num-new-feeds {
	background: url(../img/site/notifications.png) no-repeat;
	color: #fff;
	display: inline;
	
	padding: 0 6px 2px 6px;
}