/*
Theme Name: Askjudge
Theme URI: http://aguspriyanto.com/
Description: Askjudge Theme.
Author: Agus Priyanto
Author URI: http://aguspriyanto.com/
Version: 1.0

License:
License URI:

General comments (optional).
*/
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	font-size:12px;
}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}
@font-face {
    font-family: 'eurostilebold';
    src: url('fonts/eurostib1-webfont.eot');
    src: url('fonts/eurostib1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostib1-webfont.woff') format('woff'),
         url('fonts/eurostib1-webfont.ttf') format('truetype'),
         url('fonts/eurostib1-webfont.svg#eurostilebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eurostileregular';
    src: url('fonts/eurosti-webfont.eot');
    src: url('fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurosti-webfont.woff') format('woff'),
         url('fonts/eurosti-webfont.ttf') format('truetype'),
         url('fonts/eurosti-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica-narrowbold';
    src: url('fonts/helvetica_narrow_bold-webfont.eot');
    src: url('fonts/helvetica_narrow_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_narrow_bold-webfont.woff') format('woff'),
         url('fonts/helvetica_narrow_bold-webfont.ttf') format('truetype'),
         url('fonts/helvetica_narrow_bold-webfont.svg#helvetica-narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'plantagenet_cherokeeregular';
    src: url('fonts/plantagenet_cherokee-webfont.eot');
    src: url('fonts/plantagenet_cherokee-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/plantagenet_cherokee-webfont.woff') format('woff'),
         url('fonts/plantagenet_cherokee-webfont.ttf') format('truetype'),
         url('fonts/plantagenet_cherokee-webfont.svg#plantagenet_cherokeeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
blockquote{
	font-family:times new roman;
	font-style:italic;
	color:#696868;
	font-size:13px;
}

/* ========================= Custom ===========================*/
.left{
	float:left;	
}
.right{
	float:right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear{
	clear:both;
}
.inner{
	width:900px;
	margin:0 auto;
}
.helvetica{
	font-family: 'helvetica-narrowbold';
}
.caps{
	text-transform:uppercase;
}

/*========================Header==============================*/
#header{
	background:url("images/header.png") repeat-x center top transparent;
	height:112px;
}
.logo{
	margin-top:10px;
	margin-left:40px;
}
.login {
    background: url("images/login.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-top: 10px;
    text-indent: -999px;
    width: 48px;
}
.tlogin {
    /* background: url("images/emailbox.png") no-repeat scroll 0 0 transparent; */
    border: 1px solid;
    color: #999999;
    font-family: Arial;
    font-size: 10px;
    height: 20px;
    margin-right: 5px;
    margin-top: 11px;
    padding: 0 6px;
    width: 108px;
}
#topmenu{
	background: url("images/topnav.png") repeat-x scroll 0 0 transparent;
	height:37px;
	overflow: hidden;
}
#topmenu ul{
	list-style:none;
}
#topmenu li {
    border-right: 1px solid #606060;
    float: left;
    padding: 9px 12px;
	text-align:center;
}
#topmenu .m1 {
    width: 65px;
}
#topmenu .m2 {
    width: 185px;
}
#topmenu .m3 {
    width: 165px;
}
#topmenu .m4 {
    width: 145px;
}
#topmenu .m5 {
    width: 140px;
}
#topmenu .m6 {
    width: 155px;
}
#topmenu .m7 {
    width: 40px;
}
#topmenu .m8 {
    width: 85px;
}
#topmenu li:hover{
	background-color:#EFBA2D;
}
#topmenu li a {
    color: #FFFFFF;
    font-family: 'eurostilebold';
    font-size: 16px;
    text-shadow: 0 2px 1px #000000;
}
#topmenu .first{
	border-left: 1px solid #606060;
}

