/*
Theme Name:     Spectrum Studios
Description:    Custom WordPress theme developed by Caledon Virtual for Spectrum Studios 
Template:       twentyten
Theme URI:      http://www.gospectrumstudios.com/
Author:         Caledon Virtual
Author URI:     http://www.caledonvirtual.com/
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}
table {
   border-collapse:collapse;
   border-spacing:0;
   font-size:13px;
}
fieldset,
img {
   border:0;
}
ol,
ul {
   list-style:none;
}
caption,
th {
   text-align:left;
}
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}
q:before,
q:after {
   content:'';
}
abbr,
acronym {
   border:0;
}
body,
html {
   margin:0px;
   padding:0px;
}
body,
html {
   background: #181818 url(images/bg_b.jpg);
   background-position: top center;
   background-repeat: no-repeat;
   font: 13px/15px Helvetica, Arial, sans-serif;
   color: #222;
   width: 100%;
   height: 100%;
   min-width: 960px;
   -webkit-text-size-adjust: none;
}
x* {
   outline: 1px dashed maroon;
}
/* Global Tags */


x* {
   outline: 1px dashed maroon;
}
a {
   color: #444;
}
a:visited {
   color: #444;
}
a:hover {
   color: #444;
}
.g1 {
   color: #5a5a5a;
}
.g2 {
   color: #3a3a3a;
}
/* gold*/
h1 {
   font-family: "Gill Sans";
   text-transform: uppercase;
   font-size: 20px;
   line-height: 32px;
   padding-top:12px;
   margin-bottom:5px;
   letter-spacing:1px;
   color: #333333;
}
/*blue*/
h2 {
   font-family: Arial;
   text-transform: uppercase;
   font-size: 19px;
   line-height: 42px;
   padding-top:5px;
   color: #141d35;
}
/*dark gold*/
h3 {
   font-family: Arial;
   text-transform: uppercase;
   font-size: 19px;
   line-height: 42px;
   padding-top:5px;
   color: #554531;
}
h4 {
   color:#333333;
   font-family:Helvetica, Arial, Trebuchet MS, Verdana;
   font-size:18px;
   font-weight:bold;
   letter-spacing:-0.25px;
   line-height:25px;
   margin:15px 0 0;
   padding:0;
}
h5 {
   text-transform: uppercase;
}
p {
   margin: 5px 0px 7px 0px;
   color:#454545;
   font-family:Helvetica, Arial, Trebuchet MS, Verdana;
   font-size:13px;
   line-height:18px;
}
#wrapper {
   position: relative;
   top: 0px;
   margin: 12px auto;
   width: 950px;
   overflow: hidden;
   background: #fff;
   min-height: 400px;
}
#inside_block_1 {
   margin-bottom:30px;
}
#inside_block_1 #video_page p {
   width:600px;
   height:337px;
}
#header {
   position: relative;
   top: 0px;
   width: 950px;
   height: 94px;
   overflow: hidden;
   background: #fff url(images/bg_header.gif) no-repeat;
   border-bottom: 3px solid #CDAE6B;
}
#box_top {
   position: relative;
   top:0px;
   left:0px;
   width: 950px;
   overflow: hidden;
   background: #111;
   height: 380px;
   border-bottom: 3px solid #CDAE6B;
}
#video_thumbs ul {
   padding: 20px 0px 0px 0px;
}
#video_thumbs ul li {
   height: 80px;
   cursor: pointer;
}
#video_thumbs ul li img {
   width: 95px;
   border: 1px solid #555;
   float: left;
   margin-right: 10px;
}
#video_thumbs ul li h6 {
   color: #ccc;
   font-weight: bold;
}
#video_thumbs h1 {
   line-height:20px;
   color: #666;
}
#video_thumbs ul li p {
   color: #999;
   font-weight: normal;
}
#video_thumbs_gallery ul {
   padding: 40px 0px 0px 0px;
}
#video_thumbs_gallery ul li {
   height: 80px;
   width: 50%;
   float: left;
   cursor: pointer;
}
#video_thumbs_gallery ul li img {
   width: 95px;
   border: 1px solid #a18a58;
   float: left;
   margin-right: 10px;
}
#video_thumbs_gallery ul li h6 {
   color: #444;
   font-weight: bold;
}
#video_thumbs_gallery ul li p {
   color: #a18a58;
   font-weight: normal;
}
#video_thumbs_right ul {
   padding: 10px 0px 0px 0px;
}
#video_thumbs_right ul li {
   height: 70px;
   cursor: pointer;
}
#video_thumbs_right ul li img {
   width: 95px;
   border: 1px solid #a18a58;
   float: left;
   margin-right: 10px;
}
#video_thumbs_right ul li h5 {
   text-transform: uppercase;
   text-decoration: none;
   color: #444;
}
#video_thumbs_right ul li p {
   color: #a18a58;
   font-weight: normal;
   text-decoration: none;
}
#content {
   position: relative;
   top: 0px;
   clear: both;
   width: 950px;
   overflow: hidden;
   background: #fff;
   min-height: 400px;
}
#center {
   position: relative;
   top: 0px;
   width: 870px;
   padding: 0px 40px 20px 40px;
   overflow: hidden;
}
#left {
   position: relative;
   top: 0px;
   float: left;
   width: 600px;
   padding: 0px 20px;
   overflow: hidden;
}
#right {
   position: relative;
   top: 0px;
   float: left;
   background: #f7f7f7;
   border-left: 1px solid #eee;
   width: 269px;
   padding: 0px 20px;
   overflow: hidden;
}
#footer {
   width: 950px;
   height: 73px;
   overflow: hidden;
   background: #eee;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #888;
   text-align: center;
}
.clearboth {
   clear: both;
   height: 0px;
   width: 0px;
   overflow: hidden;
}
.about {
   background-image: initial;
   background-repeat: initial;
   background-attachment: initial;
   -webkit-background-clip: initial;
   -webkit-background-origin: initial;
   background-color: #f7f7f7;
   padding-top: 3px;
   padding-right: 0px;
   padding-bottom: 3px;
   padding-left: 0px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #f0f0f0;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #eeeeee;
}
.about img {
   height: 65px;
   margin-top: 0px;
   margin-right: 10px;
   margin-bottom: 0px;
   margin-left: 0px;
}
.about h4 {
   margin-top: 4px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   font-size: 16px;
}
.about h5 {
   color: #5a5a5a;
   font-size: 14px;
   margin: 0px;
}
#left-list {
   position: relative;
   top: 0px;
   width: 430px;
   float: left;
}
#right-list {
   float:right;
}
#left-list table,
#right-list table {
   margin-bottom: 25px;
   font-size:13px;
   border-top: 1px solid #cdae6b;
   border-left: 1px solid #cdae6b;
   border-spacing: 0;
}
#equipment {
   float: right;
}
#left-list table tr td,
#right-list table tr td {
   padding: 2px 5px;
   border-right: 1px solid #cdae6b;
   border-bottom: 1px solid #cdae6b;
}
.heading {
   background: #f2ebda;
   font-weight: bold;
}
.item {
   width: 270px;
}
.stock {
   width: 32px;
   text-align: center;
}
.price {
   width: 60px;
}
#features {
   height: 140px;
   background: #ffffff;
}
#features ul {
   position: absolute;
   list-style: none;
   margin: 48px 0 0 49px;
}
#features ul li {
   float: left;
   padding: 0;
}
#features ul li a {
   display: block;
   height: 90px;
   width: 213px;
   background-repeat: no-repeat;
   background-position: right top;
   text-decoration: none;
   color: #cdae6b;
}
#features ul li a:hover,
#features ul li a:focus {
   color: #4c4c4c;
}
#features ul li a div {
   float: left;
   margin-top: 10px;
   font: normal normal bold 18px/21px arial, verdana, sans-serif;
   text-align: right;
   text-transform: uppercase;
}
#features ul li a div p {
   font: normal normal bold 14px/17px arial, verdana, sans-serif;
}
#ft_01 {
   background-image: url('images/bkgd_lights.jpg');
}
#features ul li #ft_01 div {
   margin-left: 6px;
}
#ft_02 {
   background-image: url('images/bkgd_camera.jpg');
}
#features ul li #ft_02 div {
   margin-left: 15px;
}
#ft_03 {
   background-image: url('images/bkgd_people.jpg');
}
#features ul li #ft_03 div {
   margin-left: 30px;
}
#ft_04 {
   background-image: url('images/bkgd_newspaper.jpg');
}
#features ul li #ft_04 div {
   margin-left: 21px;
}
.nav_bar {
   position: absolute;
   list-style: none;
   margin: 38px 0 0 92px;
}
.nav_bar li {
   display: inline;
   font: normal normal normal 11px/14px arial, verdana, sans-serif;
   border-right:1px solid #cdae6b;
   letter-spacing: 1px;
   color: #cdae6b;
}
.nav_bar li:last-child {
   border:medium none;
   margin-right:2px;
}
.nav_bar li a {
   padding: 0 7px 0 5px;
   text-decoration: none;
   color: #ffffff;
}
.nav_bar li a:hover,
.nav_bar li a:focus {
   color: #cdae6b;
}
#footer .nav_bar {
   position: relative;
   margin: 10px 0 0 0;
   padding: 8px 0;
}
#footer .nav_bar li {
   color: #7a7a7a;
   border-right:1px solid #7a7a7a;
}
#footer .nav_bar li:last-child {
   border:medium none;
   margin-right:2px;
}
#footer .nav_bar li a {
   color: #4c4c4c;
   padding:0 6px 0 5px;
}
#cpvideo_controls_container {
   position: absolute;
   top:300px;
   left:0px;
   width:600px;
   height: 37px;
   z-index:102;
}
#cpvideo_controls_container_bg {
   position: absolute;
   top:0px;
   left:0px;
   width:100%;
   height: 100%;
   display: block;
   z-index:101;
   background: url(images/video_player_33.png);/*
	opacity: 0.3;
	-ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    */
}
#cpvideo_controls {
   position: relative;
   top:4px;
   left:0px;
   width:500px;
   height: 37px;
   z-index:101;
   -moz-user-select: none;
   -khtml-user-select: none;
}
#cpvideo_controls_play_pause {
   position: absolute;
   top:0px;
   left:15px;
   -moz-user-select: none;
   -khtml-user-select: none;
}
#cpvideo_controls_scrub {
   -moz-user-select: none;
   -khtml-user-select: none;
   position: absolute;
   top:9px;
   left:55px;
   width:400px;
   height: 8px;
   background: url(images/video_player_bg.png);
   border: 1px solid #555;
   border-top: 1px solid #333;
   border-radius:5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -opera-border-radius: 5px;
}
#cpvideo_controls_scrub_pos {
   position: relative;
   top:0px;
   left:0px;
   background: url(images/video_player_white.png);
   width: 2%;
   height:8px;
   border: 0px solid #fff;
   border-radius:5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -opera-border-radius: 5px;
}
#cpvideo_controls_scrub_handle {
   -moz-user-select: none;
   -khtml-user-select: none;
   position: absolute;
   top:-4px;
   right:-2px;
   background: url(images/video_scrub.png) no-repeat;
   width: 16px;
   height:16px;
}
#cpvideo_controls_time {
   position: absolute;
   top:8px;
   left:475px;
   overflow: hidden;
   width:60px;
   height: 13px;
   font-weight: bold;
   color: #aaa;
   font: 11px/13px Helvetica, Arial, sans-serif;
}
#cpvideo_controls_loading {
   position: absolute;
   top: 150px;
   left:290px;
   z-index: 104;
   opacity: 0.5;
}
#cpvideo_controls_muted {
   position: absolute;
   bottom: 8px;
   right:20px;
   opacity: 0.7;
   z-index:109;
}
#cpvideo_controls_muted:hover {
   opacity: 1.0;
}
#cpvideo_controls_play_pause {
   position: absolute;
   bottom: 10px;
   left:15px;
}
/* sidebar styles */
#blogposts .meta-data {
   width:55px;
   float: left;
}
#blogposts .sidebar-post-title {
   float: left;
   width: 210px;
}
#blogposts .sidebar-post-title a {
   text-decoration:none;
}
#blogposts .excerpt {
   line-height: 15px;
   margin-bottom: 15px;
   margin-top: 5px;
   padding-left: 0px;
   color: #454545;
   font-family: Helvetica, Arial, 'Trebuchet MS', Verdana;
   font-size: 13px;
   margin: 8px 0px 10px;
}
#blogposts .excerpt a {
   color:#888888;
   text-decoration:none;
}
#boxtop {
   background: #111;
   border-bottom: 3px solid #CDAE6B;
   height: 337px;
   left: 0px;
   overflow: hidden;
   position: relative;
   top: 0px;
   width: 950px;
}
#main_video {
   height:337px;
   left:0;
   position:absolute;
   top:0;
   width:600px;
   z-index:100;
   padding: 4px 4px;
