/*Yahoo CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*Yahoo CSS Reset*/
body {
	background: #000 url(../images/bg_main.jpg) repeat-x 0 2.5em;
	*background-position: 0 2.2em;
	color: #fff;
	font: normal 62.5% Verdana,Arial,Helvetica,sans-serif;
}

a {
	color: #fff;
}

.anchor-bg {
	display: block;
	height: 0;
	overflow: hidden;
}

#footer,
#content,
#header {
	margin: 0 auto;
	min-width: 997px;/* optional but recommended */ 
	width: 78.77em;/* non-IE */ 
	*width: 76.82em;/* IE */ 
	_width: 100em;
}

/*Header*/
#headercontainer {
	background: #000;
}

#header {
	overflow: hidden;
}

#logo {
	background: url(../images/fitizen_logo.jpg) no-repeat 0 5px;
	float: left;
	padding-top: 38px;
	width: 159px;
}

#nav {
	float: right;
	font: bold 1.5em verdana;
	overflow: hidden;
	text-decoration: none;
}

#nav li {
	float: left;	
	line-height: 2.5;
	*line-height: 2.6;
}

#nav li:hover {
	background: #333;
}

#nav li a {
	display: block;
	padding: 0 1em;
	text-decoration: none;
}

#nav li a:hover {
	background: #666;
}

#nav li ul {
	background: #333;
	display: none;
	position: absolute;
	z-index: 10;
}

#nav li:hover ul {
	display: block;
}

#nav li ul li {
	float: none;
}
/*End Header*/
/*Footer*/
#footer {
	clear: both;
	padding: 50px 0 20px;
}

#footer ul {
	float: right;
}

#footer ul li {
	border-left: 1px solid #fff;
	float: left;
	padding: 0 1em;
}

#footer ul li.first {
	border-left: none;
}

#footer ul li a {
	text-decoration: none;
}

/*End Footer*/
/*Forms*/
form {
	margin: 0 auto;
	width: 287px;
}

form .input {
	overflow: hidden;
	padding: 3px 0;
}

form .error-message {
	clear: both;
}

form legend {
	padding-bottom: 10px;
	_margin-left: -7px;
}

form label {
	display: block;
	float: left;
	line-height: 22px;
	width: 125px;
}

.multiinput legend {
	float: left;
	margin-bottom: -27px;
}

.multiinput label,
.multiinput input {
	border: 0;
	margin-right: 5px;
	width: auto;
}

#AccountGenderM {
	margin-left: 125px;
}

#AccountBirthdayMonth {
	margin-left: 75px;
}

#agree {
	padding-top: 10px;
}

form #AccountHatSize,
form input {
	border: 1px solid #000;
	height: 20px;
	float: left;
	padding: 2px 0 0 2px;
	width: 150px;
}

form option {
	padding: 2px;
}

form textarea {
	border: 1px solid #000;
}

form .submit {
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}

form .submit input {
	background: #000;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer;
	float: none;
	height: 25px;
	padding: 2px 5px 4px;
	width: auto;
}

form .instruct {
	clear: both;
	padding-bottom: 4px;
}

#DesignSubmitForm,
#commentform {
	margin: 0;
}

#DesignSubmitForm label {
	_clear: both;
	display: block;
	float: none;
	width: 150px;
}

#DesignSubmitForm textarea {
	width: 100%;
}

#DesignSubmitForm #DesignAgree {
	border: 0;
	float: left;
	width: auto;
}

#DesignSubmitForm .cblabel {
	_clear: none;
	float: left;
	width: 200px;
}

#DesignSubmitForm #FileImage {
	margin-bottom: 5px;
}

#DesignSubmitForm .submit input {
	background: #000;
	border: 1px solid #fcd100;
	color: #fff;
}

#AccountProfileForm .multiinput {
	overflow: auto;
}

#AccountProfileForm .multiinput legend {
	font-weight: normal;
	padding: 0 10px 0 0;
	text-transform: none;
}

