/*
Theme Name: 	JazzVideo
Description: 	A quick loading 3 column theme
Version: 		1.0.1
Author: 		Lyndi Geldenhuis
Author URI: 	http://nice2all.com/themes/
Tags: 			3 column, widget ready, most poular posts, wp-pagenavi, related posts, comments on pages, documentation and support.The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* RESET 
---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
body{font-family:Arial, Helvetica, sans-serif;font-size:62.5%;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content: "";}
blockquote,q{quotes: "" "";}
/* STRUCTURE
---------------------------------------*/
body
	{
	width:100%;
	background:#fff;
	color:#000;
	font-size:.8em;
	line-height:1.6;
	}
#skip
	{
	width:100%;
	display:none;
	background:#f1f1f1;
	color:#000;
	}
#wrapper {
    margin:0 auto;
    min-width:950px;
    width:1024px;
}
#header-container
	{
	float:left;
        padding-top:3px;
	}
#top_title{
	font-size:1.7em;
	margin:3px 0 0 0;
	padding-left:10px;
}
#header
	{
	float:left;
	width:290px;
	}
#header_right
	{
	float:right;
	}
#menu 
	{
	float:left;
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#f1f1f1;
	}
#top_content{
    float:left;
    width:650px;
}
.content_bx{
    padding:5px;
}
#top_right{
    float:right;
    width:374px;
}
.right_bx{
padding:3px;
}

#container
	{
	}
#content-container
	{
	float:right;
	width:754px;
	margin-top:10px;
	margin-bottom:10px;
	}
#content
	{
	float:left;
	width:624px;
	overflow:hidden;
	}
.ads_under_bx{
    width:90%;
    margin:0;
    margin-top:10px;
    margin-bottom:15px;
    text-align:center;
}
#ads_right{
	float:right;
	width:130px;
}
#sidebar-left
	{
	float:left;
	overflow:hidden;
	width:270px;
	}
