/*
Theme Name: Destin Hype
Theme URI: http://revivemediaservices.com
Description: A custom theme built for Destin Hype.
Version: 2.0
Author: Brandon Pence
Author URI: http://revivemediaservices.com/
*/

body {background-image:url(img/body-bg.jpg);background-repeat:no-repeat;background-position:50% 0%;background-color:black;font-family:arial;font-size:12px;text-align:center;}

a {color:#00A4B7;}
a:hover {text-decoration:none;}
p {padding:5px;}

#container {width:1024px;height:500px;margin-left:auto;margin-right:auto;}

#menu {}
#menu ul {padding-left:100px;}
#menu ul li {float:left;}
#menu ul li a {color:white;text-decoration:none;padding:20px;display:block;font-size:20px;}
#menu ul li a:hover {color:#00C7FF;}
#menu ul li a.twitter {padding-left:10px;}
#menu ul li a.facebook {padding-left:0;padding-right:10px;}

#logo {width:350px;height:180px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:30px;}

#content_container {background-image:url(img/cornr3.gif);width:700px;margin-right:auto;margin-left:auto;color:#767474;background-repeat:no-repeat;background-color:black;text-align:left;float:left;}
#content_container_full {background-image:url(img/cornr2.gif);width:970px;margin-right:auto;margin-left:auto;color:#767474;background-repeat:no-repeat;background-color:black;text-align:left;}
#content_container p {line-height:18px;}
#content_container ul {padding:10px 0 10px 0;}
#content_container ul li{background-image:url(img/lr.gif);background-repeat:no-repeat;padding-left:15px;line-height:20px;background-position:0 7px;}
#content_container ul li a{}
#padding_container {padding:50px;}
#sidebar {width:200px;height:500px;float:left;margin-left:50px;background-image:url(img/sidebar.gif);color:#767474;}
#sidebar ul {list-style-type:none;}
#sidebar ul li{list-style-type:none;}

.textwidget {text-align:left;padding-left:20px;padding-right:20px;}

div.hr {height:3px;background-image:url(img/hr.gif);background-repeat:repeat;width:968px;margin-left:auto;margin-right:auto;padding-bottom:10px;padding-top:10px;background-repeat:no-repeat;}
div.hr hr {display: none;}

h1 {color:white;font-weight:bold;font-size:24px;padding-bottom:10px;}
h2 {color:white;font-weight:bold;font-size:18px;padding:20px;padding-left:0;}

h1.page_title a{color:white;font-size:18px;float:right;background-image:url(img/h1_square.gif);background-repeat:no-repeat;background-position:right;padding-right:20px;text-decoration:none;}
h1.page_title a:hover {text-decoration:underline;}

h1.post_title a{color:white;font-size:18px;background-image:url(img/h1_square.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;text-decoration:none;}
h1.post_title a:hover {text-decoration:underline;}

.no_padding {padding:0;}
.padding_bottom {padding-bottom:20px;padding-top:0;}
.normal_input {background-color:black;border:1px solid #414648;width:180px;color:white;}
.normal_textarea {background-color:black;border:1px solid #414648;width:176px;color:white;}

.contact_left {width:255px;float:left;padding:10px;}
.contact_middle {width:255px;float:left;padding:10px;}
.contact_right {width:295px;float:left;padding:10px;}

/* YoxView v1.8 CSS file */
#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_top{ top: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }

#yoxview
{
	position: absolute;
	z-index: 999;
	border: solid 1px #999;

	overflow: hidden;
	font-size: 10pt;
}
#yoxview a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_imgPanel div.yoxview_mediaPanel
{ 
	position: absolute; 
	top: 0; left: 0; 
	background: #191919; 
	width: 100%; 
	height: 100% 
}
#yoxview .yoxview_ctlBtn
{
	position: absolute; 
	z-index: 3;
	display: block;
	text-decoration: none;
	outline: none;
	width: 50%;
	height: 100%;
}
#yoxview .yoxview_ctlBtn img
{
	position: absolute;
	border: none;
	top: 50%;
	margin-top: -22px;
}
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
{
	width: 59px; 
	height: 59px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -30px;
	margin-left: -30px;
	z-index: 4;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#yoxview #yoxview_ajaxLoader img
{
	padding: 13px;
}
#yoxview .yoxview_popupBarPanel
{
	position: absolute;
	z-index: 4;
	height: 70px;
	width: 100%;
	display: none;
	left: 0;
}

#yoxview .yoxview_popupBarPanel .yoxview_popupBar
{
	position: absolute;
	right: 0;
	line-height: 1em;	
}
#yoxview #yoxview_popupMenu
{ 
	width: 150px; 
	height: 42px; 
	padding-top: 0px;
	padding-right: 9px;
	position: absolute; 
	right: 0;
	background-image: url(images/sprites.png); 
	background-repeat: no-repeat;
}

#yoxview #yoxview_popupMenu a
{ 
	display: block; 
	width: 45px; 
	float: right; 
	text-align: center; 
	font-size: 0.8em; 
	position: relative;
	margin-top: -5px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
}
#yoxview #yoxview_popupMenu a span{ color: White; display: block; margin-bottom: 3px;  }
#yoxview #yoxview_popupMenu a.last{ margin-left: 0; }
#yoxview #yoxview_popupMenu a:focus{ outline: none; }
#yoxview #yoxview_popupInfo div
{
	z-index: 1;
	width: 100%;
}
#yoxview #yoxview_popupInfo a{ color: #aaa; text-decoration: underline; outline: none; }
#yoxview #yoxview_popupInfo a:hover{ color: White; text-decoration: underline; }
#yoxview #yoxview_popupInfo h1
{
	z-index: 2;
	font-size: 12pt;
	color: White;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border: none;
}
#yoxview #yoxview_popupInfo span
{
	position: absolute;
	bottom: 7px;
	left: 10px;
	z-index: 3;
	font-size: 0.8em;
	color: White;
}
#yoxview #yoxview_popupInfo a.yoxviewInfoLink
{
	position: absolute;
	right: 5px;
	bottom: 6px;
	z-index: 3;
	display: none;
	opacity: 0.8;
}
#yoxview #yoxview_popupInfo a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
{
	display: none;
	width: 201px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -171px;
	margin-left: -111px;
	z-index: 5;
	color: White;
	padding: 20px;
	padding-top: 10px;
	cursor: pointer;
}
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
{
	display: block;
	text-align: center;
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	top: 41%;
	width: 100%;
	height: 20%;
	position: absolute;
	padding: 10px;
}
#yoxview .yoxview_error .errorUrl
{
	font-size: 10pt;
}
.yoxview-thumbnails a
{
	float: left;
	margin: 4px;
	/* For thumbnails opacity: */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.yoxview-thumbnails a:hover
{
	/* For thumbnails opacity: */
	opacity: 1;
	filter: alpha(opacity=100);
}
.yoxview-thumbnails a img
{ 
	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
	border: solid 1px #ffffff;
}
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}

a.info{ /*this is the key*/z-index:24;color:#000;text-decoration:underline;}
a.info:hover{z-index:25; background-color:#013E6D;color:#FFF;}
a.info span{display: none;}
a.info:hover span{ /*the span will display just on :hover state*/display:block;position:absolute;top:308px; left:5px;background-color:#013E6D; color:#FFF;text-align: center;z-index:200;border:1px solid black;height:173px;}