@charset "utf-8";
body{
	background: #A2A2A2;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#content{
	background: #ffffff;
	margin: 0 auto;
	padding: 5;
	width: 1000px;
	-moz-box-shadow: 0 0 10px 10px #888;
	-webkit-box-shadow: 0 0 10px 10px #888;
	box-shadow: 0 0 20px 10px #555;
}
/* ~~~~~ Header ~~~~~~~~ */	
#header{
	margin: 0 auto;
	background-image: url(http://www.chubvideos.com/graphics/index2013/wall.jpg);
	background-repeat: repeat-x;
	height: 165px;
}
#iheader{
	margin: 0 auto;
	background-image: url(http://www.chubvideos.com/graphics/index2013/wall.jpg);
	background-repeat: repeat-x;
	height: 125px;
}

#addthis {
	float:right;	
	margin-right:20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:10px;
}

.chd{
	width: 1000px;	
}
.fltlft { 
	float: left;
	margin-right: 50px;
}
.fltrt { 
	float: right;
	margin-left: 10px;
	margin-right: 50px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.header{
	margin-top: 5px;
	margin-left: 20px;
}

#navigation{  width:100%; height:34px; background:url(http://www.chubvideos.com/graphics/index2013/bg-menu.jpg) repeat;}
	#menus{ width:980px; height:34px; position:relative; margin:auto;}
	#menus ul{    margin: 0;    padding: 0;}
	#menus ul li{    list-style-type: none;    display: inline; line-height:34px; float:left;}
	#menus li:before {content: " ";}
	#menus li:first-child:before {content: none;}
	#menus li a{ text-transform:uppercase; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none;  padding:0 12px; background-image: url(http://www.chubvideos.com/graphics/index2013/divider.jpg);background-repeat: no-repeat;background-position: right; display: block;}
	#menus li a:hover{ color:#fff000;}
	
/* ~~~~~ End Header ~~~~~~~~ */

#footer{
	margin: 0 auto;
	color: #fff;
	padding: 10px;
	background-image: url(http://www.chubvideos.com/graphics/index2013/wall.jpg);
	background-repeat: repeat-x;
	height: 140px;
}

#c-footer{
	margin: 0 auto;
	color: #fff;
	padding: 10px;
	background-image: url(http://www.chubvideos.com/graphics/index2013/wall.jpg);
	background-repeat: repeat-x;
	height: 90px;
}

#jfooter{
	margin: 0 auto;
	color: #fff;
	padding: 10px;
	background-image: url(http://www.chubvideos.com/graphics/index2013/wall.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
/*.box{
	border: 0px solid black;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 3px 3px 5px  0px #888;
	-webkit-box-shadow: 3px 3px 5px 0px  #888;
	box-shadow: 3px 3px 5px 0px  #555;
	clear:both;
	margin:0;
	width: 250px;
	padding: 1em;	
	margin: 0 auto;
	height: 300px;
}*/

.index-player{background:#000;
	-webkit-border-radius:0px;
	border-radius:0px;
	height:auto;
	margin:0 auto;
	padding:9px;
	width:876px;
	text-align:left;
	color:#ccc;
	font-size:16px;
}

.video_holder{width:876px;height:470px;
}

#player_holder{
	margin: 0 auto;
	width:920px;
	background-color:#FFFFFF;
	-moz-box-shadow: 0 0 10px 10px #888;
	-webkit-box-shadow: 0 0 10px 10px #888;
	box-shadow: 0 0 20px 10px #555;
}

.index-player-foot{
	right:center no-repeat;
	padding:2px 2px 0 2px;
	width:900px;
	margin: 0 auto;
}

#cs-content{
	margin: 0 auto;
}

.c-videos{
	border: 0px solid black;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	clear:both;
	margin:0;
	width: 270px;
	padding:1em;
}

.c-photo{
	clear:both;
	width: 180px;
	padding:1em;
	margin: 0 auto;
}

