/*
Theme Name: Play one
*/



/* RESET 
************************************/

* {
margin: 0;
padding: 0;
letter-spacing: 1px;
}

p {
padding-bottom: 18px;
}



hr {
clear: both;
visibility: hidden;
}

input, textarea {
color: inherit;
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
}

/* CLEARFIX 
************************************/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* NIFTY 
************************************/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* GENERAL ITEMS 
************************************/

body {
background-color:#5D5502;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

a {
color: #000000;
font-weight: bold;
outline: none;
text-decoration: underline;
}

a:hover {
color: #333333;
text-decoration: underline;
}

img {
border: none;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

blockquote {
border-left: 10px solid #6B9805;
margin-left: 10px;
padding-left:10px;
}

/* GENERAL LAYOUT 
************************************/

#main {
background-color: transparent;
margin: 0 auto;
width: 1050px;
}

#wrapper {
width: 1050px;
margin: 0 auto;
background-image: url(img/body_only.png);
background-repeat: repeat-y;
}

#header {
background-attachment: scroll;
background-color: #d3d3d3;
background-image: url(img/header.png);
background-position: top left;
background-repeat: repeat-x;
height: 334px;
width: 1050px;
}

#content {
float: left;
margin:5px;
width:780px;
background-color: transparent;
}
#charts {
    float: left;
    width: 95%;
    padding:10px 0px 0px 5px;
	overflow:hidden;
}
#nex_gen_gallery {
background-color: #E2BF24;
clear: both;
margin-bottom: 20px;
border-right: 5px solid #ffffff;
}

#footer {
background-color: transparent;
background-image: url(img/footer_only.png);
background-repeat: no-repeat;
clear: both;
height: 359px;
}

/* HEADER ITEMS 
************************************/

.navi_left {
float: left;
}

.navi_right {
float: right;
}

#navi_panel {
height: 40px;
width: 980px;
overflow: hidden;
}

#navi_panel ul {
display: block;
list-style: none;
}

#navi_panel ul li {
display: inline;
list-style: none;
height: 40px;
}


#navi_panel ul li a {
float: left;
padding: 12px;
text-decoration: none;
}

#navi_panel ul li a:hover, #navi_panel ul li.current_page_item a {
color: #eeeeee !important;
text-decoration: none;
}

.main_title {
padding-top: 40px;
margin-left: 250px;
}

.main_title a {
text-decoration: none;
font-size: 40px;
color: #333333;
}

.description {
padding: 0 0 21px 10px;
margin-left: 220px;
font-size: 20px;
color: #333333;
}



/* CONTENT ITEMS 
************************************/

#feature_post, .post {
background-color: transparent;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
margin-top: 20px;
padding: 10px;
width: auto;
}

.feature_article {
margin-bottom: 0px;
padding-top: 10px;
}

.feature_title  {
    height: 30px;
}   

.feature_title a {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/trans_bg.png);
background-position: top left;
background-repeat: repeat;
color: #eeeeee !important;
margin:5px;
padding: 5px 10px 10px;
position: absolute;
text-decoration: none !important;
z-index: 10;
width:auto;
float:left;
}

.feature_title a:hover {
text-decoration: underline !important;
}

.feature_img {
border: 1px solid #669305;
padding: 5px;
position: relative;
z-index: 1;
}

.feature_entry {
margin-top: 20px;
width:98%;
}


.feature_entry li {
list-style : decimal;
margin-left : 25px;
}

.feature_entry ol {
margin-bottom : 10px;
margin-left : 25px;
}

.feature_entry ul {
margin-top : 10px;
margin-left : 20px;
margin-bottom : 10px;
}

.metadata {
border-left: 1px solid #69dbff;
position: absolute;
top: 1375px;
left:700px;
width:40%;
list-style: none;
float: right;
margin-left: 10px;
padding-bottom: 10px;

text-align: left;
width: 220px;

}

.metadata li {
display: block;
list-style: none;
margin-left: 10px;
}

