/*======================================================================*\
|| #################################################################### ||
|| # Project Reality Website - http://realitymod.com                  # ||
|| # Version: v2.2.1                                                  # ||
|| # ---------------------------------------------------------------- # ||
|| # By Robert Benya (2slick4u@realitymod.com)                        # ||
|| # This script may not be used, altered, or distributed in anyway   # ||
|| # without the express written permission of Robert Benya and/or    # ||
|| # http://www.realitymod.com.                                       # ||
|| # Copyright © 2007-2011 Project Reality.                           # ||
|| # $Id: style.media.css, v2.2.1 2011/10/11 16:40:49                 # ||
|| #################################################################### ||
\*======================================================================*/

/* Media main navigation  */
#media-banners { margin-top: 20px; }
#media-banners a {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 2px solid #666666;
	display: block;
	height: 100px;
	margin: 0 auto 20px auto;
	width: 550px;
}
#media-banners a:hover,
#media-banners a:active,
#media-banners a:focus {
	background-position: left -100px;
	border-color: #898989;
}
#media-banners a#media-banner-screenshots { background-image: url("../images/media/screenshots_banner.jpg"); }
#media-banners a#media-banner-videos { background-image: url("../images/media/videos_banner.jpg"); }
#media-banners a#media-banner-wallpaper { background-image: url("../images/media/wallpaper_banner.jpg"); }
#media-banners a#media-banner-tutorials { background-image: url("../images/media/tutorials_banner.jpg"); }


