@charset "utf-8";

/* CSS Document */

body {

	font-family:Arial, Helvetica, sans-serif;

	color:#efefef;

	font-size:11px;

	margin:0;

	padding:0 0 70px 0;

	background:#000;

}

div, h1, h2, h3, h4, p, ul, li, form {

	margin:0;

	padding:0;

	font-weight:normal;

	list-style:none;

}

.clr {

	clear:both;

	height:0px;

	overflow: hidden;

}

a, img {

	outline:none;

	border:none;

}

a:link {

	text-decoration:underline;

	color:#fff;

	outline:none;

}

a:visited {

	color:#fff;

	outline:none;

}

a:hover {

	text-decoration:none;

}

.spacer{

	height:120px;

}

/*wrapper*/

.wrapper {

	width:980px;

	margin:0 auto;

	position:relative;

}

.homeBg {

	background:url(http://page-31.com/images/bg.jpg) top center no-repeat;

	padding:40px 0 80px;

}

/*logo*/

h1.logo {

	margin-bottom:35px;

}

h1.logo a {

	background:url(http://page-31.com/images/logo.png) no-repeat;

	display:block;

	text-indent:-10000px;

	width:340px;

	height:128px;

	margin:0 auto;

}

h2.title {

	text-align:center;

	margin-bottom:18px;

}

.pText {

	text-align:center;

	margin-bottom:18px;

}

.summerText {

	display:block;

	text-align:center;

	margin-bottom:11px;

}

.borderButt {

	margin-bottom:12px;

	text-align:center;

}

.pinkImg {

	text-align:center;

	margin-bottom:5px;

}

.follow {

	text-align:center;

	display:block;

	margin-bottom:13px;

}

ul.shareBox {

	height:25px;

	width:165px;

	margin:0 auto;

	display:block;

}

ul.shareBox li {

	list-style:none;

	float:left;

	width:25px;

	background:url(http://page-31.com/images/share.png) no-repeat;

	margin-left:40px;

}

ul.shareBox li:first-child {

	margin-left:0;

}

ul.shareBox li a {

	display:block;

	width:25px;

	height:25px;

	text-indent:-10000px;

}

ul.shareBox li.fb {

	background-position:-70px 0;

}

ul.shareBox li.youtube {

	background-position:-140px 0;

}

/*header*/

.header {

	background:url(http://page-31.com/images/headerBg.gif) repeat-x;

	height:79px;

	padding:5px 10px;

	margin-bottom:4px;

}

/*logo*/

h1.logo1 {

}

h1.logo1 a {

	text-indent:-10000px;

	background:url(http://page-31.com/images/logo1.png) no-repeat;

	width:220px;

	height:81px;

	float:left;

}

h1.logo2 {

}

h1.logo2 a {

	text-indent:-10000px;

	background:url(http://page-31.com/images/page31_logo.png) no-repeat;

	width:78px;

	height:50px;

	float:left;
	
	margin:18px 0 0 35px;

}


/*nav*/

.nav {

	float:right;

}

.nav>ul {

}

.nav>ul>li {

	list-style:none;

	float:left;

	font-size:12px;

	text-transform:uppercase;

	margin-right:20px;

	position:relative;

}

.nav>ul>li>a {

	text-decoration:none;

	color:#a1a1a1;

	background:url(http://page-31.com/images/navBg.gif) top center no-repeat;

	height:45px;

	display:block;

	padding:30px 0 0;

}

.nav>ul>li:hover>a, .nav>ul>li.active>a {

	color:#fff;

	background:url(http://page-31.com/images/hoverBg.gif) top center no-repeat;

}

/*dropdown*/

.nav>ul>li ul {

	width:134px;

	position:absolute;

	top:50px;

	left:-15px;

	background:#2f2629;

	z-index:999;

	padding:5px 0 3px 3px;

	display:none;

}

.nav>ul>li ul li {

	float:none;

	font-size:9px;

	text-transform:uppercase;

	line-height:1.8em;

}

.nav>ul>li ul li a {

	text-decoration:none;

	color:#c7c2c4;

	display:block;

}

.nav>ul>li:hover>ul {

	display:block;

}

/*contact*/

.content {

}

.contentInn{

	background:url(http://page-31.com/images/conRBg.gif) right repeat-y;

}

.colLeft {

	width:813px;

	float:left;

}

.titleBox {

	background:url(http://page-31.com/images/titleBg.gif) repeat-x;

	height:21px;

	padding:3px 0 0 3px;

}

h2.titleText {

	float:left;

	color:#a5a5a5;

	text-transform:uppercase;

	font-size:12px;

	background:url(http://page-31.com/images/img1.png) top left no-repeat;

	padding-left:22px;

}

.textBox {

	background:#1a1a1a;

	padding:10px 0 80px 10px;

}

.textBox p {

	color:#a5a5a5;

	font-size:12px;

	line-height:1.5em;

}

.textBox h3 {

	color:#a5a5a5;

	font-size:12px;

	text-transform:uppercase;

	margin:20px 0 5px;

}

.colRight {

	width:162px;

	float:right;

	padding-bottom:15px;

}

.input {

	background:url(http://page-31.com/images/inputBg.gif) repeat-x;

	font-size:10px;

	width:127px;

	color:#989898;

	text-transform:uppercase;

	padding:3px;

	border:none;

	outline:none;

	font-family:Arial, Helvetica, sans-serif;

	float:left;

	margin:8px 0 8px 5px;

}

.submit {

	background:url(http://page-31.com/images/searchIcon.gif) no-repeat;

	width:20px;

	height:17px;

	float:left;

	border:none;

	outline:none;

	margin:8px 0;

	cursor:pointer;

}

.r-Box {

	margin-bottom:2px;

}

ul.list-R {

	padding:5px 0 4px 5px;

}

ul.list-R li {

	list-style:none;

	margin-bottom:3px;

}

ul.list-R li .imageL {

	float:left;

	margin-right:5px;

}

ul.list-R li .TextR {

	float:left;

	width:104px;

}

.TextR h3 {

	font-size:12px;

	font-weight:bold;

}

.TextR h3 a {

	text-decoration:none;

	color:#c3c3c3;

}

.TextR small {

	font-size:11px;

	color:#7d7d7d;

	text-transform:capitalize;

}

.shareBox-1 {

	background:url(http://page-31.com/images/shareBg.gif) repeat-x;

	height:20px;

	margin:0 0 5px;

	padding:12px 0 12px 5px;

}

.shareL {

	float:left;

}

.preNextBox {

	float:right;

}

a.button {

	background:url(http://page-31.com/images/prevBg.gif) no-repeat;

	width:62px;

	height:16px;

	color:#fff;

	font-size:10px;

	text-transform:uppercase;

	text-decoration:none;

	float:left;

	padding:3px 0 0 20px;

	margin:0 5px;

}

a.button1 {

	background:url(http://page-31.com/images/nextBg.gif) no-repeat;

}

.smallText-1 {

	color:#3d3c3c;

	font-size:10px;

	float:left;

	margin-top:3px;

}

/*editorial*/

.textBox-1 {

	background:#56464b;

	padding:6px;

}

ul.imgList {

	height:169px;

	margin-bottom:5px;

}

ul.imgList li {

	float:left;

	list-style:none;

}

.textBox-1 p {

	color:#cdc8c9;

	font-size:12px;

	line-height:1.4em;

	margin-bottom:15px;

}

/*editor-list*/

ul.listing {

	clear:both;

	display:block;

}

ul.listing li {

	list-style:none;

	float:left;

	border-right:1px solid #000;

	margin:0 0 5px 9px;

}

ul.listing li:first-child {

	margin-left:0;

}

ul.listing li .imageH {

}

.imageH a {

	display:block;

	position:relative;

}

.imageH a span {

	background:url(http://page-31.com/images/bghover.png) repeat;

	position:absolute;

	top:0;

	left:0;

	display:block;

	height:138px;

	width:192px;

	text-indent:-10000px;

}

.imageH a span:hover, .imageH a span.active {

	background:none;

}

ul.listing li .titleBg {

	background:url(http://page-31.com/images/blackBg.gif) repeat-x;

	height:40px;

	padding:5px 0 0 6px;

}

.titleBg h3 {

	font-size:12px;

	font-weight:bold;

	margin-bottom:2px;

}

.titleBg a {

	color:#717171;

	text-decoration:none;

}

.titleBg small {

	color:#3b3b3b;

	font-size:10px;

	display:block;

}

/*reviewList*/

ul.listing-1 {

}

ul.listing-1 li {

	margin:0 0 5px 8px;

}

ul.listing-1 li:first-child {

	margin-left:0;

}

ul.listing-1 li .imageH-1 {

}

.imageH-1 a {

	display:block;

	position:relative;

}

.imageH-1 a span {

	background:url(http://page-31.com/images/bghover.png) repeat;

	position:absolute;

	top:0;

	left:0;

	display:block;

	height:193px;

	width:193px;

	text-indent:-10000px;

}

.imageH-1 a span:hover, .imageH-1 a span.active {

	background:none;

}

/*article-01*/

.articleBox {

	margin-bottom:5px;

}

.title-box {

	background:url(http://page-31.com/images/titleBg1.gif) repeat-x;

	height:25px;

	padding:10px 0 0 5px;

	margin-bottom:5px;

}

.title-box h2 {

	color:#a5a5a5;

	font-size:12px;

	text-transform:uppercase;

	background:url(http://page-31.com/images/img1.png) top left no-repeat;

	padding-left:22px;

}

ul.articleList {

}

ul.articleList li {

	list-style:none;

	float:left;

	width:184px;

	margin-left:15px;

}

ul.articleList li:first-child {

	margin-left:0;

}

ul.articleList li .box-text {

	background:#272122 url(http://page-31.com/images/boxBg.gif) repeat-x;

	margin-top:2px;

	padding:4px 0 8px 2px;

}

.box-text h3 {

	text-transform:uppercase;

	font-size:11px;

	background:url(http://page-31.com/images/img9.png) top left no-repeat;

	padding-left:17px;

}

.box-text h3 a {

	color:#a5a5a5;

	text-decoration:none;

}

.box-text p {

	color:#7c7879;

	font-size:10px;

	margin-left:17px;

	line-height:1.1em;

}

/*article-03*/

.left-A {

	float:left;

	background:#56464b;

	width:313px;

}

.left-A1{

	height:602px;

}

.left-A p {

	color:#efefef;

	font-size:12px;

	padding:10px 10px 8px;

	line-height:1.4em;

}

.right-A {

	float:left;

}

a.tab {

	background:url(http://page-31.com/images/playBg.gif) repeat-x;

	height:16px;

	text-align:center;

	text-transform:uppercase;

	color:#fff;

	text-decoration:none;

	display:block;

	float:right;

	width:82px;

	font-size:9px;

	margin:10px 5px 11px 0;

	padding-top:3px;

}

/*single-review*/

.post {

	background:#0a0a0a;

	padding:5px 0 5px 5px;

	border-bottom:7px solid #56464b;

}

.post1 {

	border-bottom:none;

}

.postLeft {

	float:left;

	position:relative;

}

.premiere {

	position:absolute;

	top:4px;

	right:0;

	background:url(http://page-31.com/images/premiere.png) no-repeat;

	width:60px;

	height:60px;

}

.postLeft img {

	border:3px solid #56464b;

}

.postRight {

	float:left;

	width:616px;

}

h3.title1 {

	color:#a5a5a5;

	font-size:15px;

	text-transform:uppercase;

	border-bottom:2px solid #56464b;

	padding:3px 0 4px 8px;

	margin-bottom:6px;

}

.postRight p {

	color:#efefef;

	font-size:12px;

	padding:0 8px;

}

.rate-Box {

	background:#56464b;

	height:18px;

	padding:3px 0 0 8px;

	margin-bottom:10px;

}

.rateText {

	float:left;

	text-transform:capitalize;

	font-size:12px;

	color:#fff;

	margin-right:40px;

}

ul.rateImg {

	float:left;

}

ul.rateImg li {

	list-style:none;

	float:left;

	margin-right:15px;

}

.shareImg {

	float:left;

	margin:0 15px 0 8px;

}

a.tab-1 {

	float:left;

	margin:0;

}

.playBox {

	float:left;

	margin-left:30px;

}

.icon1 {

	float:left;

	margin-right:3px;

}

.player {

	float:left;

	margin-left:10px;

}

.player1 {

	margin:4px 5px 0;

}

.icon2 {

	margin:0;

}

/*ranking*/

ul.menu {

	float:right;

	width:350px;

}

ul.menu li {

	list-style:none;

	float:left;

	text-transform:uppercase;

	font-size:12px;

	background:url(http://page-31.com/images/menuLine.gif) top left no-repeat;

	padding:0 18px;

	background-position:0 1px;

}

ul.menu li a {

	text-decoration:none;

	color:#a5a5a5;

	display:block;

	padding-top:1px;

}

ul.rankList {

	display:block;

	clear:both;

}

ul.rankList li {

	list-style:none;

	float:left;

	background:url(http://page-31.com/images/listBg.gif) repeat-x;

	height:93px;

	width:388px;

	padding:5px;

	margin-left:3px;

	margin-bottom:1px;

}

ul.rankList li:first-child {

	margin-left:0px;

}

ul.rankList li:hover, ul.rankList li.active {

	background:url(http://page-31.com/images/listhoverBg.gif) repeat-x;

}

ul.rankList li .date {

	float:left;

	background:url(http://page-31.com/images/dateBg.gif) repeat-x;

	height:93px;

	width:38px;

	margin-right:3px;

}

.date span {

	color:#c3c3c3;

	font-size:25px;

	text-align:center;

	display:block;

	font-weight:bold;

	margin-top:30px;

}

ul.rankList li .boxR {

	float:left;

	height:93px;

}

.boxRLeft {

	float:left;

	margin-right:5px;

}

.boxRRight {

	float:left;

	width:120px;

}

.boxRRight h3 {

	font-size:13px;

	text-transform:uppercase;

	font-weight:bold;

	margin:4px 0 1px;

}

.boxRRight h3 a {

	text-decoration:none;

	color:#a5a5a5;

}

.boxRRight small {

	color:#7d7d7d;

	font-size:11px;

}

/*album-review*/

.v-box {

	background:#0a0a0a;

	margin:5px;

	padding:10px 0;

	text-align:center;

}

a.tab-2 {

	background:url(http://page-31.com/images/playBg.gif) repeat-x;

	height:16px;

	text-align:center;

	text-transform:uppercase;

	color:#fff;

	text-decoration:none;

	display:block;

	float:right;

	width:82px;

	font-size:9px;

	margin:10px 10px 0 0;

	padding-top:3px;

}

a.tab-3 {

	background:url(http://page-31.com/images/tabBg.gif) repeat-x;

	margin-right:22px;

}

ul.albumList {

	padding-bottom:5px;

}

ul.albumList li {

	list-style:none;

	line-height:1.7em;

}

ul.albumList li.listBg {

	background:#31292a;

	margin-top:3px;

}

ul.albumList li .first {

	float:left;

	color:#fff;

	font-size:12px;

	width:75px;

	margin-right:40px;

	margin-left:5px;

}

ul.albumList li .second {

	float:left;

	font-size:12px;

	color:#fff;

}

ul.imgC {

	margin-top:3px;

	float:left;

}

ul.imgC li {

	list-style:none;

	float:left;

	margin-right:15px;

}

.right-R {

	width:667px;

	float:right;

}

.p-Box {

	background:#0a0a0a;

	padding:5px;

}

.p-Box p {

	color:#efefef;

	font-size:12px;

	line-height:1.4em;

	margin-bottom:18px;

}

ul.img-List {

	background:#1a1617;

	height:113px;

}

ul.img-List li {

	list-style:none;

	float:left;

	margin:20px 0 0 35px;

}

/*light-box*/

.light-box {

	position:absolute;

	top:100px;

	left:140px;

}

.video-Box {

	float:left;

	width:683px;

	background:#2a1e22 url(http://page-31.com/images/lightBg.gif) repeat-x;

	padding-bottom:20px;

}

.image-L {

	text-align:center;

	margin:18px 0 8px;

}

.cancelButt {

	float:right;

	background:url(http://page-31.com/images/cancelButt.gif) no-repeat;

	width:27px;

	height:29px;

	cursor:pointer;

	margin-top:32px;

}

ul.vList {

	float:right;

	margin-right:10px;

}

ul.vList li {

	list-style:none;

	float:left;

	font-size:11px;

	background:url(http://page-31.com/images/line1.gif) top left no-repeat;

	padding:0 12px;

	background-position:0 3px;

}

ul.vList li:first-child {

	background:none;

}

ul.vList li a {

	text-decoration:none;

	color:#cbcbcb;

}

/*home*/

.leftBox {

	float:left;

	width:162px;

	height:602px;

	background:url(http://page-31.com/images/rightBg.gif) repeat;

}

.leftBox ul {

	margin:8px 0 10px 5px;

}

.leftBox ul li {

	list-style:none;

	margin-bottom:5px;

}

.leftBox ul li .img-H{

}

.img-H img {

	border:1px solid #5d5d5d;

}

.img-H a{

	display:block;

	position:relative;

}

.img-H a span{

	background:url(http://page-31.com/images/bghover.png) repeat;

	position:absolute;

	top:0;

	left:0;

	display:block;

	height:102px;

	width:152px;

	text-indent:-10000px;

}

.img-H a span:hover, .img-H a span.active{

	background:none;

}

.leftBox ul li h3 {

	font-size:11px;

	font-weight:bold;

	margin:5px 0 2px;

}

.leftBox ul li h3 a {

	color:#c3c3c3;

	text-decoration:none;

}

.leftBox ul li small {

	color:#7d7d7d;

	font-size:9px;

	display:block;

}

.rightBox {

	float:right;

	position:relative;

}

.transBg {

	position:absolute;

	bottom:0;

	left:0;

	background:url(http://page-31.com/images/blackBg1.png) repeat-x;

	height:38px;

	width:626px;

	padding:10px;

}

.titleLeft {

	float:left;

	width:195px;

}

.imgIcon {

	float:left;

	margin:3px 5px 0 0;

}

.titleRText {

	width:150px;

	float:left;

}

.titleRText h3 {

	font-size:16px;

}

.titleRText h3 a {

	text-decoration:none;

	color:#c3c3c3;

}

.titleRText small {

	color:#7d7d7d;

	font-size:13px;

}

ul.imgR {

	float:right;

	margin-top:15px;

}

ul.imgR li {

	list-style:none;

	float:left;

	margin-right:10px;

}

.tweetBox {

	background:url(http://page-31.com/images/tweetBg.gif) repeat-x;

	height:35px;

	padding:5px 0 5px 3px;

	margin-bottom:5px;

}

.tweetBoxLeft {

	width:165px;

	float:left;

	background:url(http://page-31.com/images/rBorder.gif) right no-repeat;

	height:36px;

	margin-right:10px;

}

.tweetBoxLeft h3 {

	color:#a5a5a5;

	font-size:12px;

	background:url(http://page-31.com/images/img1.png) top left no-repeat;

	text-transform:uppercase;

	padding-left:23px;

	margin-top:10px;

}

.tweetBoxRight {

	float:left;

}

.tweetBoxRight p {

	color:#767676;

	font-size:11px;

	margin-top:10px;

}

/*search*/

ul.searchList {

	background:#1a1a1a;

	padding:10px 5px 5px;

}

ul.searchList li {

	list-style:none;

	margin-bottom:8px;

}

ul.searchList li .leftImg {

	float:left;

	margin-right:10px;

}

ul.searchList li .rightText {

	width:685px;

	float:left;

	margin-top:5px;

}

.rightText h3 {

	font-size:12px;

	text-transform:uppercase;

	margin-bottom:5px;

	font-weight:bold;

}

.rightText h3 a {

	text-decoration:none;

	color:#a5a5a5;

}

.rightText p {

	font-size:12px;

	color:#a5a5a5;

	line-height:1.6em;

}

a.link {

	text-decoration:none;

	color:#a88892;

}

a:hover.link {

	text-decoration:underline;

}

/*footer*/

.footer {

}

.fTop {

	background:url(http://page-31.com/images/footerBg.gif) repeat-x;

	height:153px;

	padding:10px;

	margin-bottom:10px;

}

.fLeft {

	width:218px;

	float:left;

	background:url(http://page-31.com/images/borderRight.gif) right no-repeat;

	height:145px;

	padding-top:8px;

}

.socialList {

	float:left;

	width:80px;

	margin-right:30px;

}

.socialList h3 {

	color:#c0c0c0;

	font-size:11px;

	text-transform:uppercase;

	margin-bottom:7px;

}

.socialList ul li {

	list-style:none;

	font-size:10px;

	background:url(http://page-31.com/images/share2.png) no-repeat;

	width:15px;

	height:15px;

	margin-bottom:7px;

	padding-left:25px;

}

.socialList ul li.facebook {

	background-position:0 -22px;

}

.socialList ul li.youtube-1 {

	background-position:0 -44px;

}

.socialList ul li.ustream {

	background-position:0 -66px;

}

.socialList ul li a {

	text-decoration:none;

	color:#888;

}

.socialList-1 {

	float:left;

	width:80px;

}

.socialList-1 h3 {

	color:#c0c0c0;

	font-size:11px;

	text-transform:uppercase;

	margin-bottom:7px;

}

.socialList-1 ul li {

	list-style:none;

	font-size:10px;

	background:url(http://page-31.com/images/plusIcon.gif) top left no-repeat;

	padding-left:15px;

	background-position:0 5px;

	line-height:1.5em;

}

.socialList-1 ul li a {

	text-decoration:none;

	color:#888;

}

.fRight {

	width:730px;

	float:right;

	padding-top:8px;

}

.fRight h3 {

	color:#3e3e3e;

	font-size:22px;

	text-transform:uppercase;

	text-align:center;

	letter-spacing:1.3px;

	margin-bottom:12px;

}

.greyBox {

	background:url(http://page-31.com/images/greyBox.gif) repeat-x;

	height:90px;

	width:728px;

}

a.siteText {

	text-decoration:none;

	text-align:right;

	color:#666;

	font-size:11px;

	display:block;

}

a.site1 {

	background:url(http://page-31.com/images/icon.gif) top right no-repeat;

	background-position:100% 0;

	text-decoration:none;

	float:right;

	height:21px;

	color:#666;

	font-size:11px;

	display:block;

	padding-right:28px;

	line-height:2em;

	margin-right:10px;

}