/*=================Main========================*/
.maintop {
    background: url("images/maintop.png") repeat-x scroll center 0 transparent;
    min-height: 349px;
}
.man{
    background: url("images/manbg.png") no-repeat scroll center top transparent;
    width:100%;
    float:left;
	background-size: cover;
	/* height:874px; */
}
.man-inside{
    background: url("images/manbg2.png") no-repeat scroll center top transparent;
}
.wrappage {
    background: #FFFFFF;
    border-color:lightgray;
	border-width:0 1px;
	border-style:solid;
    margin-left: 20px;
    width: 1000px;
	box-shadow:-5px 0 5px #999999;
}
#content {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    box-shadow: 1px 1px 4px #999999;
    float: left;
    margin-top: 20px;
    width: 630px;
}
#currentepisode {
    display: block;
    margin: 0 0 30px;
}
#currentepisode img {
    position: relative;
    width: 540px;
}
#currentepisode a {
    display: block;
    height: 346px;
    text-indent: -9999px;
    width: 540px;
}
#currentepisode.screencap-1 {
    background: url("images/screencaps_01.jpg") no-repeat scroll 0 0 transparent;
    height: 291px;
    width: 518px;
}
#currentepisode.screencap-2 {
    background: url("images/screencaps_02.jpg") no-repeat scroll 0 0 transparent;
    height: 291px;
    width: 518px;
}
#currentepisode.screencap-3 {
    background: url("images/screencaps_03.jpg") no-repeat scroll 0 0 transparent;
    height: 291px;
    width: 518px;
}
#currentepisode.screencap-4 {
    background: url("images/screencaps_04.jpg") no-repeat scroll 0 0 transparent;
    height: 291px;
    width: 518px;
}
ul#pastVideos {
    list-style: none outside none;
    margin: 0;
}
ul#pastVideos li {
    float: left;
    margin: 0 12px 25px;
    width: 245px;
}
ul#pastVideos h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-bottom: 5px;
	border-bottom: none;
}
ul#pastVideos h3 a{
	color:#333;
}
.video_btn.screencap-1, .video_btn_archive.screencap-1 {
    background: url("images/screencaps_01_sml.jpg") no-repeat scroll 0 0 transparent;
    height: 138px;
    width: 245px;
}
.video_btn.screencap-2, .video_btn_archive.screencap-2 {
    background: url("images/screencaps_02_sml.jpg") no-repeat scroll 0 0 transparent;
    height: 138px;
    width: 245px;
}
.video_btn.screencap-3, .video_btn_archive.screencap-3 {
    background: url("images/screencaps_03_sml.jpg") no-repeat scroll 0 0 transparent;
    height: 138px;
    width: 245px;
}
.video_btn.screencap-4, .video_btn_archive.screencap-4 {
    background: url("images/screencaps_04_sml.jpg") no-repeat scroll 0 0 transparent;
    height: 138px;
    width: 245px;
}
.video_btn a, .video_btn_archive a {
    display: block;
    height: 138px;
    text-indent: -9999px;
    width: 245px;
}
ul#community_projects li {
    clear: both;
    margin: 0 0 20px;
}
ul#community_projects {
    list-style: none outside none;
    margin: 0;
}
ul#community_projects h3 {
    border-bottom: 1px solid #0D7FCD;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