.author {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/copyright.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.date {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/clock.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.comments {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/comments.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.tags {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/tag_blue.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.category {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/folder_document.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.excerpt_post {
background-color: transparent;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
float: left;
margin: 0 10px 20px 10px;
padding: 10px;
width:95%;
-margin-left:0px;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}

.excerpt_post h4 {
margin-top: 3px;
}

.excerpt_post h4.except_title a, h4.archivetitle a  {
text-decoration: none;
}
.excerpt_img {
border: 1px solid #669305;
float: left;
margin: 0 5px 5px 0;
padding: 5px;
}

.excerpt_post a:hover {
color: #669305 !important;
}

.excerpt_post .entry {
padding-top: 15px;
}

.entry {
padding: 15px 0;
clear:both;
}

.entry li {
list-style : decimal;
margin-left : 25px;
}

.entry ol {
margin-bottom : 10px;
margin-left : 25px;
}

.entry ul {
margin-top : 10px;
margin-left : 20px;
margin-bottom : 10px;
}
.nocomments {
	display:block;
	color:#5e8c04;
}
.entry p {
	float:left;
}
.read_more {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/arrow_right.png);
background-position: top right;
background-repeat: no-repeat;
padding-right: 25px;
padding-bottom: 10px;
}

.postmetadata {
margin-top: 10px;
text-align: center;
}

/* COMMENTS ITEMS 
************************************/

.post_info {
padding: 8px;
text-align: center;
font-style:italic;
}

.navi {
margin: 20px 0;
}

.navleft {
float: left;
}

.navright, .post-edit-link {
float: right;
}

.author_comment {
background-attachment: scroll;
background-color: #97B319;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
}

.commentlist li {
background-color: #97B319;
clear: both;
margin-bottom: 20px;
padding-bottom: 10px;
}

#comments, #respond, .pagetitle {
border: 1px solid #97B319;
color: #97B319;
margin-bottom: 20px;
padding-top: 5px;
text-align: center;
}

input#author, #email, #url {
background-color: #97B319;
border: 1px solid #88BC55;
float: left;
padding: 4px;
width: 300px;
}

textarea#comment {
background-color: #97B319;
border: 1px solid #88BC55;
float: left;
padding: 4px;
margin-bottom: 10px;
width: 300px;
}

.input_title {
color: #97B319; 
float: left;
text-align: left !important;
margin-left: 20px;
width: 300px;
}

#submit {
background-color: #97B319;
border: 1px solid #88BC55;
clear: both;
cursor: pointer;
display: block;
margin-bottom: 20px;
padding: 4px;
}

.avatar {
float: left;
margin: 10px 10px 5px 0;
}

.comment_entry {
padding: 0 10px;
}

.avatar_div {
padding: 10px;
}

.avatar_div span {
float: right;
}

/* SIDEBAR ITEMS 
************************************/

body#charts-sidebar-body {
    background-color: #f9f2c4;
    width: auto;
    padding: 0px;
    background-image: none;
}

body#charts-sidebar-body #sidebar, .cell #sidebar {
	float: none;
	clear: both;
	margin: 0px;
	padding:0px;
	width:auto;
}


#sidebar {
	float: right;
	width: 180px;
	color: #000000;
	margin:20px 50px 15px 0px;
	-margin-right:25px;
	background:#b8c28d;
	border:2px solid #9e9d95;
	padding:5px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

#sidebar ul li h4, #sidebar h2 {
	width: auto;
    height: auto;
    font-size: 12pt;
    font-weight: bold;
    padding:7px 5px 7px 5px;
    margin: 0;
    color: #ffffff;
	text-align:right;
    letter-spacing: normal;
    background:#555454;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}
#sidebar ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#sidebar ul ul, #sidebar ul ol {
	padding:0px;
	margin:0px;
	color: #000000;
}

#sidebar ul ul li {
    background-position: left;
    padding: 5px 5px 5px 15px;
	margin:0px;
    vertical-align:middle;
    list-style:none;
	border-bottom:1px solid #ffffff;
 }
 
#sidebar ul ol.links li {
    background-position: left;
    padding: 5px 5px 5px 15px;
	margin:0px;
    vertical-align:middle;
	list-style-position: inside;
	border-bottom:1px solid #ffffff;
 }
li.sidebar-post .date {
	vertical-align:middle;
	color:#ffffff;
	font-weight:normal;
}
#sidebar .banners {
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
#sidebar .banners .banner {
	margin:5px;
}

#sidebar .banners .banner a img, .banners .banner object {
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
	border:none;
}

.banners .banner embed {
}

#sidebar a {
text-decoration: none;
color: #696a60;
}

#sidebar a:hover {
text-decoration: none;
color: #ffffff;
}


/* NEX_GEN ITEMS 
************************************/

