/* CONTENT LAYOUT
============================================================================ */

.container {
	padding-bottom: 0;
}

.content .main {
	height: 100%;
}

.content h3 {
	margin: 1em 0 0;
	font-size: .5em;
	font-weight: 900;
	color: #44C8F5;
}

.details .left {
	width: 233px;
}

.details .right {
	width: 415px;
	float: right;
}


/* TITLE BAR
============================================================================ */

.details .titlebar {
	margin-bottom: 0;
}

.details .titlebar h2 {
	background: url('../../images/site/h2_favorites.gif') no-repeat;
	width: 88px;
}

.details .titlebar .sorter {
	margin: 10px 10px 0 0;
	float: right;
}

.details .mytitlebar h2 {
	background: url('../../images/site/h2_my_favorites.gif') no-repeat;
	width: 117px;
}


/* PROFILE AREA
============================================================================ */

.details .prof {
	display: block;
}

.details .prof .picture {
    float: left;
    width: 83px;
    text-align: center;
}

.details .prof .thumb {
	height: 83px;
	background: transparent url('../../images/site/bg_current_outfit_thumb.png') no-repeat 1px 0;
}

.details .prof .thumb a {
    display: block;
}

.details .prof .thumb img {
	display: block;
	margin: 0 auto;
	padding: 8px 0 0;
}

.details .prof .stars {
    display: block;
    margin-top: -5px;
}

.details .prof .stars img {
    width: 8px;
    height: 8px;
}


/* PROFILE INFO (RIGHT ALIGNED)
============================================================================ */

.prof .info {
    width: 110px;
	float: right;
	text-align: right;
}

.prof .info h2 a {
	font-size: .75em;
	line-height: 1em;
	text-decoration: none;
	color: #000000;
}

.prof .info p.location {
	line-height: 1.25em;
	font-size: 0.6875em;
	color: #000000;
}

.prof .info .rating {
	margin: 5px 0 0;
	padding: 0;
	clear: both;
	display: block;
	float: right;
	width: 100px;
	border-top: 1px dotted #6E6E6E;
}

.prof .info .rating h3 {
	margin: 8px 0 0;
	float: right;
	text-align: left;
	width: 84px;
	background: url('../../images/site/h3_wardrobe_rating.gif') no-repeat;
	text-indent: -9999em;
}

.prof .info .rating p {
	clear: both;
	line-height: 1.25em;
	font-size: .625em;
}

.prof .info .outfit h3 {
	width: 66px;
	background: url('../../images/site/h3_outfit_rating.gif') no-repeat;
}


/* MAIN OUTFIT IMAGE
============================================================================ */

.mainimage {
	margin-right: 8px;
	width: 264px;
	height: 375px;
	float: left;
	border-left: 1px dotted #A3A3A3;
	border-right: 1px dotted #A3A3A3;
	position: relative;
}

.mainimage .outfit_overlay {
	position: absolute;
	left: 8px;
	top: 0;
	color: #44C8F5;
}

.mainimage img {
	margin: 0 7px 0;
}


/* PROFILE DETAILS
============================================================================ */

.details .right .outfit_pane p {
	color: #6E6E6E;
	line-height: 1.125em;
}

.page {
    margin: 0 0 1em;
}

.page span {
    font-weight: 900;
}


/* OPTIONS (CONTROL PANEL)
============================================================================ */

.options {
	border-top: 1px dotted #6E6E6E;
	border-bottom: 1px dotted #6E6E6E;
	padding: 3px 0 3px;
}

.options li {
	float: left;
	clear: left;
	margin: 2px 0 2px;
}

.options .circle a {
	width: 120px;
	background: url('../../images/site/gal_controls_circle.gif') no-repeat 0 0;
}

.options .favs a {
	width: 138px;
	background: url('../../images/site/gal_controls_favs.gif') no-repeat 0 0;
}

.options .forward a {
	width: 134px;
	background: url('../../images/site/gal_controls_forward.gif') no-repeat 0 0;
}

.options .flag a {
	width: 144px;
	background: url('../../images/site/gal_controls_flag.gif') no-repeat 0 0;
}

.options .edit a {
	width: 68px;
	background: url('../../images/site/gal_controls_edit.gif') no-repeat 0 0;
}

.options .remove a {
	width: 88px;
	background: url('../../images/site/gal_controls_remove.gif') no-repeat 0 0;
}

.options .remove_circle a {
	width: 151px;
	background: url('../../images/site/gal_controls_rem_circle.gif') no-repeat 0 0;
}

.options .remove_favs a {
	width: 169px;
	background: url('../../images/site/gal_controls_rem_favs.gif') no-repeat 0 0;
}

.options .remove_flag a {
	width: 133px;
	background: url('../../images/site/gal_controls_rem_flag.gif') no-repeat 0 0;
}

.options .circle a:hover,
.options .circle a:active {
	background: url('../../images/site/gal_controls_circle.gif') no-repeat 0 -17px;
}

.options .favs a:hover,
.options .favs a:active {
	background: url('../../images/site/gal_controls_favs.gif') no-repeat 0 -17px;
}

.options .forward a:hover,
.options .forward a:active {
	background: url('../../images/site/gal_controls_forward.gif') no-repeat 0 -17px;
}

.options .flag a:hover,
.options .flag a:active {
	background: url('../../images/site/gal_controls_flag.gif') no-repeat 0 -17px;
}

.options .edit a:hover,
.options .edit a:active {
	background: url('../../images/site/gal_controls_edit.gif') no-repeat 0 -17px;
}

.options .remove a:hover,
.options .remove a:active {
	background: url('../../images/site/gal_controls_remove.gif') no-repeat 0 -17px;
}

.options .remove_circle a:hover,
.options .remove_circle a:active {
	background: url('../../images/site/gal_controls_rem_circle.gif') no-repeat 0 -17px;
}

.options .remove_favs a:hover,
.options .remove_favs a:active {
	background: url('../../images/site/gal_controls_rem_favs.gif') no-repeat 0 -17px;
}

.options .remove_flag a:hover,
.options .remove_flag a:active {
	background: url('../../images/site/gal_controls_rem_flag.gif') no-repeat 0 -17px;
}


/* OUTFIT DETAILS
============================================================================ */

.details .right .outfit_details {
    float: left;
}

/* DESCRIPTION
============================================================================ */

.description {
    clear: both;
    padding: 1px 0 0;
}

.description .about {
	display: block;
	width: 220px;
	height: 100%;
}

.description #description_wrap {
	height: 200px;
}


/* COMMENTS
============================================================================ */

.description .feedback h2 {
	margin-top: 20px;
}

.description .feedback form textarea {
	width: 97%;
}

.description .feedback input.submit {
	margin-right: 8px;
}

#comments .comment {
	width: 98%;
}