body {
    margin: 0;
    font-family: Calibri, Verdana, Tahoma, Sans-Serif, Serif;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    background-image: url(images/page_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-x: hidden;

    scrollbar-face-color:#724892;
    scrollbar-highlight-color:#cccccc;
    scrollbar-3dlight-color:#cccccc;
    scrollbar-darkshadow-color:#3E185A;
    scrollbar-shadow-color:#cccccc;
    scrollbar-arrow-color:#3E185A;
    scrollbar-track-color:#cccccc;
}

img { border: 0; }

a {
    color: #BF9BDB;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #ccc;
    text-decoration: underline;
}
a:visited {color: #9A80AD;}

input, textarea {
    background-color: #efefef;
    border: solid 1px #333;
}
input.numeric {
    text-align:right;
}

.button {
    background-color: #ccc;
    color: #3E185A;
    font-size: 14px;
    font-weight: bold;
}

h1, h2, h3, h4 {
    font-weight: bold;
    margin: 2px 0px 6px 0px;
}

h1 {
    font-size: 30px;
    color: #ddd;
}
h2 {
    font-size: 25px;
    color: #ccc;
}
h3 {
    font-size: 20px;
    color: #bbb;
}
h4 {
    font-size: 16px;
    color: #aaa;
}

p {
    margin-top: 8px;
    margin-bottom: 0px;
}

/* ============================== FONT COLORS */

.dkpurple-text {
    color: #3E185A;
}
.ltpurple-text {
    color: #724892;
}
.gray-text {
    color: #ccc;
}

.med-gray-text {
    color: #666;
}

/* ============================== HR (LINE) */

div .line {
    width: 100%;
    height: 1px;
    padding: 1px 0px 1px 0px;
}
div .dkpurple {
    border-top: solid 1px #3E185A;
}
div .ltpurple {
    border-top: solid 1px #724892;
}
div .gray {
    border-top: solid 1px #cccccc;
}
div .dot {
    border-top-style: dotted;
}

/* ============================== MAIN LAYOUT */

#container {
    width: 900px;
}

#menu-bar {
    position: relative;
    width: 900px;
    height: 48px;
    background-image: url(images/menu_bar.jpg);
}
#menu-bar div {
    position: absolute;
    top: 12px;
    left: 0px;
    width: 100%;
}
#menu-bar div a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
#menu-bar div a:hover {
    font-style: italic;
}
#menu-bar div span {
    color: #ccc;
    padding-left: 2px;
    padding-right: 2px;
}
#header-bar {
    width: 100%;
}
#header-bar .menu a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
#header-bar .menu a:hover {
    font-style: italic;
}

.section {
    width: 350px;
    background-color: #3E185A;
}
#footer {
    width: 900px;
    background-image: url(images/footer.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}

#footer-menu-bar {
    padding-top: 6px;
    padding-bottom: 4px;
}
#footer-menu-bar a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
#footer-menu-bar a:hover {
    font-style: italic;
}
#footer-menu-bar span {
    color: #ccc;
    padding-left: 2px;
    padding-right: 2px;
}

.copyright {
    font-size: 12px;
    color: #cccccc;
}

.grad-header {
    width: 100%;
    height: 30px;
    background-image: url(images/bg_purp_top.jpg);
    background-position: top;
    background-repeat: repeat-x;
    padding-bottom: 4px;
    text-align: left;
}

