/*  
Theme Name: Circesteem
Description: Custom WP Theme for Circesteem site
Version: 1.0
Author: Mark Winston
Author URI: http://www.design.songcycleformidnight.com/

*/


body{background:url(images/nav-bg.gif) repeat-x center top #771011; margin:0; font-family:arial, helvetica, sans-serif; }

h1, h2{font-family:garamond, georgia, sans-serif;}

p{font-size:14px; line-height:1.5em;}


#container{float:left; width:100%;}
	
#nav-full{float:left; width:100%; background:url(images/nav-bg.gif) repeat-x center top; font-family:sans-serif; font-size:small; margin:0; color:#333; text-decoration:none; height:36px;}
	#nav{width:1058px; margin:0 auto;}
	#nav-wrap{width:1023px; float:left; margin:0 0 0 75px;}
	#nav ul{list-style:none; padding:0; margin:0;}
	#nav li{display:block; float:left;}
	#nav li a{display: block; float:left; height:22px; color:#333; text-decoration:none; padding:15px 15px 10px;}
	#nav li:hover,#pixopoint_menu1 li.sfhover {background:url(images/menu-transparent-bg.png);}
	#nav li a {border:none; text-decoration:none;	display: block; float:left; height:23px; color:#333; font-family:sans-serif; padding:8px 15px 5px;}
	#nav li a:hover {border:none; background:url(images/menu-transparent-bg.png); text-decoration:none;	color:#FFFFFF;}


#feature-full{width:100%; float:left; color:#fff;}

#feature{width:1058px; margin:0 auto; padding:0;}
	
	#feature-wrap{width:1058px; float:left; background:url(images/starburst-red-bg.jpg) no-repeat top center #771011;}
	div.feature-full-row{width:978px; padding: 0 0 0 85px; float:left;}
	div#logo{width:310px; float:left; margin:25px 24px 0px 0px;}
	div#logo a.logo{display:block; width:310px; height:80px; background:url(images/logo-horizontal.gif) no-repeat;}
	div#spotlight{width:610px; float:left; padding:px 0 0; margin:0 23px 0 10px; font-size:medium;}
	
	#box-top-wrap{width:100%; height:101px; float:left;}
	#box-top{width:1058px; height:101px; margin:0 auto; }
	#box-top-full{width:1058px; height:101px; float:left; background:url(images/box-top-bg.gif) no-repeat; margin:auto;}


#main-full{width:100%; float:left; padding:0;} 

#main{width:1058px; margin:0 auto;}
#main a{color:#0000ff; text-decoration:none;}
#main a:hover{color:#9900ff; text-decoration:none;}
#main-wrap{width:1058px; float:left;}
#content-wrap{width:1007px; margin:0 0 0 47px; padding:0 0 0 49px; float:left; background:url(images/left-stars.gif) no-repeat;} 




#content{width:961px; float:left; background:#fff; background:url(images/content-bg.jpg) repeat-y;}

#left-side{width:659px; float:left; background:url(images/content-bg.jpg) repeat-y;}

#left-content{width:608px; float:left; padding:10px 25px 15px; background:url(images/sidebar-shadow.jpg) no-repeat top right;}
	#left-content h1, #left-content h2, #left-content h3{font-family:Garamond, Georgia, sans-serif; margin:10px 0 5px;}
	#left-content p{font-family:arial, helvetica, sans-serif; line-height:1.5em;}
	
	#left-content a img{border:none;}
	div.content-full-row-slider{width:100%; float:left; margin:0 0 5px;}
	div.content-full-row{width:100%; float:left; border-bottom:1px solid #d6d6ce; padding:0 0 5px; margin:0 0 5px;}
	div.content-col-1{width:283px; float:left; padding:0 15px 0 0px; margin:0 5px 0 0; border-right:1px solid #d6d6ce;}
	div.content-col-2{width:289px; padding:0 0px 0 15px; float:left;}
	div.content-3-col{width:201px; float:left; border-right:1px solid #d6d6ce;}
	div.post{float:left; width:100%; border-bottom:1px solid #d6d6ce;}
		div.post div.entry{float:left;}
		div.post div.entry p{margin:0 0 10px;}
		.wp-caption{margin:0px; padding:0 !important; border-bottom:1px solid #d6d6ce; font-size:xx-small; text-align:left;}
				.alignleft{float:left; margin:0 2em 1em 0;}
				.alignright{float:right; margin:0 0 1em 1.5em;}
				img.alignright{float:right; margin:0 0 1em 1em;}
				img.alignleft{float:left; margin:0 1em 1em 0;}
				img.aligncenter{display:block; margin-left:auto; margin-right:auto;}
		
	div.post div.entry ul.dbem_events_list{list-style:none; margin:0; padding:0;}
	div.post div.entry ul.dbem_events_list li{margin:0 0 10px;}
	div.post div.tfe{float:left; margin:0 10px 10px 0;}
	
	
#sidebar{width:249px; float:left; background:#fff; padding:0 25px 25px; color:#333;}
	div.sidebar-box{width:100%; float:left; padding:10px 0; }
	div.sidebar-box ul{list-style:none; margin:0; padding:0;}
	div.sidebar-box ul li{margin:15px 0;}
	div.sidebar-box input.donate{display:block; background:url(images/donate.gif) no-repeat; width:250px; height:50px; border:none;}
	div.sidebar-box input.donate:hover{background-position:0 -50px; cursor: pointer; cursor: hand;}
		div.sidebar-box div.paypal-donate{text-align:center; width:100%; float:left; padding:15px 0;}
	div.sidebar-box a.register{display:block; background:url(images/register.gif) no-repeat; width:250px; height:50px;}
	div.sidebar-box a.connect{display:block; background:url(images/connect.gif) no-repeat; width:250px; height:50px;}
	div.sidebar-box a.events{display:block; background:url(images/events.gif) no-repeat; width:250px; height:50px;}
		div.sidebar-box a.events:hover{background-position:0 -50px;}
	div.sidebar-box a.testimonials{display:block; background:url(images/testimonials.gif) no-repeat; width:250px; height:50px;}
		div.sidebar-box a.testimonials:hover{background-position:0 -50px;}
	div.sidebar-box a.contact-us{display:block; background:url(images/contact-us.gif) no-repeat; width:250px; height:50px;}
	div.sidebar-box input.text{border:1px solid #999; color:#999; display:block; float:left; height:16px; margin:2px 0 2px 0; padding:3px 10px 3px 5px; width:160px;}
	div.sidebar-box input.btn{background:#d6d6ce; border:1px solid #999; color:#333; float:left; height:24px; margin:0 0 0 2px; padding:2px 5px 4px;}
	div.sidebar-box input.btn:hover{background:#f7d9a3; color:#000; cursor:pointer;}

#right-hoop{width:14px; height:69px; float:left; background:url(images/right-hoop.gif) no-repeat;}

#footer-full{width:100%; float:left; background:url(images/footer-starburst-red-bg.jpg) no-repeat 20px -70px; color:#fff;}

	#footer{width:1058px; margin:0 auto; padding:0 0 0 142px;}
	#footer a{color:#e7e7df; text-decoration:none;}
	#footer a:hover{color:#afaf6d; text-decoration:underline;}

		#footer-wrap{width:958px; float:left; padding:10px 25px 10px 50px;}
			div.footer-full-row{width:958px; float:left;}
			div.footer-col-1{width:300px; float:left;}
				
			div.footer-col-2{width:329px; float:left; padding:0 20px;}						div.footer-col-3{width:249px; float:left; padding:0 20px;}
				div.footer-col-3 a.cirque-logo{display:block; background:url(images/cirque-logo-horizontal.gif) no-repeat; width:196px; height:21px;}
				div.footer-col-3 a.whole-foods-logo{display:block; background:url(images/whole-foods-logo.gif) no-repeat; width:200px; height:47px;}
				div.footer-col-3 a.alternatives-logo{display:block; background:url(images/alternatives-logo.gif) no-repeat; width:200px; height:86px;}
				div.footer-col-3 ul{list-style:none; padding:0; margin:0;}
				div.footer-col-3 ul li{margin:0 0 20px;}

			div.center{text-align:center;}

/* Pixopoint Dropdown Menu styles */

/*#pixopoint_menu1 {width:100%; background:url("images/nav-bg.gif") repeat-x 0 -13px;    height:35px; color:#333; text-decoration:none; font-family:sans-serif; font-weight:bold;margin:0;}
	#pixopoint_menu1 ul {border:none; background:none; margin:auto; padding:0;	list-style:none; }
		#pixopoint_menu1 li {color:#FFFFFF; font-size:small; z-index:20;	padding:0;	margin:0 0px; float:left; font-family:tahoma,sans-serif; position:relative;}
		#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {background:url(../../../themes/circesteem/images/menu-transparent-bg.png);}
		#pixopoint_menu1 li a {border:none; text-decoration:none;	display: block; float:left; height:23px;  color:#333; font-family:sans-serif; padding:8px 15px 5px;}
		#pixopoint_menu1 li a:hover {border:none; background:url(../../../themes/circesteem/images/menu-transparent-bg.png); text-decoration:none;	color:#FFFFFF;}
	
	#pixopoint_menu1 ul ul {position:absolute; left:-999em;	top:35px; float:left; width:220px; margin:0; padding:0; background:url(../../../themes/circesteem/images/menu-transparent-bg.png);}
		#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {left:auto;}
		#pixopoint_menu1 ul ul li a {display:inline; padding:7px 15px 3px; width:190px;}
		#pixopoint_menu1 ul ul li:hover, #pixopoint_menu1 ul ul li a:hover{background:#d1abc2;}
		#pixopoint_menu1 ul ul li {display:list-item; float:left; color:#444444; z-index:20; margin:0; padding:0px; width:220px; background:url(../../../themes/circesteem/images/menu-transparent-bg.png);}

#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a{color:#FFFFFF; text-decoration:none;}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a{color:#444444;}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover{color:#FFFFFF;  background:#d1abc2;}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {color:#FFFFFF;}
#pixopoint_menu1 ul ul ul li {font-size:1em;}
#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {position:absolute; margin-left:-999em;	top:0; float:left; width:120px;}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {margin-left:120px;}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a{text-decoration:none;}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a{color:#FFFFFF; text-decoration:none;}
#pixopoint_menu1 li.pixo_search:hover{background:none;}
#pixopoint_menu1 li.pixo_search form{margin:0; padding:0;}
#pixopoint_menu1 li.pixo_search input {font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch{width:100px;}
#pixopoint_menu1 li.pixo_right {float:right;}
*/



			
/* S3Slider styles */
			

#s3slider {
   width: 608px; /* important to be same as image width */
   height: 275px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#000;
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.75em;
}

#s3slider h3, #s3slider p{font-family:Arial, Helvetica, sans-serif; margin:0;}


#s3slider a{color:#fff; text-decoration:none;}
#s3slider a:hover{color:#afaf6d;}


#s3sliderContent {
   width: 608px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage img{
	border:none;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px;
   width: 582px;
   background-color: #333;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage a{
	color:#afaf6d;
}

.s3sliderImage span a:hover{
	color:#afaf6d;
}

.clear {
   clear: both;
} 

ul#s3sliderContent{
	list-style:none;
	padding:0;
	margin:0;
}


/* FLICKR GALLERY STYLING  */


/*
Copy this file into your current active theme's directory to customize this template

Photo
*/
div.meta img {margin-right:5px;}
div#photo {position:relative; margin:10px 0 0;}
div#notes {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
div#notes div.note {
    padding:1px;
    margin:-4px 0px 0px -4px;
    position:absolute;
    cursor:pointer;
}
div#notes:hover div.note div.hover2 {
    border:1px solid black;
}
div#notes:hover div.note div.hover {
    border:1px solid white;
}

div#notes div.note:hover {
    border:1px solid yellow;
    padding:0;
    z-index:2;
}

div.note div.text {
    display:none;
    position:absolute;
    top:100%;
    left:0px;
    width:auto;
    margin:10px 0 0 0 ;
    padding:5px;
    background:#FFFFD3;
    color:black;
    border:1px solid #555;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    z-index:1;
}
div.note:hover div.text {
    display:block;
}

div#context {
    position:relative;
    height:120px;
    width:100%;
    background:#eee;
}
div#context div.prev, div#context div.next {
    position:absolute;
    top:10px;
    color:#ccc;
    font-size:0.9em;
    text-align:center;
    text-transform:lowercase;
}
div#context div.prev {
    left:10px;
}
div#context div.next {
    right:10px;
}
div#context div.nomore {
    top:20px;
    width:100px;
}
div#context div.info {
    position:absolute;
    top:20px;
    left:50%;
    width:100px;
    margin-left:-50px;
    text-align:center;
}
div#context div.info a{
    color:#ccc;
    text-decoration:none;
}
div#context div.info strong a{
    color:#aaa;
}