/************************** 
* Screenshots
**************************/
.ssgallery {
	list-style:none;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:0;
	width:100%;
}
.ssgallery li {
	float:left;
	display:inline;
	margin:0 0 15px 0;
	padding:0;
	position:relative;
	text-align:center;
	width:33.3%;
}
.ssgallery img {
	margin-left:auto;
	margin-right:auto;
}
.ssgallery li .thumbtxt { color:#999999; }

/* Gallery information */
.pageNav{
  background:#666666;
  border:1px solid #000000;
	display:inline-block;
	font-weight:bold;
  margin:10px auto 20px auto;
  padding:5px 0;
	width:100%;
}
.pageNav-page {
	float:left;
	margin-left:8px;
}
.pageNav-img {
	float:right;
	margin-right:8px;
}

/* Pagination */
.pagination {
	font-weight:bold;
	line-height:100%;
	margin:15px auto 10px auto;
	padding:0;
}
.pagination ul {
	margin:0;
	padding:0;
	text-align:center;
}
.pagination li {
	display:inline;
	list-style:none;
	margin:0 3px;
	padding:0;
}
.pagination a:link,
.pagination a:visited {
	background-color:#666666;
	border:1px solid #000000;
	color:#0099ff;
	margin:0;
	padding:4px 5px;
	text-decoration:none; 
}
.pagination a:hover,
.pagination a:active {
	background-color:#0099ff;
	color:#ffffff;
}
.pagination a.currentpage {
	background-color:#0099ff;
	color:#ffffff !important;
	cursor:default;
}
.pagination a.disablelink:link,
.pagination a.disablelink:hover,
.pagination a.disablelink:active,
.pagination a.disablelink:visited {
	background-color:#666666;
	color:#858585;
	cursor:default;
	font-weight:normal !important;
}


/************************** 
* Videos & Tutorials
**************************/
/* Youtube subscribe button  */
a.youtube-subscribe-btn:link,
a.youtube-subscribe-btn:visited {
	background:url("../images/media/youtube_subscribe_btn.png") no-repeat 0 0 transparent;
	color:#FFFFFF;
	display:inline-block;
	float:left;
	height:45px;
	margin:0 10px 0 0;
	text-indent:-5000px;
	width:110px;
}
a.youtube-subscribe-btn:active,
a.youtube-subscribe-btn:hover {
	background-position:0 100%;
}
ul.video-list {
	margin:0;
	padding:0;
	width:330px;
}
ul.video-list li {
	list-style:none;
	margin:0;
	padding:0;
}

div.video-row {
	display:inline-block;
	width:100%;
}
div.video-row div.video-block,
div.video-row div.video-block2 {
	float:left;
	padding-right:15px;
	width:330px;
}
div.video-row div.video-block2 {
	padding-right:0;
}

div.video {
	background:url("../images/media/video_background.gif") repeat-x top left transparent;
	border:1px solid #666666;
	border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
	margin:0 auto 15px auto;
	width:100%;
	line-height:100%;
}
div.video-body {
	padding:6px 10px 10px;
	position:relative;
}
div.video-info {
  display:block;
  overflow:hidden;
}
h3.video-title {
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px dotted #cccccc;
	font-size:12px;
	font-weight:bold;
	line-height: 100%;
	margin:0 0 10px 0;
	padding:2px 22px 8px 20px;
}
h3.video-title.bf2 { background-image:url("../images/template/bf2_icon_16x16.gif"); }
h3.video-title.arma2 { background-image:url("../images/template/arma2_icon_16x16.gif"); }
h3.video-title a { color:#ffffff; }

div.video-body .video-hd-icon {
	display:inline-block;
	float:right;
	margin-top:2px;
	overflow:hidden;
}

div.video-body ul {
	display:inline-block;
	float:left;
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
div.video-body ul li {
	color:#cccccc;
	display:block;
	font-size:10px;
	line-height:100%;
	margin:0;
	padding:0 0 10px;
}
div.video-body ul li.last { padding-bottom:0; }
div.video-body ul li .label { font-weight:bold; }
div.video-body ul li .video-type {
	color:#ffffff;
	font-weight:bold;
}
div.video-body p {
	color:#cccccc;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:10px;
}

/* Video thumbnail */
div.video-thumb {
	border-right:1px dotted #cccccc;
	float:left;
	height:70px;
	padding-right:10px;
	margin-right:10px;
	width:145px;
}	
div.video-thumb a {
	background-color:#666666;
	border:2px solid #666666;
	text-decoration:none;
	display:block;
}
div.video-thumb a:hover {
	background-color:#898989;
	border-color:#898989;
}
div.video-thumb a span.play {
	display:block;
	background:url("../images/template/play-thumb-arrow.png") center 17px no-repeat transparent;
	margin:-66px 0 0 0;
	height:66px;
	position:relative;
	z-index:100;
	opacity:0.7;
	filter:alpha(opacity=70);
}
div.video-thumb a:hover span.play {
	opacity:0.90;
	filter:alpha(opacity=90);
}

/* Videos form */
div.videos-form {
	margin:2px 0 0;
	float:right;
}
div.videos-form label {	text-align:right; }
div.videos-form select { max-width:250px; }
div.videos-form #mod,
div.videos-form #t {
	margin-right:5px;
}


/************************** 
* Wallpaper
**************************/
ul.wallpaper-gallery {
	display:inline-block;
	list-style:none;
	margin:10px auto 0 auto;
	padding:0;
	width:100%;
}
ul.wallpaper-gallery li {
	float:left;
	display:inline;
	width:33.3%;
	margin:0 0 15px 0;
	padding:0;
	position:relative;
	text-align:center;
}

/* Wallpaper */
div.wp-thumb { margin-bottom:5px; }
div.wp-thumb img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
div.wp-sizes {
	display:inline-block;
	position:relative;
}
div.wp-sizes .btn-download a { cursor:default; }
div.wp-sizes ul {
	border-top:1px solid #000000;
	margin:0;
	padding:0;
}
div.wp-sizes ul li {
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}
div.wp-sizes ul li a:link,
div.wp-sizes ul li a:visited {
	background-color:#333333;
	background-image:none;
	background-position:2px top;
	background-repeat:no-repeat;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	display:block;
	font-weight:bold;
	height:100%;
	overflow:hidden;
	padding:2px 0 2px 23px;
}
div.wp-sizes ul li a:hover,
div.wp-sizes ul li a:focus {
	background-color:#555555;
	background-position:2px -19px;
}
div.wp-sizes ul li a.icon-screen { background-image:url("../images/media/wallpaper_screen_icon.png"); }
div.wp-sizes ul li a.icon-hd { background-image:url("../images/media/wallpaper_tv_icon.png"); }
div.wp-sizes ul li a.icon-laptop { background-image:url("../images/media/wallpaper_laptop_icon.png"); }
div.wp-sizes ul li a.icon-ipad { background-image:url("../images/media/wallpaper_ipad_icon.png"); }
div.wp-sizes ul li a.icon-iphone { background-image:url("../images/media/wallpaper_iphone_icon.png"); }
div.wp-sizes ul li a.icon-zip { background-image:url("../images/media/wallpaper_zip_icon.png"); }


/************************
* Shadowbox
************************/
#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#fff;
}
#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
}
#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
}
#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
}
#sb-wrapper-inner {
	position:relative;
	border:3px solid #313131;
	overflow:hidden;
	height:100px;
}
#sb-body {
	position:relative;
	height:100%;
}
#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
}
#sb-player.html {
	height:100%;
	overflow:auto;
}
#sb-body img {
	border:none;
}
#sb-loading {
	position:relative;
	height:100%;
}
#sb-loading-inner {
	position:absolute;
	font-size:11px;
	line-height:43px;
	height:13px;
	top:50%;
	width:100%;
	text-align:center;
}
#sb-loading-inner span {
	background:url("../images/template/loading.gif") no-repeat;
	display:inline-block;
	width:208px;
}
#sb-body,
#sb-loading {
	background-color:#313131;
}
#sb-title,#sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
#sb-title,#sb-title-inner {
	height:24px;
	line-height:24px;
}
#sb-title-inner {
	font-size:14px;
}
#sb-info,
#sb-info-inner {
	height:26px;
  line-height:20px;
}
#sb-info-inner {
	font-size:11px;
	background-color:#313131;
}
#sb-nav {
	float:right;
	height:16px;
	padding:0;
	width:100%;
}
#sb-nav a {
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline;
	cursor:pointer;
	height:22px;
}
#sb-nav a:hover {	background-position:0 100%; }
#sb-nav-close {
	background-image:url("../images/template/shadowbox_close.png");
	float:left;
	margin-left:3px;
	width:64px;
}
#sb-nav-next {
	background-image:url("../images/template/shadowbox_next.png");
	float:right;
	margin-left:7px;
	margin-right:3px;
	width:42px;
}
#sb-nav-previous {
	background-image:url("../images/template/shadowbox_previous.png");
	float:right;
	margin-left:7px;
	margin-right:3px;
	width:39px;
}
#sb-counter {
	text-align:center;
}
#sb-counter a {
	padding:0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#sb-counter a.sb-counter-current {
	text-decoration:underline;
}
div.sb-message {
	font-size:11px;
	padding:10px;
	text-align:center;
}
div.sb-message a:link,
div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}