.grad-footer {
    width: 100%;
    height: 30px;
    background-image: url(images/bg_purp_bot.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.dkpurple-container {
    width: 100%;
    background-color: #3E185A;
}

.shoe-container {
    width: 876px;
}
.shoe-container .shoe-cell {
    background-color: #000;
    border: solid 1px #fff;
}
.shoe-container .shoe-cell .shoeimg {
    position: relative;
    width: 120px;
    padding-top: 2px;
}

/* ============================== IMAGE TYPES */

.icon {
    float: left;
    margin-right: 6px;
    border: solid 1px #fff;
}

.report-icon {
    vertical-align: top;
    float: right;
    cursor: pointer;
}

/* ============================== GENERIC TEXT */

.small-text {
    font-size: 14px;
}
.smaller-text {
    font-size: 12px;
}
.error-text {
    color: #ff0000;
    font-weight: bold;
}
.menu-item {
    border-top: dotted 1px #ccc;
}
.selected-menu-item {
    font-weight: bold;
    color: #fff;
    background-color: #333;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

/* ============================== COMMON ENTITY RULES */

.entity-date {
    font-size: 16px;
    font-weight: bold;
    color: #aaa;
    padding-bottom: 4px;
}
.entity-container {
    width: 100%;
    text-align: left;
    padding-bottom: 4px;
}
.entity-body {
    padding: 8px 8px 0px 8px;
}
.entity-body img {
    padding: 2px 2px 2px 2px;
}
.entity-title {
    color: rgb(51,102,255);
}

/* ============================== MEMBER POSTS */

.showcase-paging {
    padding: 0px 10px 0px 10px;
}

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

.comments-header {
    font-size: 18px;
    font-weight: bold;
    color: #ccc;
}
.add-comment {
    width: 100%;
    background-image: url(images/add_comment_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
}
.comment {
    padding: 2px 4px 2px 4px;
    word-wrap: break-word;
}

/* ============================== SHOE OF THE DAY */

.pic-frame {
    width: 400px;
    height: 582px;
    background-image: url(images/frame.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.pic-frame img {
    padding-top: 110px;
}

/* ============================== HUNT */

.ajax__tab_default .ajax__tab_header {
	font-size:20px;
	font-weight:bold;
	color:#aaa;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer {
    height:42px;
    margin-left:4px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner {
    height:42px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab {
    height:42px;
	margin:0px 10px 0px 10px;
	padding-top: 10px;
	width: 150px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab {
	color:#fff;
}

.iast-tab .ajax__tab_header {
    background: url(images/tabs/tab-line.gif) repeat-x bottom;
    text-align: center;
}

.iast-tab .ajax__tab_outer {
    background: url(images/tabs/hunt_tab_left.gif) no-repeat left top;
}
.iast-tab .ajax__tab_inner {
    background: url(images/tabs/hunt_tab_right.gif) no-repeat right top;
}
.iast-tab .ajax__tab_tab {
    background: url(images/tabs/hunt_tab_bg.gif) repeat-x top;
    cursor: pointer;
}

.iast-tab .ajax__tab_hover .ajax__tab_outer {
    background: url(images/tabs/hunt_tab_hover_left.gif) no-repeat left top;
}
.iast-tab .ajax__tab_hover .ajax__tab_inner {
    background: url(images/tabs/hunt_tab_hover_right.gif) no-repeat right top;
}
.iast-tab .ajax__tab_hover .ajax__tab_tab {
    background: url(images/tabs/hunt_tab_hover_bg.gif) repeat-x top;
}

.iast-tab .ajax__tab_active .ajax__tab_outer {
    background: url(images/tabs/hunt_tab_active_left.gif) no-repeat left top;
}
.iast-tab .ajax__tab_active .ajax__tab_inner {
    background: url(images/tabs/hunt_tab_active_right.gif) no-repeat right top;
}
.iast-tab .ajax__tab_active .ajax__tab_tab {
    background: url(images/tabs/hunt_tab_active_bg.gif) repeat-x top;
}

.iast-tab .ajax__tab_body {
    border: solid 1px #fff;
    border-top: 0;
    padding: 8px;
    background-color: #3E185A;
}

.designer-bg {
    background-image: url(images/addhunt_bg.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

.hunt-pic-frame {
    width: 400px;
    height: 480px;
    background-image: url(images/frame_hunt.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.hunt-pic-frame img {
    padding-top: 104px;
}

/* ============================== RATINGS */

.rating {
    position: static;
	margin-bottom: 20px;
}

.rating p {
	display: inline;
	position: relative;
	top: 22px;
	left: 170px;
}

.rating p em {
	font-size: 12px;
	color: #ccc;
}

.shoe-rating {
	position: relative;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.shoe-rating li {
	display: inline;
}

.shoe-rating a, .shoe-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 21px;
	line-height: 20px;
	outline: none;
	overflow: hidden;
	border: none;
}

.shoe-rating a:hover, .shoe-rating a:active, .shoe-rating a:focus {
	background-position: left bottom;
}

.shoe-rating a.one-shoe {
	width: 20%;
	z-index: 6;
}
.shoe-rating a.two-shoes {
	width: 40%;
	z-index: 5;
}
.shoe-rating a.three-shoes {
	width: 60%;
	z-index: 4;
}
.shoe-rating a.four-shoes {
	width: 80%;
	z-index: 3;
}
.shoe-rating a.five-shoes {
	width: 100%;
	z-index: 2;
}
.shoe-rating .current-rating {
	z-index: 1;
	background-position: left center;
}
.small-shoe {
	width: 155px;
	height: 21px;
}
.small-shoe, .small-shoe a:hover, .small-shoe a:active, .small-shoe a:focus, .small-shoe .current-rating {
	background-image: url(images/blog_rating.gif);
	line-height: 21px;
	height: 21px;
}

/* ============================== ACTIONS MODULE */

.action-item {
    padding: 2px 4px 2px 4px;
}
.action-item .action-text {
    padding-left: 18px;
}

/* ============================== POPUP HINT */

.hint-container {
    position: absolute;
    display: none;
    border: solid 1px #111;
    z-index: 110009;
    padding: 2px 2px 3px 2px;
    background-color: #fff;
}
.hint-captionbar {
    position: relative;
    width: 100%;
    height: 18px;
    background-color: #724892;
    color: #ddd;
    margin-bottom: 3px;
    font-size: 12px;
}
.hint-text {
    font-size: 11px;
    color: #222;
}

/* ============================== MODAL POPUP */

.modal-popup-bg {
    background-color: #3E185A;
    filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
}
.modal-popup-container {
    width: 620px;
    background-color: #3E185A;
    background-image: url(images/popup_bg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    border-left: solid 2px #000;
    border-right: solid 2px #000;
    border-bottom: solid 1px #000;
}
.modal-popup-header {
    height: 35px;
    background-color: #000;
    background-image: url(images/frame_head.gif);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: move;
    text-align: left;
    margin-bottom: 8px;
}

/* ============================== NEWS */

.news-wrapper {
    border: solid 2px #3E185A;
    background-color: #fff;
    color: #000;
    width: 536px;
    height: 900px;
    overflow: auto;
}