#footer
	{
	clear:both;
	width:1024px;
	color:#000;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
.separate{
display:none;
}
/* BLOCK
---------------------------------------*/
.block
	{
	clear:both;
	background:#ffffff;
	color:#000;
	margin:10px 10px 0 10px;
	}
.block_border{
	border:1px solid #ddd;
}


.halfblock
	{
	width:50%;
	float:left;
	padding:0;
	margin:0;
	}
.postmetadata
	{
	background:#f1f1f1;
	color:#000;
	padding:10px !important;
	margin:20px 10px 20px 20px;
	border:1px solid #ddd;
	}
/* TYPOGRAPHY
---------------------------------------*/
p, h1, h2, h3, h4, h5, h6
	{
	padding: 5px 10px 0 10px;
	}
h1
	{
	font-size:0.9em;
        padding-bottom:3px;
	}
h2
	{
	font-size:1.7em;
	}
h3
	{
	font-size:1.6em;
	}
h4
	{
	font-size:1.4em;
	}
h5
	{
	font-size:1.2em;
	}
h6
	{
	font-size:1em;
	}
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content small
	{
	padding: 10px 20px;
	}
#header p
	{
	padding:0;
	margin:0;
	padding-left:20px;
	}
/* IMAGES
----------------------------------------*/
img.centered 
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
img.aligncenter 
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
img.alignright
	{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
	}
img.alignleft
	{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
	}
.alignright
	{
	float:right;
	margin-left:10px;
	}
.alignleft
	{
	float:left;
	margin-right:10px;
	}
/* LISTS
----------------------------------------*/
ul
	{
	list-style:none;
	margin:5px 0 0 0;
	}
ol
	{
	list-style:decimal;
	margin:5px 0 0 0;
	}
li
	{
	margin-left:10px;
	padding:0;
	}
dl
	{
	margin-left:20px;
	}
dt
	{
	margin-left:10px;
	}
dd
	{
	margin-left:20px;
	}
#content ul
	{
	list-style:outside square;
	margin:5px 0 5px 30px;
	}
#content ol
	{
	margin:5px 0 5px 30px;
	}
#content li
	{
	margin-left:20px;
	padding:0;
	}
.inline ul
	{
	margin:0;
	padding:0;
	}
.inline li
	{
	display:inline;
	list-style-type:none;
	padding:10px;
	margin:0;
	}
ul#menu 
 	{
 	float:left;
   	list-style-type:none;
   	text-align:left;
	padding:0;
	margin:0;
	margin-top:10px;
 	}
ul#menu a
 	{
   	background-color:#008080;
   	padding:5px;
   	height:auto;
   	color:#fff;
   	font-weight:bold;
   	font-style:normal;
   	text-decoration:none;
 	}
ul#menu li 
 	{
   	display:inline;
   	text-align:center;
	margin:0;
	padding:0;
 	}
ul#menu li.first 
 	{
   	display:inline;
   	text-align:center;
	margin:0 0 0 10px;
	padding:0;
 	}
ul#menu a:hover, ul#menu a:focus, ul#menu a:active 
 	{
   	background-color:#000080;
   	color:#fff;
 	}
ul#menu li.current_page_item a, ul#menu li.current_page_item a:hover,
ul#menu li.current_page_item a:focus, ul#menu li.current_page_item a:active 
 	{
   	background-color:#005080;
   	color:#fff;
   	cursor:default;
   	text-align:left;
 	}
/* LINKS
---------------------------------------*/
a:link, a:visited
	{
	color:#008080;
	text-decoration:none;
	}
a:hover, a:focus, a:active
	{
	color:#000080;
	text-decoration:underline;
	}
/* FORMS
---------------------------------------*/
#searchform 
	{
	padding:0 0 0 10px;
	text-align:left;
	}
#searchform #s 
	{
	width:80%;
	padding:2px 2px 2px 20px;
	margin-top:30px;
	background:#f1f1f1 url(images/search.jpg) 5px 5px no-repeat;
	color:#000;
	border:1px solid #ccc;
	}
#searchsubmit 
	{
	padding:1px;
	background:#f1f1f1;
	color:#000;
	border:1px solid #ddd;
	}
form textarea
	{
	width:80%;
	border:1px solid #ddd;
	padding:0;
	margin-right:10px;
	color:#000;
	background:#f1f1f1;
	}
form input
	{
	border:1px solid #ddd;
	padding:3px;
	margin:2px 0;
	color:#000;
	background:#f1f1f1;
	}
form input submit
	{
	margin:10px 0;
	}
form input:focus, form textarea:focus
	{
	color:#000;
	background:#fff;
	}
form p
	{
	margin:0;
	}
/* MISCELLANEOUS
---------------------------------------*/
.hidden
	{
	display:none;
	}
.clear
	{
	clear:both;
	}
.center
	{
	text-align:center;
	}
.author
	{
	color:#666;
	font-size:.9em;
	}
.navigation
	{
	margin:10px 20px;
	}
.navigation-right
	{
	text-align:right;
	}
.navigation-left
	{
	text-align:left;
	}
code
	{
	font-size:1.4em;
	}
blockquote
	{
	background:#f1f1f1;
	color:#000;
	padding:10px !important;
	margin:20px 10px 20px 20px;
	border:1px solid #ddd;
	}
cite
	{
	margin:10px 10px 10px 20px;
	}
/* PAGENAVI
---------------------------------------*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active 
	{
	color:#008080 !important;
	background:transparent !important;
	}
.wp-pagenavi a:hover 
	{
	color:#000080 !important;
	background:transparent !important;
	}
.wp-pagenavi span.pages 
	{
	background:transparent !important;
	}
.wp-pagenavi span.current 
	{
	background:transparent !important;
	}
.wp-pagenavi span.extend 
	{
	background:transparent !important;
	}
/* COMMENTS
---------------------------------------*/
.commentlist li .avatar
	{ 
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:2px 0;
	background:#fff;
	color:#000;
	}
.commentlist li
	{
	list-style:decimal;
	margin:10px;
	padding:0;
	}
.commentlist .alt
	{
	background:#f1f1f1;
	color:#000;
	border:1px solid #ddd;
	}

.youtube_comment{
padding:0 20px 0 20px;
}
.youtube_commen_item{
}

.youtube_comment_title{
    padding:3px 0 3px 5px;
    background:#f1f1f1;
}
.youtube_comment_content{
    padding:0 0 5px 15px;
}

/* Youtube Data Plugin用start */
/* item */
.playlist_seach_result{
    padding-top:5px;
    padding-right:15px;
}
.playlist_seach_result span{
    font-size:1.2em;
}
.left{
    float:left;
}
.right{
    float:right;
}
.playlist_page_links{
    background:#f1f1f1;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-top:10px;
    font-size:1.4em;
}
.playlist_page_links a{
    text-decoration:underline;
}
.playlist_page_links a, .playlist_page_links span{

}
table.playlist{
width:100%;
}
tr.playlist{
  border-top: solid black 1px;      
}
div.playlist_left{
  float: left;
}
div.item_list {
  border-top: solid black 1px;      
}
div.item {
  margin: 10px; 
  padding: 2px; 
  width: auto;
  padding-bottom: 10px;
}
span.thumbnail_no_border {
  float: left;
  margin-right: 20px;
  padding: 2px;
  font-size: x-small; 
  text-align: center
}  
span.thumbnail {
  float: left;
  margin-right: 20px;
  padding: 2px;
  border: solid silver 1px;  
  font-size: x-small; 
  text-align: center
} 
.videos_3columns td{
width:33%;
padding-left:15px;
padding-right:15px;
}
span.attr {
  font-weight:bold;  
  font-size: small; 
}
span.title {
  font-weight: bolder;  
}
/* dialog */
#mask {
  position:absolute;
  left:0;
  top:0;
  background-color:#000;
  z-index:9000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  z-index:9999;
  display:none;
}
#dialog{
    background-color:#FFFFFF;
    border:2px solid #ccc;
}
/* Youtube Data Plugin用end */

