/*
Theme Name: 317
*/



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

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

p {
padding-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

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: #11001E;
color: #f4f4f4;
font-family: Verdana, Tahoma, Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
}

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

a:hover {
color: #eeeeee;
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: 5px solid #CD08F6;
margin:  0 18px 18px;
padding: 18px 18px 0;
text-align: justify;
}

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

#main {
background-color: transparent;
margin: 0 auto;
width: 1000px;
border: 1px solid #ffffff;;
}

#wrapper {
width: 1000px;
margin: 0 auto;
background-image: url(img/body.jpg);
background-repeat: repeat-y;
}

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

#content {
float: left;
margin-left:5px;
width: 99%;
_width: 98%;
overflow:hidden;
background-color: transparent;
}


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

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

.navi_left {
float: right;
margin-right:50px;
margin-top:10px;
}

.navi_right {
float: right;
}

#navi_panel {
height: 40px;
}

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

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


#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 {
font-weight: bold !important;
font-family: Georgia, Verdana, Tahoma, Arial;
text-align: center;
font-size: 30px;
margin-top: 167px;
margin-left: 88px;
width: 335px;
}

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

.main_title a:hover {
text-decoration: underline;
font-size: 30px;
color: #f4f4f4;
}

.description {
text-align: center;
font-size: 12px;
color: #f4f4f4;
margin-left: 88px;
width: 335px;
}

#searchform {
float: none;
clear: both;
padding: 0px;
width: 190px;
margin-left: -15px;
text-align: center;
}

#s {
background-color: #eeeeee;
border: none;
height: 20px;
float: none;
clear: both;
margin-bottom: 5px;
padding: 5px 0 0 10px;
width: 150px !important;
}

#searchsubmit {
background-color: #d3d3d3;
border: 1px solid #d3d3d3;
color: #076391;
cursor: pointer;
float: none;
clear: both;
padding: 5px;
width: 80px !important;
}

#searchsubmit:hover {
background-color: transparent;
color: #d3d3d3;
border: 1px solid #eeeeee;
}

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

.post {
background-color: transparent;
padding: 10px;
width: 765px;
_width: 740px;
margin-left: 5px;
border: none;
margin-bottom:10px;
}

.post a  {
color: #ffffff;
text-decoration: none;
}

.post a:hover  {
text-decoration: underline;
color: #eeeeee;
}

#feature_post {
padding: 10px;
width: auto;
}

.feature_article {
margin-bottom: 0px;
}

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

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

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

.feature_entry {
width: auto;
}

.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;
}

.post_title {
color: #ffffff;
font-weight: bold;
}

.metadata {
list-style: none;
float: right;
margin-left: 10px;
padding-bottom: 10px;
text-align: left;
width: 580px;
margin-top: 10px;
}

.postmeta_img {
margin-left: 5px;
margin-right: 5px;
}

.metadata a {
color: #ffffff;
text-decoration: none;
}

.metadata li {
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 9px 20px 9px;
padding: 10px;
width:96%;
-width:94%;
border: 2px solid #BF6E00;
}

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

.excerpt_post h4.except_title a, h4.archivetitle a, h2.page_title , h3.post_title, h2.post_title a {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

.excerpt_img {
border: 1px solid #BF6E00;
float: left;
margin: 0 5px 5px 0;
padding: 5px;
display: none;
}

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

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

.entry {
padding: 5px 0;
margin-top:10px;
}

.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;
}

.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: 15px;
}

.read_more a {
color: #CD08F6;
}

.postmetadata {
margin-top: 5px;
text-align: left;
}

.postmetadata a {
color: #CD08F6;
}

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

.post_info {
border: 1px solid #ffffff;
padding: 8px;
text-align: center;
}

a {
color: #ffffff;
}

a:hover {
color: #eeeeee;
}

.navi {
margin: 20px 0;
}

.navleft {
float: left;
}

.navright {
float: right;
}

.author_comment {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
margin-left: 15px;
width: 570px;
}

.commentlist li {
background-color: transparent;
clear: both;
margin-bottom: 20px;
padding-bottom: 10px;
border: 2px solid #ffffff;
margin-left: 15px;
}

#comments, #respond, .pagetitle {
font-weight: bold;
color: #ffffff;
margin-bottom: 20px;
padding-top: 20px;
text-align: center;
margin-left: 15px;
}

input#author, #email, #url {
background-color: transparent;
border: 1px solid #ffffff;
float: left;
padding: 4px;
width: 750px;
margin-left: 15px;
margin-bottom: 10px;
margin-left: 15px;
}

