/*
Theme Name: Dancing Star Productions
Theme URI: http://www.dancingstar.com
Description: Dancing Star theme based on <a href="http://www.brokenkode.com/manji/">Manji2</a>
Version: .01
Design: Jandro
Designer URI: http://www.jandro.com
Author: Adam LaMontagne
Author URI: http://www.crazylegs.org

Dancing Star theme for WordPress 2.+ designed by Jandro (www.jandro.net) and developed by Adam (www.crazylegs.org), based on the Manji2 template.

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 background: #333;
 color: #653366;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}

/*---------------------------- Site Navigation -------------------------------*/
#hnav {
 width: 780px;
 position:relative;
 margin: -52px auto;
 height: 27px;
 background: #66669a;
 border-top: 1px solid #ccccff;
 border-bottom: 1px solid #ccccff;
 text-align:right;
}

#hsubnav {
 width: 780px;
 position:relative;
 margin: 51px auto;
 height: 23px;
 border-bottom: 1px solid #FE9900;
 border-top: 1px solid #66669a;
 text-align:right;
}

#home #header {
 position: absolute;
 width: 450px;
 margin: 31px 0 0 300px;
 padding: 0px;
 text-align: left;
 height: 20px;
 display:block;
}

#header {
 position: absolute;
 width: 450px;
 margin: 30px 0 0  300px;
 padding: 0px;
 text-align: left;
 height: 20px;
 display:block;
}

#home #arms {
 width:288px;
 height: 65px;
 margin-top:-104px;
 position:relative;
 background:url(images/arms.png) no-repeat top right;
 z-index:2;
}

#arms {
 width:207px;
 height: 55px;
 margin-top:-105px;
 position:relative;
 background:url(images/redarms.png) no-repeat top left;
 z-index:2;
}

#home #masthead {
 background: #333367 url(images/headerbg.jpg) no-repeat top left;
 width: 780px;
 height: 350px;
 margin: 0 auto;
 padding: 0;
 border-bottom: 1px solid #0A0A94;
}

#masthead {
 background: #333367 url(images/headerbg2.jpg) no-repeat top left;;
 width: 780px;
 height: 208px;
 margin: 0 auto;
 padding: 0;
 border-bottom: 1px solid #0A0A94;
}


/*------------------------------- Main Body ----------------------------------*/
#rap {
width:780px;
margin: 0px auto;
padding:0px;
background: url(images/contentbg.gif) repeat-y top left;
border-left: 1px solid #66669a;
border-right: 1px solid #66669a;
}

#home #rap {
width:780px;
margin: 0px auto;
padding:0px;
background: url(images/homebg.gif) repeat-y top left;
border-left: 1px solid #66669a;
border-right: 1px solid #66669a;
}

#container {
 position:relative;
 width: 780px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: .75em;
 text-align: left; /* IE hack Part 2 */
 height:100%;
 margin-top:25px;
}

#home #dropshadow {
 position:relative;
 width:780px;
 height: 20px;
 margin:-12px 0;
 padding: 0;
 background: url(images/dropshadow-big.png) no-repeat top left;
}
#hsubnav span {
padding-right: 5px;
}

#dropshadow {
 position:relative;
 width:780px;
 height: 20px;
 margin:-1px;
 padding: 0;
 background: url(images/dropshadow-big.png) no-repeat top left;
}

#home #contentright {
 width: 670px;
 background: transparent;
 padding-top:0px;
 margin-top: 0px;
 margin-left: 100px;
}

#contentright {
 width: 565px;
 background: transparent;
 padding:0 0 5px 0;
 margin-left: 210px;
}

.singlepost {
 margin: 10px 50px 80px 105px;
}

.singlepost h2 {
 margin-top: 0px;
 font-family: Georgia, Times, Serif;
}

.singlepost h2 a {color: #333367;}
#bottomcontent {
 width: 0px;
 background: transparent;
 margin: 0px auto 20px auto;
 padding-bottom: 9px;
 height: 50px;
}

/* ------------------------------ Sidebars -----------------------------------*/
#sidebar {
 float: left;
 width: 207px;
 margin: -20px 0;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.0em;
 text-align: left; /* IE hack Part 2 */
}
#sidebar ul {
 position: relative;
}
#sidebar ul li {
 list-style-type: none;
 list-style-image: none;
 color: #4f4331;
}
#sidebar ul, #sidebar ul li {
 margin: 0;
 padding: 0;
}
#sidebar ul li ul{
 border-top: 1px solid #fff4df;
 margin: 0 10px 2px 10px;
 padding: 1px 0 1px 5px;
 color: #4f4331;
}