/************************** 
* Audio
**************************/
/* Youtube subscribe button  */
a.youtube-subscribe-btn:link,
a.youtube-subscribe-btn:visited {
	background:url("../images/media/youtube_subscribe_btn.png") no-repeat 0 0 transparent;
	color:#FFFFFF;
	display:inline-block;
	float:left;
	height:45px;
	margin:0 10px 0 0;
	text-indent:-5000px;
	width:110px;
}
a.youtube-subscribe-btn:active,
a.youtube-subscribe-btn:hover {
	background-position:0 100%;
}
ul.audio-list {
	margin:0;
	padding:0;
	width:100%;
}
ul.audio-list li {
	list-style:none;
	margin:0;
	padding:0;
}

div.audio-row {
	display:inline-block;
	width:100%;
}
div.audio-row div.audio-block,
div.audio-row div.audio-block2 {
	float:left;
	padding-right:15px;
	width:100%;
}
div.audio-row div.audio-block2 {
	padding-right:0;
}

div.audio {
	background:url("../images/media/video_background.gif") repeat-x top left transparent;
	border:1px solid #666666;
	border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
	margin:0 auto 15px auto;
	width:100%;
	line-height:100%;
}
div.audio-body {
	padding:6px 10px 10px;
	position:relative;
}
div.audio-info {
  display:block;
  overflow:hidden;
}
h3.audio-title {
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px dotted #cccccc;
	font-size:12px;
	font-weight:bold;
	line-height: 100%;
	margin:0 0 10px 0;
	padding:2px 22px 8px 20px;
}
h3.audio-title.bf2 { background-image:url("../images/template/bf2_icon_16x16.gif"); }
h3.audio-title.arma2 { background-image:url("../images/template/arma2_icon_16x16.gif"); }
h3.audio-title a { color:#ffffff; }

div.audio-body .audio-hd-icon {
	display:inline-block;
	float:right;
	margin-top:2px;
	overflow:hidden;
}

div.audio-body ul {
	display:inline-block;
	float:left;
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
div.audio-body ul li {
	color:#cccccc;
	display:block;
	font-size:10px;
	line-height:100%;
	margin:0;
	padding:0 0 10px;
}
div.audio-body ul li.last { padding-bottom:0; }
div.audio-body ul li .label { font-weight:bold; }
div.audio-body ul li .audio-type {
	color:#ffffff;
	font-weight:bold;
}
div.audio-body p {
	color:#cccccc;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:10px;
}

/* Video thumbnail */
div.audio-thumb {
	border-right:1px dotted #cccccc;
	float:left;
	height:40px;
	padding-right:10px;
	margin-right:10px;
	width:145px;
}	
div.audio-thumb a {
	background-color:#666666;
	border:2px solid #666666;
	text-decoration:none;
	display:block;
}
div.audio-thumb a:hover {
	background-color:#898989;
	border-color:#898989;
}
div.audio-thumb a span.play {
	display:block;
	background:url("../images/template/play-thumb-arrow.png") center 17px no-repeat transparent;
	margin:-66px 0 0 0;
	height:66px;
	position:relative;
	z-index:100;
	opacity:0.7;
	filter:alpha(opacity=70);
}
div.audio-thumb a:hover span.play {
	opacity:0.90;
	filter:alpha(opacity=90);
}

/* Videos form */
div.audio-form {
	margin:2px 0 0;
	float:right;
}
div.audio-form label {	text-align:right; }
div.audio-form select { max-width:250px; }
div.audio-form #mod,
div.audio-form #t {
	margin-right:5px;
}