div.comment {
    clear:both;
    min-height:50px;
    margin-bottom:1em;
}
div.comment p {
    margin:0 0 1em 0;
    padding:0;
}
div.comment img {
    margin-right:5px;
    margin-bottom:5px;
}
/*

Album

*/

div#photos {
    clear:both;
    margin:10px 0 0 0;
}
div#highlight {
    position:relative;
}
div#highlight img {
    float:left;
    margin:0 10px 0 0 ;
}

div#highlight p.meta {
    font-size:1em;
}
div#highlight p.meta a {
}

/*

Albums-index

*/

div.albums {
    clear:both;
}
div.album {
	padding:10px 0;
    position:relative;
    min-height:95px;
    clear:both;
}
div.album img.highlight {
    float:left;
    position:relative;
    margin-right:10px;
}
div.album h2 {
    font-size:1.4em;
    text-decoration:none;
    margin:0;
}

div.albums-small div.album {
    clear: none;
    width:90px;
    height:115px;
    float:left;
    background: none;
}
div.albums-small div.album img.highlight {
    margin:0;
}
div.albums-small div.album strong {
    font-size:0.9em;
}

div.group {
    min-height:60px;
}

div#highlight {
    position:relative;
    margin:0;
}
div#highlight h2 {
}
div#highlight img.highlight {
    float:left;
    margin:0 10px 0px 0 ;
    border:none;
}
div#highlight p {}
div#highlight p.meta {}
div#highlight p.meta a {}

div#highlight div.photos {clear:both; padding:10px 0;}
div#highlight div.photos img {margin:0 5px 5px 0; border:none;}

div#photoalbum-nav {
    margin-bottom:15px;
}

/*

Paging

*/
.navigation {
	padding:1em 0;
	font-size:1.5em;
}

/*

Tags

*/
div.tags {
    padding-top:10px;
    clear:both;
}
div#cloud {
    line-height:200%;
}

div.flickr-meta-links {
	clear:both;
    margin:10px 0 0 0;
    font-size:10px;
}
div.flickr-meta-links a{
    color:#555;
}