*/
}
#boxtop #video-content {
   height: 337px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 600px;
   z-index: 100;
}
#boxtop #videolist {
   height: 327px;
   left: 630px;
   position: absolute;
   top: 10px;
   width: 280px;
}
#boxtop-video {
   background: #111;
   border-bottom: 3px solid #CDAE6B;
   height: 337px;
   left: 0px;
   overflow: hidden;
   position: relative;
   top: 0px;
   width: 600px;
}
#videolist p img {
   top:2px;
   position:relative;
   opacity:0.7;
}
#videolist p a {
   text-decoration: none;
   color: rgb(153, 153, 153);
}
#home-videoposts .video-image {
   float: left;
   padding-bottom:20px;
}
#home-videoposts .video-content {
   float: left;
   width: 170px;
}
#videoposts .video-image img {
   border: 1px solid #A18A58;
   margin-right: 10px;
   width: 95px;
}
#videoposts .video-content p {
   color: #A18A58;
   font-weight: normal;
   text-decoration: none;
}
#videoposts .video-image {
   float: left;
   padding-bottom:20px;
}
#videoposts .video-content {
   float: left;
   width: 162px;
}
#home-videoposts .video-image img {
   border: 1px solid #A18A58;
   margin-right: 10px;
   width: 95px;
}
#home-videoposts .video-content p {
   color: #999;
   font-weight: normal;
}
#home-videoposts .video-content h6 {
   color: #CCC;
   font-weight: bold;
}
#home-videoposts .home-videos-data {
   margin:21px 0px;
}
#post-video1 {
   display:block;
}
#post-video2 {
}
/*------style for home page-----*/
.box_top_poss {
   position: relative;
   top: 0px;
   left: 0px;
   display:block;
}
.cpvideo_poss {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 600px;
   height: 337px;
   z-index: 100;
}
.cpvideomask_poss {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 600px;
   height: 337px;
   z-index:101;
}
.video_thumbs_poss {
   position: absolute;
   top: 10px;
   left: 630px;
   width: 280px;
   height: 327px;
}

/*------style for single video-----*/
.top_box {
   position: relative;
   top: 10px;
   left: 0px;
   display: block;
   overflow: hidden;
   background: #111;
   height: 360px;
}

/*------style for video browser-----*/
div#video_thumbs_gallery img {
	margin:12px 0 3px;
   cursor:pointer;
}

/*-------end of home page style------*/
