body {
	margin:0;
	font:100% Arial, Helvetica, sans-serif;
	background:#2A292A;
	color:#2C2B2C;
}
a:active, a:focus {
	outline: 0
}
font.mix {
	font-weight:bold;
}
font.theweb {
	color:#FEDE26;
	font-weight:bold;
}
.f-left {float:left;
}
.f-right {
	float:right;
	/*margin-top:-31px*/
	}
.clear {clear:both;}
img {
	border:none;
	display:block;
}
form, p, h1, h2, h3, h4, h5, h6, ul {
	padding:0;
	margin:0;
}
li.no-border {
	border:none !important;
}
/*buttons*/
.btn-base,
.create-btn,
.login-btn,
.go-btn,
.make-go-btn,
.make-new-btn {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
}
.login-btn {
	width:84px;
	height:40px;
	background:url(../images/login-btn.gif) no-repeat;
}
.create-btn {
	width:178px;
	height:40px;
	background:url(../images/create-btn.gif) no-repeat;
}
.create-btn:hover,
.login-btn:hover {background-position:0 -40px;}
.search-form .go-btn {
	width:21px;
	height:19px;
	float:right;
	background:url(../images/go-btn.gif) no-repeat;
}
.search-form .go-btn:hover {background-position:0 -19px;}
.search-form .go-btn.push {background-position:0 -38px !important;}
.promo-txt .make-go-btn {
	width:297px;
	height:145px;
	background:url(../images/make-go-btn.gif) no-repeat;
}
.promo-txt .make-go-btn:hover {background-position:0 -145px;}
.promo-txt .make-go-btn.push {background-position:0 -290px !important;}
.promo-txt .make-new-btn {
	width:297px;
	height:145px;
	background:url(../images/make-new-btn.gif) no-repeat;
}
.promo-txt .make-new-btn:hover {background-position:0 -145px;}
.promo-txt .make-new-btn.push {background-position:0 -290px !important;}

.btn-base {
	width:159px;
	height:79px;
	background:url(../images/btn-base.gif) no-repeat;
}
.btn-base:hover {background-position:0 -79px;}
.btn-base.push {background-position:0 -158px !important;}
.btn-base label {
	width:100px;
	float:left;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	font:16px Arial, Helvetica, sans-serif;
	margin:30px 0 0 38px;
	cursor:pointer;
}
.btn-base label.long {
	font-size:11px;
	margin:25px 0 0 78px;
	text-align:left;
	text-indent:0;
	overflow:hidden;
	width:70px;
}
/*page*/
#page {
	width:864px;
	margin:19px auto 0;
	overflow:hidden;
}
/*header*/
.header {
	width:718px;
	height:120px;
	padding:0 21px 0 125px;
	background:url(../images/header-bg.gif) no-repeat;
	overflow:hidden;
}
.header-left {
	width:360px;
	padding:29px 0 0;
}
/*logo*/
.header-logo {
	width:92px;
	height:92px;
	margin:13px 0 0 -446px;
	position:absolute;
	text-decoration:none;
}
h1 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:330px;
	height:50px;
	margin:0 0 0 5px;
}
.menu-box {
	width:100%;
	padding:13px 0 0;
}
/* header buttons */
ul.menu {
	list-style:none;
	height:19px;
	overflow:hidden;
}
ul.menu li {
	float:left;
	padding:0 4px 0 0;
}
ul.menu li a {
	text-indent:0;
	cursor:pointer;
	text-decoration:none;
}
ul.menu li a div {
	height:19px;
	float:left;
}
ul.menu li a:hover div.left,
ul.menu li a:hover div.body,
ul.menu li a:hover div.right,
ul.menu li a:hover div.left2,
ul.menu li a:hover div.body2,
ul.menu li a:hover div.right2 {
	background-position:0 -19px;
}
ul.menu li a:hover div.body2 {
	color:#FFF;
}
ul.menu li a.push div.left,
ul.menu li a.push div.body,
ul.menu li a.push div.right,
ul.menu li a.push div.left2,
ul.menu li a.push div.body2,
ul.menu li a.push div.right2 {
	background-position:0 -38px;
}
ul.menu li a div.left {
	background:url(../images/btn-header-left.gif) no-repeat;
	width:10px;
}
ul.menu li a div.right {
	background:url(../images/btn-header-right.gif) no-repeat;
	width:10px;
}
ul.menu li a div.left2 {
	background:url(../images/btn-header-left2.gif) no-repeat;
	width:10px;
}
ul.menu li a div.right2 {
	background:url(../images/btn-header-right2.gif) no-repeat;
	width:10px;
}
ul.menu li a div.body,
ul.menu li a div.body2 {
	font-size:64%;
	text-transform:uppercase;
	padding:3px 1px 0 1px;
}
ul.menu li a div.body {
	color:#FFF;
	background:url(../images/btn-header-body.gif);
}
ul.menu li a div.body2 {
	color:#2C2B2C;
	background:url(../images/btn-header-body2.gif);
}
ul.menu li a.push div.body,
ul.menu li a.push div.body2 {
	color:#2C2B2C;
}
ul.menu li a div.body div.latest {
	width:8px;
	margin:2px 3px 0 -2px;
	background:url(../images/btn-header-latest.gif) no-repeat;
}
ul.menu li a.push div.body div.latest {
	width:8px;
	margin:2px 3px 0 -2px;
	background:url(../images/btn-header-latest-push.gif) no-repeat;
}
ul.menu li a div.body div.most-viewed {
	width:9px;
	margin:2px 3px 0 -2px;
	background:url(../images/btn-header-most-viewed.gif) no-repeat;
}
ul.menu li a.push div.body div.most-viewed {
	width:9px;
	margin:2px 3px 0 -2px;
	background:url(../images/btn-header-most-viewed-push.gif) no-repeat;
}
ul.menu li a div.body2 div.new-mix {
	width:11px;
	margin:1px 3px 0 -2px;
	background:url(../images/btn-header-new.gif) no-repeat;
}
ul.menu li a:hover div.body2 div.new-mix {
	width:11px;
	margin:1px 3px 0 -2px;
	background:url(../images/btn-header-new-over.gif) no-repeat;
}
ul.menu li a.push div.body2 div.new-mix {
	width:11px;
	margin:1px 3px 0 -2px;
	background:url(../images/btn-header-new.gif) no-repeat;
	}