#sidebar ul li img {border:none;}

#sidebar h2 {
 color: #653366;
 font-variant: small-caps;
 font-family: Georgia, Times, serif;
 margin: 10px 5px 3px 10px;
 padding:  1px 0 1px 5px;
}

#searchform {margin:20px 15px;}

#sidebar a {color:#653366;}
#sidebar a:hover {color:#fe9900;}

/* ------------------------------ Testimonial Boxes -----------------------------------*/
a.testimonial {
color:#fdcc66;
font-weight:bold;
right:0;
text-decoration:none;
margin-bottom:15px;
}

a.testimonial:hover {
color:#fdcc66;
}

div#testimonialbox {
 margin-top: 25px;
 margin-left: 23px;
 width: 160px;
 height: auto;
}

div#indextestimonialbox {
 margin: 45px 20px 15px 0;
 width: 600px;
 padding: 0 10px 20px 10px;
}

div#indextestimonialbox h5 {
position:relative;
margin-top:-40px;
margin-left: 20px;
width: 170px;
height:51px;
padding-top:12px;
font-size: 1.8em;
background:url(images/testimonialgrade.gif) repeat-x top left;
border:none;
}

h5 span {
background:#ccccff;
padding:3px;
}

h5 {
 font-size: 1.6em;
 display: block;
 border-bottom: 7px solid #ccccff;
 background:url(images/testimonialgrade.gif) repeat-x top left;
 color: #66669a;
 padding:12px 0;
 height: 25px;
 margin-top:0;
 font-family: Georgia, Times, Serif;
 font-variant: small-caps;
 text-align: center;
}

.purplebox {
 border: 7px solid #ccccff;
 background: #66669a;
 color: #ccccff;
 text-align:right;
}

#testimonialbox div {
 padding:2px;
 margin-top:0px;
}

#home .wp_quotes_quote {
 padding: 0 15px 5px 15px;
 clear:both;
}

.wp_quotes_quote {
 margin:-20px 5px 20px 0;
 font-style:italic;
 text-align:left;
}

.wp_quotes_author {
 margin:5px 5px 5px 25px;
 font-style:italic;
 font-size:0.9em;
}

#home #selftestbox {
 display: block;
 height: 20px;
 padding:3px;
 width:315px;
 margin-top:-5px;
 margin-left:300px;
 background-color:#fe9900;
 position:relative;
}

#home #selftestbox span {
 font-size: 1.4em;
 display: block;
 color: #66669a;
 padding:3px;
 height: 20px;
 width:315px;
 margin-top:-10px;
 margin-left: -8px;
 font-family: Georgia, Times, Serif;
 font-variant: small-caps;
 text-align: center;
 background-color:#fdcc66;
 border: 1px solid #fe9900;
 position:relative;
}

#selftestbox {
 display: block;
 height: 36px;
 padding:3px;
 width:165px;
 margin-top:10px;
 margin-left:26px;
 background-color:#fe9900;
 position:relative;
 margin-bottom: 10px;
}

#selftestbox span {
 font-size: 1.3em;
 display: block;
 color: #66669a;
 padding:3px;
 height: 36px;
 width:165px;
 margin-top:-7px;
 margin-left: -7px;
 font-family: Georgia, Times, Serif;
 font-variant: small-caps;
 text-align: center;
 background-color:#fdcc66;
 border: 1px solid #fe9900;
 position:relative;
}

/*
The following is the fix
for 3-pixel-jog bug in IE 
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #content {
 /*margin-right: 7px;*/
}
* html #sidebar {
 height: 1%;
}
/* End hide from IE5/mac */