.post{
float:left;
width:100%;
}


.hd {
    background:#f1f1f1;
    border-bottom:1px solid;
}
.hd h2 {

}
.song_list{
list-style-image:url(/wp-content/themes/jazzvideo/images/music-orange.gif);
list-style-position:inside;
}
/* box用 start */
.bx {
    border:1px solid #ccc;
    width:95%;
}
.content_bx .bx {
    margin:5px;
    width:95%;
}
.bx .desc{
padding:10px;
}
.bx_header{
    border-bottom:1px solid;
}
.bx h2{
    font-size:1.2em;
}
/* box用 end */

/* comment用 start */
.comment_container{
    width:100%;
}
.comment_left{
    width:50%;
    float:left;
}
.comment_right{
    width:50%;
    float:right;
}

.comment_item{
    border:1px solid #808080;
    padding:2px;
}
.comment_item .timestamp{
    text-align:right;
}
.commentator{
font-size:0.8em;
}
h5#respond,h5#comments{
    padding: 2px 2px 0 2px;
}

#commentform p{
    padding: 2px 2px 0 2px;
}
/* comment用 end */

/* スターレイティング用 start */
.rating{
    background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating{
    width:80px;
    height:16px;
    clear:both;
    position:relative;
}
#star_rating ul{
    margin:0;
    margin-left:5px;
    padding:0;
}
ul.rating li {
    list-style:none;
    cursor: pointer;
    /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
    float:left;
    /* end hide*/
    text-indent:-999em;/* hide text*/
}

ul.rating li a {
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    text-decoration:none;
    z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

.nostar {background-position:0 0}
.onestar {background-position:0 -96px;}
.twostar {background-position:0 -112px;}
.threestar {background-position:0 -128px}
.fourstar {background-position:0 -144px}
.fivestar {background-position:0 -160px}

.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
/* スターレイティング用 end */

/* トップ タブインターフェイス start */
#tab_menu_contents .row{
    float:left;
    padding:3px;
}

ul.tabs
	{
	margin:0px 0px 1em !important;
	padding: 0.2em 1em 0.2em 20px !important;
	border-bottom: 1px solid #ccc !important;
	font-size: 11px;
	list-style-type: none !important;
	line-height:normal;
	text-align: left;
	display: block !important;
	background: none;
	}

ul.tabs li
	{	
	display: inline !important;
	font-size: 11px;
	line-height:normal;
	background: none;
	padding: 0px;
	margin: 0px;
	}
  
ul.tabs li:before{
content: none;	
}  
  	
ul.tabs li a
	{
	text-decoration: none;
	background: #f3f3f3;
	border: 1px solid #ccc  !important;
	padding: 0.2em 0.4em !important;
	color: #666 !important;
	outline:none;	
	cursor: pointer;
	
	}
	
ul.tabs li.tabs_curr a{
	border-bottom: 1px solid #fff  !important;
	background: #fff;
	color: #000000 !important;
	text-decoration: none;
	
	}

ul.tabs li a:hover
	{
	color: #666 !important;
	background: #fff;
	text-decoration: none;
	}
.tabs_title h2{
display: inline;
margin:0;
padding:0;
}
/* タブインターフェイス end */