.search-form {
	width:184px;
	background:url(../images/input-bg.gif) no-repeat;
	margin:1px 0 0;
}
.search-form input.text {
	float:left;
	width:147px;
	padding:2px 8px 3px;
	background:none;
	color:#5E5652;
	font:11px Arial, Helvetica, sans-serif;
	border:0;
}
ul.serv-nav {
	list-style:none;
	width:340px;
	padding:41px 17px 0 0;
}
ul.serv-nav li {
	float:right;
	padding:0 0 0 31px;
}
/*primary content*/
.primary-content {
	width:834px;
	padding:13px 16px 15px 14px;
	overflow:hidden;
	margin:13px 0 0;
	background:#fff url(../images/primary-top.gif) no-repeat;
}
/*footer*/
.footer {
	width:764px;
	margin:0 0 20px;
	padding:17px 59px 0 41px;
	background:#6A6029 url(../images/footer-bg.gif) no-repeat 0 100%;
	overflow:hidden;
	font:69% Arial, Helvetica, sans-serif;
}
.footer p {
	color:#C6C3AE;
	text-transform:uppercase;
	padding:0 0 10px;
}
.footer ul {
	overflow:hidden;
	list-style:none;
	/*width:400px;*/
}
.footer ul li {
	float:right;
	padding:0 0 0 53px;
}

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


.footer ul li a:hover {
	text-decoration:underline;
	}


.footer a {
	color:#C6C3AE;
	
}

.footer a:hover{
	text-decoration:underline;
}

.logout {
	background:url(../images/arrows.gif) no-repeat;
	padding:0 0 0 25px;
	margin:7px 0 0;
	display:block;
	color:#FEDE26;
	font:bold 69%/145% Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.logout:hover {text-decoration:underline;}

/* header: logged box
--------------------*/
.logged {width:315px;}
.author-box {
	width:100px;
	height:70px;
	overflow:hidden;
	position:relative;
	margin:25px 18px 0 0;
}
.frame {
	width:100px;
	height:70px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/frame.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
.logged-txt {
	width:140px;
	padding:23px 31px 0 0;
	text-align:right;
}
.logged-txt p {
	color:#fff;
	font:bold 69% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 0 13px;
}
.logged-txt ul {
	width:100%;
	overflow:hidden;
	list-style:none;
	font:bold 69% Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	padding:0 0 5px;
}
.logged-txt ul a {color:#FEDE26;}
.logged-txt ul a:hover {text-decoration:none;}


.content {
	width:802px;
	padding:18px 0 0 32px;
	overflow:hidden;
}
.content h2 {
	font:100% Arial, Helvetica, sans-serif;
	color:#2a292a;
}

/* header: search box
---------------------*/
.search-page .mixes {
	width:732px;
	padding-left:65px;
	padding-top:5px;
}
.search-page ul.mix-list {width:344px;}
.search-page .mix-cnt h3 a {
	background:none;
	float:none;
}
.search-page ul.mix-list ul {padding-top:0;}

/* warning
----------------*/
div.warning {
	position: absolute;
	top: 260px;
	width: 860px;
}
div.warning p {
	text-align:center;
	font:bold 69%/182% Arial, Helvetica, sans-serif;
	margin:0 180px;
	background:#FEDE26;
}

.page-nav {
	text-align:center;
	font:bold 69% Arial, Helvetica, sans-serif;
}
.page-nav span {font-size:145%;}
.page-nav a {color:#2A292A;}
.page-nav a:hover {text-decoration:none;}