/* ------------------------------ Drop Down Menu -----------------------------------*/
.menu {
width:780px; 
font-size:0.85em;
position:relative;
z-index:1;
background:transparent;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
font-family: arial, tahoma, sans-serif;
float:right;
}
/*.menu ul ul {
width:85px;
}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
padding:0;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:0.9em;
text-decoration:none; 
color:#ccccff; 
padding:0 10px 0 10px;
height:27px; 
line-height:27px;
text-align:center;
background: transparent url(images/pipe.gif) no-repeat left;
}

.menu a.first, .menu a.first:visited, .menu a.first:hover  {
background:transparent;
}

.menu :hover > a .first {
background:transparent;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:auto; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#66669a;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:transparent;
}
.menu ul ul :hover > a.drop {
background:#ccccff;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#ccccff;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#66669a;
}


/* hide the sub levels and give them a positon absolute so that they dont' take up any room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:27px;
t\op:27px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:85px; 
top:0;
width:85px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-85px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#ccccff; 
color:#66669a; 
height:auto; 
font-size:0.8em;
line-height:1em; 
padding:5px 0 5px 0; 
width:85px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:85px;
w\idth:85px;
}

/* style the top level hover */
.menu ul a:hover, .menu ul ul a:hover {
color:#ccccff; 
background:#66669a url(images/pipe.gif) no-repeat left center;
}

.menu ul :hover > a {
color:#ccccff;
background:#66669a url(images/pipe.gif) no-repeat center left;
text-decoration:none;
}

.menu ul ul :hover > a {
color:#ccccff;
background:#66669a;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

.blognav a {color:#ff9801;}
.blognav a:visited {color:#ff9801;}
.blognav a:hover {color:#ff9801; text-decoration:underline;}
li#menu_blog {color:#ff9801; text-decoration:underline;}

li.current {text-decoration:underline; color:#ccccff;}
li.current ul li a {text-decoration:none;}

/* ------------------------------- Credits ---------------------------------- */
#footer {
 margin: 10px auto;
 width: 750px;
 font-size: .8em;
}
#footer p {
margin-top: 0;
}
.clearer {
 clear: both;
 line-height: 25px;
}

p.clientTestimonial {
margin-bottom:0;
padding-bottom:0;
margin-left: 30px;
margin-right: 30px;
}

p.clientTestimonialAttribution {
margin:-10px 30px 25px 30px;
padding-top:0;
text-align: right;
font-style: italic;
font-size:.9em;
}

/*------------------------------ H Menu Styling ----------------------------- */
#top { 
 display: inline;
 list-style-type: none;
 float:right;
}

#top ul li {
 list-style-type: none;
 display: inline;
}
#hsubnav {
 background: url(images/goldbar.gif) repeat-x top left;
}

#hsubnav span {
 color: #333;
 background: transparent;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 0.7em;
 font-weight: bold;
 right: 5px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* ------------------------------- General ---------------------------------- */
a {
 color: #fe9900;
 text-decoration: none;
}
a:hover {
 color: #653366;
 text-decoration: underline;
}

top a {
 border: 0;
 text-decoration: none;
}
blockquote {
margin-left:30px;
}

blockquote a, blockquote a:visited {
}

blockquote a:hover {
 cursor: pointer;
}

code {
 font-family: Courier, monospace;
 font-size: 1.0em;
}
h1 {
 margin-bottom: 4px;
 margin-left:0;
 padding: 0;
 font-variant: small-caps;
 letter-spacing: 3px;
 font-family: Georgia, Times, serif;
 color: #353364;
}
h1 a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 color: #fdcc66;
}

h1.blog {
font-style:italic;
font-variant:normal;
letter-spacing:0;
}
.singlepost h1 {
 padding-top: 0px;
}

h2 {
 color: #fe9900;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 margin-top: 40px;
 position:relative;
}

h2.searchresult {color: #353364}
.searchdetails {margin: -5px 0 15px 0;}

.singlepost h2{
margin-top: 0px;
}

.singlepost h3 {
font-size:1em;
}

h3 {
 text-align: left;
 color: #653366;
 font-size: 1.2em;
 font-weight: bold;
 clear:right;
}

h4 {
 margin:0;
 padding:0;
 line-height:12px;
 color: #66669a;
 font-size:1em;
}

#home #contentright strong {
 font-size: 1.2em;
 color: #ff9801;
}

.singlepost li {
 font-size: 1em;
 color: #653366;
}

.singlepost ul {
list-style-image: url("http://www.pfblogs.org/star.gif");
margin-bottom:10px;
}
span.attribution { font-style: italic; font-size: .9em;}
span.quote { font-style: italic; font-size: 1em; }
/* ------------------------------Site Navigation ---------------------------- */
#blogtitle {
 margin: 0;
 padding: 5px;
 font-variant: small-caps;
 letter-spacing: 3px;
 font-family: Georgia, Times, serif;
 font-weight: normal;
 font-size: 1.6em;
}
#blogtitle a{
 color: #fdcc66;
 text-decoration:none;
}