ul#community_projects h3 a {
    color: #0D7FCD;
}
ul#community_projects li div.project_img {
    float: left;
    margin: 0 10px 0 0;
    width: 250px;
}
ul#community_projects li div.project_img img {
    width: 250px;
}
ul#community_projects li div.project_copy {
    float: right;
    width: 300px;
}
ul#community_projects li div.project_copy p {
    line-height: 18px;
}
ul#community_projects .more {
    font-style: italic;
    font-weight: bold;
    margin: 15px 0 0;
    text-align: right;
}
ul#community_projects .more  a {
    color: #0D7FCD;
}
ul.col1, ul.col2, ul.col3, ul.col4 {
    float: left;
    font-size: 12px;
    list-style: square;
    margin: 15px 0;
    width: 90%;
}
ul.col1 li, ul.col2 li, ul.col3 li, ul.col4 li {
    margin: 0 0 3px 20px;
}
#requestjudge fieldset {
    clear: left;
}
#requestjudge legend, #contactform legend {
    display: none;
}
#requestjudge .row {
    clear: none;
    float: left;
    height: 4em;
    width: 49.99%;
	margin:0 0 10px;
}
#requestjudge .row label {
    display: block;
}
#requestjudge input, #contactform input, #requestjudge textarea, #contactform textarea, #requestjudge .select, #contactform .select_right, #requestjudge .select_left, #requestjudge .select_right, #commentform textarea {
    background: url("images/input_bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #828282;
    font-size: 10px;
    margin-right: 13px;
    padding: 5px;
    width: 200px;
	font-size:14px;
}
.select, .select_left, .select_right {
    padding: 2px !important;
    width: 206px !important;
}
#requestjudge select {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 10px;
    padding: 0;
    width: 200px;
	font-size:14px;
}
.post a{
	color:#0D7FCD;
}	
#content-inside{
	width: 560px;
	float:left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left:40px;
}
#content-inside_long{
	width: 915px;
	float:left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left:40px;
}
.post h3{
	font-family:'Times New Roman';
	font-size:20px;
	border-bottom: 2px groove #3A3A3A;
	font-weight:normal;
	margin-bottom: 5px;
    padding-bottom: 5px;
}
.post small{
	color:#828282;
	font:11px Arial;
	font-style:italic;
}
.post small a{
	color:#828282;
}
.post {
    border-bottom: 1px solid #666666;
    margin-bottom: 40px;
    padding-bottom: 20px;
    float:left;
}
.entry{
	clear:both;
	padding: 10px 0;
}
.entry p {
    margin-bottom: 5px;
	line-height:16px;
}
.entry-radio{
	line-height:16px;
}
.box-gray{
	background-color:#f8f8f8;
	border:1px solid #dedede;
	border-radius:5px;
	padding: 5px 50px;
	margin:20px 0;
}
.box-gray h1{
	font-size:30px;
	color:#EFBA2D;
	margin-top:4px;
}
h2.ask{
	font-size:40px;
	font-family: 'plantagenet_cherokeeregular';
	color:#3a3a3a;
	font-weight:normal;
	border-bottom:2px groove #3A3A3A;
	margin-bottom:30px;
}
h2.arial{
	font-size:24px;	
}
.ttl{
	font: 20px Times New Roman;
    margin: 5px 0;
}
.titlebg {
    background: url("images/titlebg.png") no-repeat scroll 0 0 transparent;
    height: 54px;
    margin: 15px 0 0 -14px;
    width: 628px;
	padding-top:13px;
}
.titlebg h3{
	font-family: 'eurostilebold';
    font-size: 18px;
	margin-left: 30px;
}
.titlebg p {
    margin-left: 30px;
}
.listen{
	margin-right:25px;
	margin-top:2px;
}
#sidebar{
	float:left;
	width: 340px;
	margin-top: 20px;
	margin-left:20px;
}
#sidebar-inside{
	float:right;
	width: 250px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right:40px;
}
h3.helvetica{
	color:#efba2d; 
	font-size:23px;
	letter-spacing:-2px;
	margin-bottom:3px;
}
.cat-radio{
	border-bottom:1px solid #333;
	padding:5px 15px;
}
.detail-radio{
	font-size:11px;
	color:#898989;
	margin-left:10px;
}
.ttl-radio{
	font-weight:bold;
	color:#efba2d;
	text-decoration:underline;
}
.date{
	font-size:10px;
	font-style:italic;
	color:#737373;
}
.price{
	color:#005ba5;
	font-size:18px;
	font-weight:bold;
}
.textinside {
    margin-bottom: 5px;
    width: 200px;
	font: 10px Arial;
}
.textareainside {
    height: 130px;
    width: 220px;
	font: 10px Arial;
	margin-bottom: 5px;
}
.fileinside{
	font: 10px Arial;
	margin-bottom: 5px;
}
.gray-btn {
    background: url("images/gray-btn.png") no-repeat;
    border: medium none;
    font: bold 10px Arial;
    height: 27px;
    margin-top: 5px;
    padding-top: 3px;
    text-align: center;
    width: 230px;
	cursor:pointer;
}
.box{
	background: url("images/box-side.png") no-repeat scroll center 30px transparent;
	width:340px;
	height:195px;
	margin-bottom:20px;
}
.box-beshow{
	background: url("images/box-side.png") no-repeat scroll center 30px transparent;
	background-size:340px 225px;
	width:340px;
	padding-bottom:10px;
	margin-bottom:20px;
}
.box-thejudge{
	background: url("images/box-side2.png") no-repeat scroll center 30px transparent;
	background-size:340px 290px;
	width:340px;
	padding-bottom:10px;
	margin-bottom:20px;
}
.box-thejudge_long{
        background: url("images/box-side2_long.png") no-repeat scroll center 30px transparent;
	background-size:340px 827px;
	width:340px;
	padding-bottom:10px;
	margin-bottom:20px;
}
.box-thejudge2_long{
        background: url("images/box-side3_long.png") no-repeat scroll center 30px transparent;
	background-size:340px 827px;
	width:340px;
	padding-bottom:10px;
	margin-bottom:20px;
}
.box2{
	background: url("images/box-side2.png") no-repeat scroll center 30px transparent;
	width:340px;
	height:290px;
}
#sidebar h3 {
    background: url("images/title-side.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    font-family: 'eurostilebold';
    font-size: 20px;
    padding: 10px 15px;
}
#sidebar .text{
	font-size:16px;
	margin:0 20px;
}
#sidebar ul {
    margin: 10px 0;
}
#sidebar .subs {
    margin: 5px 20px;
}
#sidebar li {
    font-size: 12px;
    list-style-position: inside;
}