#AccountProfileForm .multiinput fieldset {
	width: auto;
}

#AccountProfileForm .multiinput #AccountGenderM,
#AccountProfileForm .multiinput #AccountBirthdayMonth {
	margin-left: 60px;
	_margin-left: 50px;
}

#AccountProfileForm,
#AccountUpdateForm {
	margin: 0;
	overflow: hidden;
	padding: 30px 15px;
	width: 385px;
}

#AccountProfileForm .instruct {
	text-align: right;
}

#AccountProfileForm #description,
#AccountUpdateForm #description {
	padding-bottom: 15px;
	padding-left: 0;
	width: 275px;
}

#AccountProfileForm fieldset legend,
#AccountUpdateForm fieldset legend {
	padding-top: 25px;
}

#AccountUpdateForm label {
	padding-right: 10px;
	text-align: right;
}

#AccountUpdateForm #description label {
	text-align: left;
	text-indent: 10px;
}

#AccountProfileForm #description textarea,
#AccountUpdateForm #description textarea {
	margin-left: 10px;
}

#AccountUpdateForm #FileImage {
	clear: left;
	margin-left: 10px;
}

#AccountUpdateForm fieldset {
	float: left;
	padding-top: 1px;
	width: 300px;
}

#AccountProfileForm .submit,
#AccountUpdateForm .submit {
	padding-right: 17px;
}

#AccountLoginForm {
	padding-bottom: 35px;
}

#AccountRegisterForm h2,
#AccountLoginForm h2 {
	display: block;
	margin-bottom: 15px;
}

#commentform {
	width: 45%;
}

#commentform .textarea label {
	display: none;
}

#commentform textarea {
	width: 100%;
}

#commentform input {
	width: auto;
}

#commentform .submit {
	padding-right: 0;
}

#commentform .submit input {
	position: relative;
	top: -25px;
}

#commentform #CommentReport,
form #AccountAgree,
form #LoginRemember {
	border: 0;
	width: auto;
	vertical-align: middle;
}

.cblabel {
	display: inline;
	line-height: normal;
	padding: 0 5px;
	width: 200px;
}

/*End Forms*/

/*Design*/
.design-short-desc li {
	float: left;
	text-align: center;
	width: 16.6em;
}

.design-short-desc dt {
	display: none;
}

.design-short-desc dd {
	padding-bottom: 5px;
}

.design-short-desc .title {
	font-size: 1.2em;
}

.design-short-desc .designer a {
	color: #0099FF;
	text-decoration: none;
}

.design-short-desc .designer a:hover {
	text-decoration: underline;
}

#designinfo {
	clear: both;
	padding-bottom: 20px;
}

#designinfo h1 {
	color: #FFCC00;
	font-size: 3em;
	padding: 28px 0 .3em 0;
}

#designinfo a {
	color: #1387DE;
}

#viewport {
	float: left;
	margin: 0 10px 0 0;
}

#rating-system {
	float: left;
}

#rating-system li {
	padding-bottom: 7px;
}

#rating-system li.selected span,
#rating-system li a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 2em;
	height: 75px;
	line-height: 75px;
	text-align: center;
	text-decoration: none;
	width: 75px;
}

#rating-system li.selected span,
#rating-system li a:hover {
	background-color: #333;
}

#commentscontainer {
	clear: both;
	padding-top: 25px;
}

#commentscontainer #description {
	float: right;
	width: 45%;
}

#commentscontainer h2 {
	color: #bdbdbd;
	font-size: 2em;
	font-weight: bold;
}

#commentscontainer h2 a {
	color: #bdbdbd;
}

#commentscontainer #comments li {
	padding-left: 25px;
}
#commentscontainer #comments li dl {
	overflow: auto;
	padding-bottom: 15px;
}

#commentscontainer #comments li dl dt {
	display: none;
}

#commentscontainer #comments li dl dd {
	background: #222;
	border-top: 1px solid #666;
	float: left;
	padding: 8px;
}

#commentscontainer #comments li dl dd.image img {
	width: 75px;
}