#blogtitle a:hover{
 color: #fdcc66;
 border: 0;
}

#header h2, #home #header h2 {
     margin:0 0 0 40px;
}

h2 span.description {
 color:#fff;
 font-size: .6em;
 font-family: Georgia, Times, serif;
 font-style: italic;
 font-variant: none;
 text-transform: capital;
}

#header h3, #home #header h3{
 margin: 0 0 0 7px;
 line-height: 26px;
 color: #ff9801;
 font-size: 1.2em;
 font-family: Georgia, Times, serif;
 font-style: italic;
}
/* -------------------------------- Main Body ------------------------------- */
.post {
 color: #653366;
 text-align: justify;
}
.singlepost {
 color: #653366;
 text-align: left;
 margin-left:15px;
 margin-bottom:30px;
}

.title a  {
 text-align: left;
 height: auto;
 color: #ccccff;
 display: block;
 text-decoration: none;
 font-size: 1.2em;
 font-weight: bold;
}
.title a:hover {
 color: #653366;
 border: 0;
}

.singlepost p {
margin-top: 0;
}

.img a {
 text-decoration: none;
}

/* -------------------------------- Credits --------------------------------- */
p.credits {
 padding: 0px 0px;
 text-align: center;
 margin: 10px; 
 color: #9e9e9e;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}

/* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix {
 display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */

/*--------------------------- Additional code ------------------------ */

/*Table Styling*/

.odd {
 background-color:#ccccff;
}

#morehome .head {
margin-top: 20px;
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
        padding: 2px;
	display: block;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 2px;
        border: 1px solid #7f7157;
	}	
img.alignright {
	padding: 2px;
	margin: 0 0 2px 7px;
	display: inline;
        border: 1px solid #7f7157;
	}
img.alignleft {
	padding: 2px;
	margin: 0 7px 2px 0;
	display: inline;
        border: 1px solid #7f7157;
	}
.alignright {
	float: right;
	}	
.alignleft {
	float: left;
            }
/*--------------------------- Comments ------------------------ */
#response {margin-top:30px;}
#comment {width:475px;}
.commentinfo {font-size:.8em; color:#fe9900; padding-top:2px; font-size:.5em;}
.commentinfo a, .commentinfo a:hover {color:#fe9900;}
ol#commentlist {font-family:Georgia, Times, serif; font-size:1.8em; font-style:italic; list-style-type:none;}
span.count {position:absolute; margin-left:-30px; margin-top:20px;;}
ol#commentlist li {margin-top:0px; margin-bottom:12px;}
span.commentauthor {font-family:Georgia, Times, serif; font-size:.8em; font-style:normal; font-weight:bold;}
.commentshadow {
 display: block;
 height: auto;
 padding:3px 10px 3px 2px;
 width:95%;
 margin-top:5px;
 margin-left:8px;
 background-color:#333367;
 position:relative;
}

.commentshadow .commenttext {
 font-size: .6em;
 font-style: normal;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 display: block;
 color: #353364;
 padding:3px 3px 3px 10px;
 height: auto;
 width:100%;
 margin-top:-7px;
 margin-left: -10px;
 background-color:#9999cd;
 border: 1px solid #ccccff;
 position:relative;
}

/*--------------------------- Blog Index ------------------------ */
#bloghome .post {
 display: block;
 height: auto;
 padding:3px 3px 20px 3px;
 width:85%;
 margin-top:10px;
 margin-left:26px;
 background-color:#fe9900;
 position:relative;
 margin-bottom: 20px;
}

#bloghome .post div.offset {
 font-size: 1em;
 display: block;
 color: #353364;
 padding:3px 3px 3px 10px;
 height: auto;
 width:100%;
 margin-top:-7px;
 margin-left: -17px;
 background-color:#fdcc66;
 border: 1px solid #fe9900;
 position:relative;
}

p.postmetadata {position:relative; padding-bottom:20px; margin-bottom:-40px; margin-left:10px; font-size:.9em; color: #66669a}
p.postmetadata a {color:#66669a;}
div.offset small {display:block; text-align:right; border-bottom: 1px solid #66669a; margin-top:-30px;margin-bottom: 20px;}