#nex_gen_gallery ul {
display: block;
list-style: none;
background-attachment: scroll;
background-color: transparent;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
margin-bottom: 20px;
padding: 12px 10px 10px;
}

#nex_gen_gallery .center_msg {
font-size: 20px;
padding-top: 65px;
text-align: center;
}

.ngg_widget {
margin-left: 10px;
font-size: 14px;
font-weight: bold;
}

.ngg-widget a img {
border: 5px solid #88BC55;
margin: 14px 7px;
}

.ngg-widget a:hover img {
border: 5px solid #ffffff;
}

/* ARCHIVES ITEMS 
************************************/

.archive ul {
display: block;
list-style: none;
padding: 10px 0 0 10px;
}

.archive li {
border-bottom: 1px dashed #88BC55;
padding: 5px 0;
}

.navigation {
padding: 10px;
}

.navigation a {
color: #023761;
}

.navigation a:hover {
color: #88BC55;
}

.navigation .alignleft {
float: left;
}

.navigation .alignright {
float: right;
}


/* FOOTER ITEMS 
************************************/

#footer .wrapper {
padding: 100px 10px;
color: #eeeeee;
}

#footerlinks {
text-align: center;
color: #eeeeee;
text-decoration: none;
}

#footerlinks a {
color: #eeeeee;
text-decoration: none;
}

/********** divs ***********/

.separator {
    clear: both;
}

.charts {
    width: auto;
    margin: auto;
}

.cell {
    width: auto;
    margin:3px 3px 10px 3px;
    padding: 5px 3px 5px 3px;
    border: 3px solid #0D1C0B;
    background-color: #293D26;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}


.charts table .cell .content table  {
    font-size: 8pt;
}

.charts table .cell .content table a {
    font-size: 8pt;
}

.charts table .cell .content table tr th {
    font-size: 7pt;
    font-weight: normal;
	padding:2px;
}

.charts table .cell .content table tr td{
    vertical-align: middle;
}

.cell .content {
    clear: both;
    width: auto;
    margin: 0px;
    float: none;
    padding-bottom: 0px;
    background-color: transparent;
    text-align: left;
}

.cell .content p, .cell .content div .cell .content h1, .cell .content h2, .cell .content h3 , .cell .content h4, .cell .content h5, .cell .content h6 {
    margin-left: 3px;
    margin-right: 3px;
}

.cell .footer {
    width: auto;
    margin: auto;
    padding: 1px 15px 1px 0px;
    font-size: 8pt;
    font-weight: bold;
    text-align: right;
    margin: auto;
    float: none;
    clear: both;
    color: #D5DABF;
    border-bottom: 1px solid #15687F;
}

.cell .footer a {
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
    color: #D5DABF;
}

.cell .footer a:hover {
    text-decoration: underline;
    color: #2A2929;
}
.cell .footer a:active {
    outline: none;
}

.cell .footer a:focus {
    outline: none;
}

.cell h2 {
    clear: both;
    float: none;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 0px;
    text-align:  left;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 1px solid #879099;
    background-color: #5E8C04;
    color: #162C13;
    font-size: 11pt;
    padding:5px;
    margin-bottom: 5px;
    background-image:url(images/title_bg2.jpg);
    background-repeat:repeat-x;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}    

.cell h2 a {
    background-color: transparent;
    font-weight: bold;
    font-size: 14pt;
    text-decoration: none;
    color: #000000;
}

.cell h2 a:hover {
    color: #2A2929;
    text-decoration: underline;
}

.cell .content p {
    font-size: 8pt;
    padding: 5px;
    text-align: left;
    color: #ffffff;
}

.cell  .content a {
    color: #ffffff;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.cell .content a:hover {
   text-decoration: underline;
   color: #2A2929;
}

.cell  a:focus {
    outline: none;
}

.cell a:active {
    outline: none;
}

.cell a:focus {
    outline: none;
}

/********** table **********/

.cell table {
    width: 100%;
    float: none;
    clear: both;
    text-align: center;
    vertical-align: middle;
    background-color: #0d1c0b;
}

.cell table thead {
    width: auto;
    text-align: center;
    vertical-align: middle;
}

.cell table thead th {
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    background-color: #4F572C;
    color: #F7FA12;
}

.cell table tr td img {
    border: none;
    background-color: transparent;
}

.odd {
    background-color: #64702D;
}

.even {
    background-color: #6E7E25;
}


.odd td{
    background-color: #64702D;
	padding:3px;
}

.even td{
    background-color: #6E7E25;
	padding:3px;
}

.cell table tbody td {
    color: #DEE025;
    font-size:8pt;
}

.cell .content table tbody tr td a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}