#commentscontainer #comments li dl dd.user ,
#commentscontainer #comments li dl dd.date ,
#commentscontainer #comments li dl dd.replies {
	height: 3em;
	line-height: 3em;
}

#commentscontainer #comments li dl dd.user a {
	color: #0099ff;	
	font-size: 2em;
	text-decoration: none;
}

#commentscontainer #comments li dl dd.user a:hover {
	text-decoration: underline;
}

#commentscontainer #comments li dl dd.replies {
	text-align: right;
	width: 47em;
}

#commentscontainer #comments li dl dd.action,
#commentscontainer #comments li dl dd.comment {
	background: none;
	border: 0;
	width: 65em;
}

#commentscontainer #comments li dl dd.comment {
	min-height: 6em;
}

#commentscontainer #comments li dl dd.action {
	text-align: right;
	width: 72.3em;
}

/*End Design*/

h1 {
	font-size: 2em;
}

/*Content*/

h2.accessibility,
h1#accessibility {
	text-indent: -10000px;
}

.pagination .current,
.pagination a,
.button {
	border: 1px solid #fff;
	margin-right: 5px;
	padding: 2px 7px;
	text-decoration: none;
}

.pagination .current,
.pagination a:hover,
.button:hover {
	background: #666;
}

/*Homepage*/
#flavor {
	border: 1px solid #666;
	float: left;
	height: 280px;
	width: 360px;
}

#bannernav {
	display: none;
}

#flavor h2,
	float: none;
#store h2 {
	height: 0;
	overflow: hidden;
}

#store .design-short-desc li {
	border: 1px solid #666;
	_height: 280px;
	margin-left: 19px;
	_margin-left: 18px;
	min-height: 280px;
	width: auto;
}

#store .design-short-desc li dl {
	padding: 2em;
	width: 15em;
}

#store .design-short-desc li dl dd {
	min-height: 2em;
}

#store .design-short-desc .title {
	color: #FFCC00; 
	font-size: .95em;
	font-weight: bold;
	text-align: left;
}

#store .design-short-desc .designer {
	text-align: left;
}

#store .design-short-desc .buy {
	text-align: right;
}

#store .design-short-desc .buy span {
	float: left;
}

#store .design-short-desc .buy a {
	background: #fcca09 url(../images/button_buy_bg.jpg) repeat-x;
	color: #000;
	font-size: 1.1em;
	padding: .5em 2em;
	text-decoration: none;
}

#featured-submissions {
	clear: both;
	padding-top: 50px;
}

#featured-submissions h2 {
	color: #FFCC00;
	font-size: 3.7em;
	text-align: center;
	text-transform: uppercase;
}

#featured-submissions p {
	color: #666666;
	font-size: 1.2em;
	padding: 0 195px 1em;
}

#featured-submissions dl {
	padding-top: 30px;
}
/*End Homepage*/
/*Rate page*/
.ratefilters {
	display: none;
}

.pagination {
	clear: both;
	font-size: 1.3em;
	padding: 25px 0;
	text-align: right;
}

.pagination .disabled {
	display: none;
}

/*End Rate page*/
/*Profile page*/
#extended-profile,
#profile {
	float: left;
	width: 49.5%;
}

#designlist li dl .name,
#designlist li dl dt,
#profile dt {
	display: none;
}

#profile .profileimage {
	float: left;
	padding-right: 15px;
}

#profile .profileimage .button {
	border-top: 0;
	display: block;
	margin-top: -2px;
	width: 6em;
}

#profile .username {
	color: #ffcc00;
	font-size: 3em;
	font-weight: bold;
}

#extended-profile {
	background: #000;
	border: 1px solid #333;
	padding: 20px 0;
}

#extended-profile dt,
#extended-profile dd {
	float: left;
}

#extended-profile dt {
	clear: left;
	color: #ffcc00;
	padding: 0 1em 1em 20px;
}

#extended-profile dd {
	padding-right: 20px;
}

