/*
THEME NAME: Spiral Circus Arts
THEME URI: http://accessgranted.com
DESCRIPTION: A Phi-Spiral based theme for Vivian Spiral's hoopdance performances.
VERSION: 1
AUTHOR: Adam Apollo
AUTHOR URI: http://adamapollo.com
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('sandbox-layouts/2c-l.css');

body {
	background: #000000;
	color: #d5d5d5;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	/* margin-left: 5%; */
	width: 1100px;
	margin:0px auto;
	text-align:center;
}

div#center-body {
	margin: 0px auto;
	text-align:left;
	background: url('images/phi-spiral.png') top center no-repeat;

}

div#spiral-rotation {
	z-index:2;
	position:relative;
	margin:0px auto;
	float: left;
	top:42px;
	left: 84px;
	width:339px;
	height:343px;
	background: url('images/rotator/rotator.php') top center no-repeat;

}
div#home-spiral {
	z-index:3;
	position:relative;
	margin:0px auto;
	float: left;
	top:42px;
	left: 84px;
	width:339px;
	height:343px;
	background: url('images/rotator/circus-spiral-1.png') top center no-repeat;

}

div#wrapper {

}


div#header{
	text-align: left;
	margin-bottom: 10px;
	margin-left: 30px;
	color: #000;
}
div#content{
	z-index:1;
	top:66px;
	float:left;
	width:444px;
}

div#blog-description{
	margin-top 0px;
	margin-bottom: 28px;
	color:#fff;
}

h1{
	margin-bottom: 0px;
	font-size: 35px;
	color:#fff;
}

h1 a, h1 a:visited{
	margin-bottom: 0px;
	font-size: 35px;
	color:#fff;
}

h1 a:hover{
	margin-bottom: 0px;
	font-size: 35px;
	color:#CC0066;
}
div#menu{
	font-size:18px;
	height:1.5em;
	padding-top:0.7em;
	background: transparent;
	width:1100px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;

}

div#menu ul a{
/*	background-color:#212121; */
	padding: 6px 8px;
	font-size: 18px;
	color: #17120f;
	text-decoration: none;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */

}

div#menu ul a:hover{
/*	background-color:#CC0066; */
	padding: 6px 8px;
	margin-right:10px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */

}

h9 a{
	background-color:#e04a00;
	padding: 6px 15px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
h9{
	position: absolute;
	top:1em;
	right:1em;
}

h9 a:visited{
/*	background-color:#e04a00; */
	padding: 6px 15px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
	
}


h9 a:hover{
/*	background-color:#fff; */
	padding: 6px 8px;
	margin-right:0px;
	font-size: 13px;
	color: #e04a00;
	text-decoration: none;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */

}


a,a:visited{
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #CC0066;
	text-decoration: none;

}

div#menu ul,div#menu ul ul,div#menu ul li{
	list-style:none;
	margin:0;
	padding:0;
}

div#menu ul li{
	float: left;
	padding-right:55px;
}

div#menu ul li a{
/*	background-color:#212121; */
	padding: 6px 8px;
	margin-right:10px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */

}


/* CUSTOM COLORS */

div#menu ul li.current a, div#menu ul li.current a:visited, div#menu ul li.current a:active{
	color:#f89a49;
}
div#menu ul li.current a:hover{
	color:#f4c092;

}



div#menu ul li.page-item-2 a, div#menu ul li.page-item-2 a:visited, div#menu ul li.page-item-2 a:active{
	color: #ee3261;
}
div#menu ul li.page-item-2 a:hover{
	color: #f38ca6;
}



div#menu ul li.page-item-3 a, div#menu ul li.page-item-3 a:visited, div#menu ul li.page-item-3 a:active{
	color: #f0b529; 
}
div#menu ul li.page-item-3 a:hover {
	color: #FFCC66;
}


div#menu ul li.page-item-5 a, div#menu ul li.page-item-5 a:visited, div#menu ul li.page-item-5 a:active{
	color: #ee283d;
}
div#menu ul li.page-item-5 a:hover {
	color: #e97a85;
}

div#menu ul li.page-item-7 a, div#menu ul li.page-item-7 a:visited, div#menu ul li.page-item-7 a:active{
	color: #b055a1;
}
div#menu ul li.page-item-7 a:hover {
	color: #d1aaca;
}

div#menu ul li.page-item-9 a, div#menu ul li.page-item-9 a:visited, div#menu ul li.page-item-9 a:active{
	color: #FF6633;
}
div#menu ul li.page-item-9 a:hover {
	color: #FF9999;
}
div#menu ul li.page-item-21 a, div#menu ul li.page-item-21 a:visited, div#menu ul li.page-item-21 a:active{
	color: #f69377;
}
div#menu ul li.page-item-21 a:hover {
	color: #f7c8bb;
}


.entry-title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #fff;
	font-size:22px;
clear:both;
max-width:333px;
padding-top:22px;
padding-bottom:55px;
}

.entry-title a{
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFFFCC;
	font-size:22px;
clear:both;
}

div.sidebar{
margin-top:2em;
line-height: 1em;
}
div#container{
margin:0px auto;
min-width:1100px;
min-height:650px;
margin-top:2em;
line-height: 1.6em;

}
div#nav-above,div#nav-below{
	width:100%;
	height:1em;
}
div#nav-above
{margin-bottom:1em;
}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;

}

div.sidebar h3{
	font-size:1em; 
	font-family: calibri, arial, sans-serif;
	color: #c1bab7;
	text-transform: uppercase;
}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:20px 0 0;}
div.sidebar li form{margin:0.4em 0 0;padding:0;}
div.sidebar ul ul{margin:5 0 0 0em;}
div.sidebar ul ul li{list-style:none;margin-top:10px;}
div.sidebar ul ul ul{margin:0 0 0 0;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{
color: #fff;
padding-top: 100px;
padding-left:188px;
text-align:left;
float:bottom;

}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}