.cell .content table tr td a:hover {
    color: #DEE025;
    text-decoration: none;
}

.cell table tr td a:active {
    outline: none;
}

.cell table td a:focus {
    outline: none;
}

/********** lists **********/

.cell  .content ul {
    text-align: left;
    margin-left: 25px;
}

.cell  li a {
    font-weight: normal;
}


.cell  li a:hover {
}

.cell .content ol  {
    text-align: left;

}

.cell ol  li {
    background-image: none;
    
}

.cell ol  li a {
   text-decoration: none;
}

.cell ol  li a :hover {
}

/********** tabs *********/

.cell .content .ui-tabs-hide {
    display: none;
}

.cell .content .ui-tabs-panel {
    margin: 0 0 0 0;
    padding: 5px;
    background-color: #F9F2C4;
    border-right: 1px solid #15687F;
    border-bottom: 1px solid #15687F;
    border-left: 1px solid #15687F;
}

.cell .content .ui-tabs-panel img {
    background-color: transparent;
    border: none;
}

#content .cell .content .ui-tabs-nav {
    height: 24px;
    display: block;
    padding: 0;
    margin: 0;
    border-right: 1px solid #15687F;
    border-bottom: 1px solid #15687F;
    background-color: #4F572C;
}


#content .cell .content .ui-tabs-nav li.ui-tabs-selected {
    margin: 0;
    height: 17px;
    background-color: #F9F2C4;
    border-left: 1px solid #15687F;
    border-top: 1px solid #15687F;
}

.cell .content .ui-tabs-nav li.ui-tabs-selected a {
    color: #1B1FE2;
}

#content .cell .content .ui-tabs-nav li {
    height: 16px;
    display: inline;
    width: auto;
    float: left;
    clear: none;
    padding: 3px 5px 4px 5px ;
    margin: 0 0 -1px 0;
    border: none;
    background-color: #4F572C;
    background-image: none;
    border-right: 1px solid #15687F;
    border-top: 1px solid #15687F;
    border-left: 1px solid #15687F;
}

.cell .content .ui-tabs-nav li a {
    display: block;
    font-weight: normal;
    color: #F1B31F;
    text-decoration: none;
    margin: 0;
    padding: 5px 0px 5px px;
    width: auto;
    float: none;
    clear: none;
    background-color: transparent;
}

.cell .content .ui-tabs-nav li p {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
}


.cell .content .ui-tabs-nav li a:focus {
    outline: none;
}

/********** accordion **********/

.cell .content .ui-accordion h3 {
    float: none;
    clear: both;
    width: auto;
    color: #8D94B1;
    cursor: pointer;
    padding: 5px;
    margin: 0;
    background-color: #64702D;
    border-bottom: 1px solid #15687F;
    border-right: 1px solid #15687F;
    border-left: 1px solid #15687F;
    border-top: 1px solid #15687F;
    text-align: left;
}

.ui-accordion h3:focus {
    outline: none;
}

.cell .content .ui-accordion .ui-state-active {
    background-color: #4F572C;
    color: #F1B31F;
    border-top: 1px solid #15687F;
}

.ui-accordion-content {
    width: auto;
    float: none;
    clear: both;
    float: none;
    clear: both;
    margin: 0 0 0 0;
    padding: 5px;
    text-align: left;
    background-color: transparent;
    color: #000000;
}

.ui-accordion-content  a {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.ui-accordion-content  a:hover {
    color: #2A2929;
    text-decoration: underline;
}

/********** u-tube ***********/

.cell embed, .cell object {
    width: 100%;
}

td.c2 {
    text-align: center; 
    vertical-align: middle;
    padding-right: 3px;
    padding-left: 3px;
}
.emptycell {background-color: transparent;} 

.excerpt_img {
    display: none;
}
td.c1, td.c2, td.c4, td.c5, td .c6, td.c7, td.c8 , td.c9, td.c10  {
	text-align: center; 
	vertical-align: middle;
}
.charts table td table tr td {
    vertical-align: middle;
}
.charts table td {
    vertical-align: top;
}
.emptycell {background-color: transparent;} 

.excerpt_img {
    display: none;
}

.cell .content table tr:hover td {
    background-color: #667E36;
}