h2.designssubmitted {
	color: #999;
	font-size: 2em;
	text-transform: uppercase;
}

#designlist {
	padding: 15px 0;
}

#designlist li dl dd {
	padding-bottom: 20px;
}
/*End Profile page*/
/*Submission Page*/
#instructions ol {
	margin-left: -32px;
	*margin-left: -22px;
}

#instructions ol li {
	border-bottom: 1px solid #666;
	float: left;
	_height: 270px;
	min-height: 270px;
	margin-left: 32px;
	*margin-left: 22px;
	width: 30%;
}

#instructions ol li h3 {
	font-size: 2em;
	*padding-top: 15px;
}

#instructions ol li h3 span {
	border: 1px solid #ffcc00;
	color: #ffcc00;
	font-weight: bold;
	margin-right: 10px;
	padding: 0.5em 0.8em;
}

#instructions ol li p {
	color: #666;
	padding: 25px 0 25px 1.5em;
}

#instructions ol li #download {
	border: 1px solid #ffcc00;
	display: block;
	margin-left: 2em;
	padding: 1em 2em;
	text-align: center;
	text-decoration: none;
	width: 11em;
}

#instructions ol li #download span {
	color: #ffcc00;
	font-size: 1.5em;
}

#instructions ol li div p,
#instructions ol li ul {
	color: #999;
}

#instructions ol li #includes {
	padding-top: 15px;
}

#instructions ol li #includes p {
	padding-top: 0;
	padding-bottom: 0;
}

#includes ul li span {
	color: #990000;
}

#instructions ol li ul li {
	border: 0;
	float: none;
	_height: auto;
	min-height: 0;
	margin-left: 0;
	padding: 0 0 1em 1.5em;
	width: auto;
}

#submissionguidelines,
#DesignSubmitForm {
	float: left;
	padding-top: 45px;
	width: 49.5%;
}

#submissionguidelines {
	color: #666;
}

#submissionguidelines h2 {
	color: #ffcc00;
	font-size: 1.5em;
	font-weight: bold;
}

#submissionguidelines ul {
	padding-top: 2em;
}

#submissionguidelines ul li {
	padding-bottom: 1em;
}

#DesignSubmitForm {
	width: 40%;
}

#DesignSubmitForm fieldset {
	padding: 2.5em 0 0 55px;
}

/*End Submission Page*/
/*Legal*/
#legal p {
	padding: 5px 0;
}

#legal h3 {
	padding: 20px 0 7px 0;
}

#legal h4 {
	padding: 6px 0;
}

#legal ul {
	padding-left: 20px;
}

#legal ul li {
	padding: 3px 0;
}

#legal dt {
	background: url(../img/bullet.gif) no-repeat 10px 24px;
	padding: 20px 0 5px 19px;
}

#legal dd {
	padding-left: 19px;
}

/*Company*/
#company {
	float: left;
	width: 583px;
}

#team {
	list-style: none;
	padding-bottom: 25px;
}

#legal #team,
#team ul,
#legal #team li {
	padding: 0;
}

#legal #team li {
	float: left;
	padding-right: 3px;
}

#legal #team .clearpadding {
	padding-right: 0;
}

#founders {
	height: 1%;
	list-style: none;
	padding: 30px 0;
}

#founders dt {
	display: none;
}

#legal #founders dd {
	padding: 0;
	width: 142px;
}

#legal #founders .name {
	padding: 10px 0;
}
/*End Company*/
.thickbox {
	*display: block;
	*overflow: hidden;
	*width: 100px;
}

.thickbox img{
	*width: 600px;
}

/* Begin Facebox PopUp */
#feedback-form { display: none; color: #000; }
#feedback-form h2 { font-size: 130%; }
#facebox .b { background:url(/img/app/b.png); } #facebox .tl { background:url(/img/app/tl.png); } #facebox .tr { background:url(/img/app/tr.png); } #facebox .bl { background:url(/img/app/bl.png); } #facebox .br { background:url(/img/app/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
/* End Facebox PopUp */