.inside{
	width: 940px;
	margin:0 auto;
	text-align:center;
	margin-bottom: 0;
}

#spacer{
	padding: 10px;
}

h1 {
	border: none;
	font-size: 36px;
	color: #CC0000;
	line-height: normal;
	text-align:center;
	margin-bottom: 0px;
}
h2 {
	border: none;
	font-size: 24px;
	color: #000000;
	line-height: normal;
	text-align:center;
	font-weight: bold;
	margin-bottom: 0px;
}

h3 {
	border: none;
	font-size: 18px;
	color: #000000;
	line-height: normal;
	text-align:center;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}
h31 {
	border: none;
	font-size: 20px;
	color: #000000;
	line-height: normal;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 5px;
}

h4 {
	border: none;
	font-size: 28px;
	color: #CC0000;
	text-align:center;
	font-weight: bold;
	margin-bottom: 0px;
}

h5 {
	border: none;
	font-size: 18px;
	color: #CC0000;
	margin-bottom: 0px;
}
h6 {
	border: none;
	font-size: 18px;
	color: #FFF;
}
h7 {
	border: none;
	font-size: 20px;
	color: #000000;
	text-align:center;
}
h8 {
	border: none;
	font-size: 50px;
	color: #000;
	text-align:center;
	font-weight: bold;
	margin:0 auto;
	text-shadow: 0 0 1px #ff0000, 0 0 3px #ff0000, 0 0 10px #ff0000;
}
h81 {
	border: none;
	font-size: 66px;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 0 3px #ff0000, 0 0 5px #ff0000, 0 0 15px #ff0000;
}
h82 {
	border: none;
	font-size: 40px;
	color: #000;
	text-align:center;
	font-weight: bold;
	margin:0 auto;
	text-shadow: 0 0 1px #ff0000, 0 0 3px #ff0000, 0 0 10px #ff0000;
}
h83 {
	border: none;
	font-size: 30px;
	color: #000;
	text-align:left;
	font-weight: bold;
	margin:0 auto;
	text-shadow: 0 0 1px #ff0000, 0 0 3px #ff0000, 0 0 10px #ff0000;
}
h84 {
	border: none;
	font-size: 20px;
	color: #000;
	text-align:left;
}
h11 {
	font-size:20px;
	color: #000000;
    text-decoration:none;
	text-align:center;
	font-weight: bold;
}

h12 {
	border: none;
	font-size: 40px;
	color: #000;
	text-align:center;
	font-weight: bold;
	margin:0 auto;
	text-shadow: 0 0 1px #ff0000, 0 0 3px #ff0000, 0 0 10px #ff0000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	text-align: left;
}
h1, h2, h3, h4, h5, h6, h7, h8, h81, h11, h12, p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

.p1{
	margin:0 auto;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 2px;
}

.p2 {
	margin:0 auto;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #FFF;
	margin-left: 15px;
}

.p3 {
	font-size: 15px;
	text-align:right;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #FFF;
}

.p4{
	font-size: 17.5px;
	text-align: left;
	margin:0 auto;
}

.p5{
	font-size: 17.5px;
	text-align: right;
	margin:0 auto;
}

.p6 {
	font-size: 14px;
	text-align:center;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;	
}

.p7 {
	font-size: 10px;
	text-align:center;
	color: #CC0000;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:15px;
	font-weight: normal;
}

.p8 {
	margin:0 auto;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000;
	margin-top: 5px;
}

.p9 {
	font-size: 16px;
	text-align:center;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;
}