textarea#comment {
background-color: transparent;
border: 1px solid #ffffff;
float: left;
padding: 4px;
margin-bottom: 10px;
width: 750px;
margin-left: 15px;
}

.input_title {
color: #ffffff;
float: left;
text-align: left !important;
margin-left: 15px;
width: 750px;
padding-top: 20px;
}

#submit {
background-color: transparent;
border: 1px solid #ffffff;
clear: both;
cursor: pointer;
display: block;
margin-bottom: 20px;
padding: 4px;
margin-left: 15px;
}

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

.comment_entry {
padding: 0 10px;
}

.avatar_div {
padding: 10px;
}

.avatar_div span {
float: right;
}


.separator {
	clear:both;
	float:none;
}
/* SIDEBAR ITEMS 
************************************/

body#charts-sidebar-body {
    background-color: #17002a;
    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: 190px;
color: #000000;
margin-right: 10px;
-margin-right:5px;
}

#sidebar ul li h4, #sidebar ul li h5 {
	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:#822408 url(img/gradient_bg.jpg);
	border-top:1px solid #ff8d2c;
	border-bottom:1px solid #ab4d03;
}

#sidebar ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#sidebar ul li ul {
color: #000000;
background:#cd08f6;
}

#sidebar ul li ol {
color: #000000;
background:#cd08f6;
list-style-position: inside;
}

#sidebar ul li ul li {
margin-bottom: 0 !important;
color: #031F24;
border-top:1px solid #da28ff;
border-bottom:1px solid #6a0881;
padding:5px;
}


#sidebar ul li ol li {
margin-bottom: 0 !important;
color:  #F1F90A;
border-top:1px solid #da28ff;
border-bottom:1px solid #6a0881;
padding:5px;
}

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

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

#sidebar .banners {
    text-align: center;
    padding: 5px;
    color: #000000;
    background:#cd08f6;
}

#sidebar .banners  img {
    margin-bottom: 5px;
}

#sidebar .banners  object, #sidebar .banners  embed {
    margin-bottom: 5px;
s}

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

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

.archive li {
padding: 5px 0;
}

.navigation {
padding: 10px;
}

.navigation a {
color: #f4f4f4;
}

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

.navigation .alignleft {
float: left;
}

.navigation .alignright {
float: right;
}


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

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

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

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

.separator {
    float: none;
    clear: both;
}

.charts {
    width: auto;
    float: none;
    clear: both; 
    margin: auto;
}


.charts .cell {
    width: auto;
    float: none;
    clear: both;
	margin:0px 2px 10px 2px;
}

.charts .cell .content {
    width: auto;
    float: none;
    clear: both;
	margin:0px;
	background:#800798;
	padding:5px;
    text-align: left;
	border:1px solid #cd08f6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

.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;
}

.charts .cell h2 {
    width: auto;
    float: none;
    clear: both;
    padding:5px;
    color: #FFFFFF;
}

.charts .cell h2 a {
    color: #FFFFFF;
}

.charts .cell h2 a:hover{

}

.charts .cell  .footer {
    width: auto;
    float: none;
    clear: both;
    padding:5px;
    color: #FFFFFF;
	text-align:right;
}



.charts .cell .content table {
    width: 100%;
    background-color: #620175;
	border:1px solid #3d0648;
}

.charts .cell .content table th {
    background:#822408 url(img/gradient_bg.jpg);
	border-top:1px solid #ff8d2c;
	border-bottom:1px solid #ab4d03;
    color: #FFFFFF;
    text-align: center;
    padding:2px;
	font-weight:normal;
	font-size:7pt;
}

.charts .cell .content table td {
    border-top:1px solid #800897;
	border-bottom:1px solid #4a0258;
    padding: 5px 0px 5px 0px;
    color: #EEEDE7;
	font-weight:normal;
}


.charts .cell .content table td a{
    display: block;
    color: #EEEDE7;
	font-weight:normal;
}

.charts .cell .content table td a:hover {
    color: #D7D720;
    text-decoration: 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;
}

.even:hover, .odd:hover, #sidebar ul li ul li:hover, #sidebar ul li ol li:hover {
background-color: #5f0171;
}

.charts .cell .content ul  {
    list-style-type: none;
    margin-left: 5px;
}

.charts .cell .content ol  {
    list-style-type: none;
    margin-left: 5px;
}

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

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

.emptycell {background-color: transparent;} 

.archive h4 {
text-decoration: none;
color: #D7D720;
font-weight: bold;
}

.children , .archive .children {
    float: none;
    display: none;
}