#midarea {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 2px #999999;
    float: left;
    margin: 30px 52px 30px 19px;
    width: 980px;
}
#midarea .col{
	width:335px;
	margin: 20px 0;
}
#midarea h3 {
    color: #EFBA2D;
    font-family: 'eurostilebold';
    font-size: 22px;
    margin: 0 30px;
    float:left;
}
#midarea h3 span {
    color: #000000;
    font-family: 'eurostileregular';
    font-size: 22px;
	font-weight:normal;
}
#midarea .mid {
    width: 294px !important;
}
#midarea .wrap {
    margin: 15px 20px 0 30px;
    float:left
}

/*========================Footer==========================*/
#footer{
	background: url("images/footer.jpg") repeat-x scroll center 0 transparent;
	height:230px;
        float:left;
	width:100%;
}
#footer a{
	color:#fff;
}
.infooter {
    color: #FFFFFF;
    float: right;
    line-height: 18px;
    margin: 20px 0 20px;
    text-align: right;
    width: 450px;
}
.bottommenu {
    margin-top: 30px;
}
.bottommenu a{
    margin: 0 5px;
}
.copy {
    margin-top: 20px;
}

/*=============================Slide==================*/

.thumb {
    height: 140px;
    width: 201px;
	border:1px solid transparent;
}
.thumb-container a{
	color:#000;
}
.thumb h3 {
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
    padding-left: 10px;
}
.thumb p {
    margin: 5px 8px;
	font-size:11px;
}
#wrap_banner {
    clear: both;
    height: 475px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 610px;
	margin:10px;
}
.slider-wrap {
    left: 0;
    position: absolute;
    top: 0;
    width: 610px;
}
.stripViewer .panelContainer .panel ul {
    margin: 101px -4px 0;
    text-align: left;
    z-index: 0;
}
.stripViewer .panelContainer .panel .video_images ul {
    margin: -249px -4px 0;
    text-align: left;
    z-index: 0;
}
.stripViewer {
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 610px;
}
.stripViewer .panelContainer {
    left: 0;
    position: relative;
    top: 0;
}
.stripViewer .panelContainer .panel {
    float: left;
    height: 466px;
    position: relative;
    width: 1012px;
}
.stripViewer .panelContainer img {
    float: left;
}
.stripNavL, .stripNavR {
    display: block;
}
.stripNavL a {
    background: url("images/arrleft.png") no-repeat scroll 0 center transparent;
    color: transparent;
    height: 340px;
    left: 20px;
    position: absolute;
    width: 38px;
    z-index: 150;
}
.stripNavR a {
    background: url("images/arright.png") no-repeat scroll right center transparent;
    color: transparent;
    height: 340px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 38px;
    z-index: 150;
}
.stripNav {
    display: none;
}
.nav-thumb {
    font-family: arial;
}
#movers-row {
    margin: 0 0 0 68px;
}
#movers-row div {
    float: left;
}
#movers-row div a.cross-link {
    float: left;
}
#movers-row_video_gallery {
    background: none repeat scroll 0 0 #000000;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#movers-row_video_gallery li {
    color: #FFFFFF;
    float: left;
    font-weight: normal;
}
#movers-row_video_gallery li a {
    color: #FFFFFF;
    font-size: 16px;
    margin: 0 18px;
    padding: 7px 20px;
}
#movers-row_video_gallery li a:hover, #movers-row_video_gallery li .active {
    background: url("images/bg-brown.jpg") repeat scroll 0 0 transparent;
}
#movers-row_video_gallery .active a {
    color: #FFFFFF;
    font-size: 16px;
}
#movers-row_video_gallery div a.cross-link_video_gallery {
    float: left;
}
.photo-meta-data {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    height: 97px;
    line-height: 40px;
    margin: -410px 0 0 212px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 510px;
    z-index: -1;
}
.photo-meta-data span {
    font-size: 36px;
    text-transform: uppercase;
}
ul.photo_meta_data1 {
    color: #000000;
    float: right;
    font-size: 26px;
    font-weight: normal;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 354px;
    z-index: 99999;
}
ul.photo_meta_data1_video {
    width: 504px;
}
ul.photo_meta_data1 li {
    background: url("images/plush.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 15px;
    width: 300px;
}
ul.photo_meta_data1_video li {
    width: 445px;
}
ul.photo_meta_data1 li a {
    color: #FFFFFF;
    font-size: 18px;
}
ul.photo_meta_data1 li.one {
    background: url("images/button_banner.png") no-repeat scroll left center transparent;
    float: right;
    height: 44px;
    margin: 16px 0 0;
    padding: 0;
}
ul.photo_meta_data1 li.one2 {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #FFFFFF;
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin: 16px 0 0 40px;
    padding: 10px;
    text-transform: uppercase;
    width: auto;
}
ul.photo_meta_data1 li.one a {
    display: block;
    width: 201px;
}
.cross-link {
    display: block;
    float: left;
    margin-top: -16px;
    padding-top: 16px;
    position: relative;
    z-index: 9999;
}
.cross-link_video_gallery {
    display: block;
    float: left;
    margin-left: 11px;
    margin-top: -14px;
    padding-top: 20px;
    position: relative;
    width: 189px;
    z-index: 9999;
}
.active-thumb {
    background: url("images/icon-uparrowsmallwhite.png") no-repeat scroll center top transparent;
}
.active-thumb img {
    opacity: 0.8;
}
.imgthumb{
	border: 1px solid #CECECE;
    margin: 0 4px 0 0;
    padding: 3px;
}
.active-thumb .thumb{
	background: url("images/active-tab-bg.png") repeat-x scroll center bottom #fff !important;
	margin-top:-7px;
	border:1px solid lightgray;
	border-radius:5px;
}
.active-thumb .arrow{
	background: url("images/active-tab-top2.png") no-repeat scroll center top;
	height:10px;
	margin-top:-10px;
	width:100%;
}
.thumb-container {
    width: 102%;
}
.caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    position: absolute;
    top: 297px;
    width: 610px;
}
.caption > span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
}
.font_contact_information{
   font-size: 12px !important;
}
.box-beshow .left{
    margin-top:10px;
    float:left;
    margin-bottom:10px;
}
.box-beshow .right{
    margin-top:10px;
    float:right;
    margin-bottom:10px;	
}
.box-beshow .clear{
    clear:both;
}
.engagment_margin{
    margin-top:10px;
}
.photo_lightbox img{
margin:12px;
}
.store_all_item{
    width:100%;
    float:left;
}
.store_item{
    width:225px;
    float:left;	
    margin-bottom:20px;
}
.store_item a:active, .store_item a:link, .store_item a:visited{
   text-decoration:none; color:#0000FF; 
}
.store_item a:hover{
   text-decoration:none; color:#EFBA2D; 
}
.not_register{
	margin-top:5px;
}
.not_register a{
   font-weight:bold;
   color:#EFBA2D;
}
.listradio {
    font-size: 14px;
    list-style-position: inside;
    margin: 10px 0;
}
.iaudio {
    padding: 2px 0;
    position: relative;
}
.audiodate {
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    width: 20%;
}
.audioplayer_container {
    float: right;
    width: 75%;
}