.p10 {
	font-size: 16px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.p11{
	margin:0 auto;
	font-size: 26px;
	margin-top: 1px;
}
.p12{
	margin:0 auto;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 1px;
}

.p15 {
	color: #CC0000;
	font-size: 26px;
	font-weight:bold;
	margin-bottom: 0px;
	margin-left:30px;
	margin-top: 0px;
}

.p16 {
	font-size: 20px;
	margin-bottom: 0px;
	margin-left:30px;
	margin-top: 0px;
}

a img { 
	border: none;
}

a:link {
	color:#CC0000;
}

a:visited {
	color: #CC0000;
}
a:hover, a:active, a:focus {
	color: #CC0000;
}

a.join:hover,a.ex1:active {
	color:#FFF000;
}

a.join1:hover,a.ex1:active {
	color:#000000;
}

a.f1:link,hover,a.ex1:active {
	color:#CC0000;
	text-decoration:none;
}


/* ~~~~~ Photo Gallery Sub Pages ~~~~~~~ */

 img.thumbg {
	display:block;  
	margin-left:auto;  
	margin-right:auto;  
	border-width:0px;  
	border-color:#000000;  
	border-style:solid; 	
	width:190px;  
	height:240px;
}
/* ~~~~~ End Photo Gallery Sub Pages ~~~~~~~ */

/* ~~~~~ video Gallery Sub Pages ~~~~~~~ */

 img.thumbv {
	/*display:block;  
	margin-left:auto;  
	margin-right:auto;  
	border-width:4px;  
	border-color:#000000;  
	border-style:solid; 	
	width:259px;  
	height:172px;*/
	
 	border: 0px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
	clear:both;	
	margin:0 auto;
	width: 259px;
	height:172px;
	padding:.75em;
	margin-left:auto;  
	margin-right:auto;
	 		
}


a.vid:link {
	color:#000;	
}

a.vid:visited {
	color: #000;
}

a.vid:hover, a:active, a:focus {
	color: #000;
}

/* ~~~~~ End video Gallery Sub Pages ~~~~~~~ */


 img.thumb {
	display:block;  
	margin-left:auto;  
	margin-right:auto;  
	border-width:2px;  
	border-color:#000000;  
	border-style:solid; 	
	width:189px;  
	height:240px;
}

/* nav buttons */
#sub-nav-button {
	margin:0 auto;
	padding: 20px;
}

#sub-nav-wrap {
    overflow:hidden;
    margin:0 auto;
}

a.sub-nav-link {
    display:block;
    height:29px;
    width:25px;
    margin:3px;
    background:#fff;
    line-height:27px;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    color:#000; 
	-moz-box-shadow: 0 0 1px 1px #CC0000;
	-webkit-box-shadow: 0 0 1px 1px #CC0000;
	box-shadow: 0 0 2px 1px #CC0000;
}
a.sub-nav-link:hover {
    background:#000;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}
/* end nav buttons */

/* video test */
.videocontainer {overflow: hidden;}
.thumbv {float:left; width:29%; margin:2% 2% 1% 2%;}
.thumbv1 {float:left; width:29%; margin:2% 2% 1% 2%;}
.thumbv h7 {margin-top:10px;}
.thumbv1 h7 {margin-top:10px;}
.thumbv img{max-width: 100%; margin:0 auto; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000; box-shadow: 3px 3px 8px #000; } 
.thumbv img{max-width: 100%; margin:0 auto;} 

#vid-title{padding: 5px;}

h7a { font-family:Arial, Helvetica, sans-serif; margin: 0 auto ; font-size: 1.0em; color: #000000; overflow:hidden;	font-weight: bold; margin-top:10px; }	
.p3a { font-family:Arial, Helvetica, sans-serif; margin: 0 auto ; font-size: 1.0em; color: #FF0000; }


/* end test */

	/* ------------------- Interior Galleries PC-------------------- */	
	.c-gal-container {width: 80%; margin:0 auto; overflow:hidden;}
	#c-gal-box {width: 20%; padding-bottom: 20%; position: relative; float: left; }
	#innerContent {position: absolute;left: 0px; right: 0px; top: 0px; bottom: 0px;}
	#innerContent img { max-height:100%;  max-width:100%}


