/*
Theme Name: Saguaro
Description: A theme from <a href="http://perfectcirclemedia.com">Perfect Circle Media</a>
Author: Scarlett Coley
Author URI: http://perfectcirclemedia.com/

*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.

/* ----------------------------------------------*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#251c33;
	font:0.85em Arial, Helvetica, sans-serif; color:#868e9b;
	line-height:19px;
}

p	{
	margin:0 0 12px 0;
	}

code {
	margin:0; padding:0;
	width:80%; height:auto;
	font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}

	pre {
		margin:0 auto; padding:5px 20px;
		background:#f4f1ec url(images/code.gif) repeat;
		border:1px solid #bbced7;
		font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
		line-height:200%;
	}

blockquote {
	margin:0 auto; padding:5px 20px;
	width:80%; height:auto;
	background:#f8fbfc url(images/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
}

img {
	margin:0; 
	padding:0;
	border:0;
}

ins {
	color:#009999;
}

del {
	color:#990000;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:-10px 0 0 0; padding:0;
	font:bold 3em Verdana, Arial, Helvetica, sans-serif; color:#fefefe;
	position:relative; display:block;
}

	.post-content h1, .page-content h1 {
		margin:10px 0; padding:0;
		font:bold 2em Arial, Helvetica, sans-serif; color:#53798b;
	}

	h1 a:link, h1 a:active, h1 a:visited {
		color:#fefefe;
		outline:0;
	}
	
	h1 a:hover {
		color:#d7d7d7;
	}

	h1 span {
		margin:10px 0 0 0;
		background:url(images/gradient.png) repeat-x;
		width:100%; height:20px;
		position:absolute; display:block;
	}

h2 {
		margin:0; padding:0;
		font:0.5em Verdana, Arial, Helvetica, sans-serif; color:#b9b9b9;
}

	.post-content h2, .page-content h2 {
		margin:8px 0 8px 0; padding:0;
		font:normal 1.4em Arial, Helvetica, sans-serif; color:#53798b;
	}

h3 {
		margin:0; padding:0;
		font:normal 1.4em Arial, Helvetica, sans-serif; 
		text-transform: uppercase;
		color: #84637e;
}

.post-content h3, .page-content h3 {
		margin:0; padding:0;
		font:normal 1.2em Arial, Helvetica, sans-serif; color: #84637e;
	
	}

h3 a:link, h3 a:active, h3 a:visited {
		color: #84637e;
	}
	
h3 a:hover {
		color: #fff;
	}
	
h3.post-title, h3.page-title, .single h3.post-title, h3.post-title-small {
		margin:0 0 15px 0; padding:9px 22px 5px 17px;
		width:581px; 
		height: expression( this.scrollHeight < 25 ? "24px" : "auto" ); /* sets min-height for IE */
		min-height: 24px; /* sets min-height value for all standards-compliant browsers */
		background-color:#343b44;
		border-bottom:2px solid #84637e;
	}
		
.single h3.post-title {
			font-size:1.4em;
		}
		
h3.post-title-small {
			font-size:1.4em;
		}

h4 {
		margin-top:10px; padding:0;
		font:normal 1em Arial, Helvetica, sans-serif; 
		text-transform: uppercase;
		color: #84637e;
}

h4 a:link, h4 a:active, h4 a:visited {
		color: #84637e;
	}
	
h4 a:hover {
		color: #fff;
	}
	
h4.post-title, .single h4.post-title, h4.post-title-small {
		margin:0 0 12px 0;
		padding:8px 22px 0px 22px;
		width:576px; 
		height:30px;
		background-color:#343b44;
		border-top:2px solid #84637e;
		border-bottom:2px solid #84637e;
	}
	
.excerpt {
		padding:12px 12px 0 16px;
	}
	
	
.post-content h4, .page-content h4 {
		margin:10px 0; padding:0;
		font:bold 1.17em Georgia, "Times New Roman", Times, serif; color:#53798b;
	}


#tag_cloud h5, #searchform label {
		margin:0; padding:0;
		background:none;
	}

a:link, a:active {
		color:#868e9b;
		text-decoration:none;
		font-weight:bold;
}

a:hover {
		color:#fff;
		font-weight:bold;
}

a:visited {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
}


/* Main Content
/* -------------- */


.comment-count a:link, .comment-count a:active, .comment-count a:visited {
		margin:0; padding:10px 20px;
		font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;
		display:block;
}

.comment-count a:hover {
		background:#ea2f7e;
}

	.single .comment-count a:link, .single .comment-count a:active, .single .comment-count a:visited,
	.page-content .comment-count a:link, .page-content .comment-count a:active, .page-content .comment-count a:visited {
		padding:8px 18px;
		font:bold 1.45em Arial, Helvetica, sans-serif;
	}

.post-intro strong {
		font:bold 1.33em Arial, Helvetica, sans-serif; color:#30393d;
		line-height:21px;
}

.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited,
.cat-posts li.view-more a:link, .cat-posts li.view-more a:active, .cat-posts li.view-more a:visited {
		font:bold italic 1.17em Georgia, "Times New Roman", Times, serif; color:#bd4478;
}

.continue-reading a:hover,
.cat-posts li.view-more a:hover {
		color:#f2307f;
}

/* Drop Down
/* -------------- */

.category a:link, .category a:visited,
.category-inside a:link, .category-inside a:active, .category-inside a:visited {
		margin-bottom:-1px; padding:15px 25px 0 15px;
		display:inline-block;
		height:25px; outline:0;
		font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;
}

.active div {
		margin:0 0 -1px 0; padding:0 0 0 6px;
		width:auto; height:40px;
		background:url(images/cat-hover-left.gif) no-repeat top left;
		float:right; display:block; position:relative; z-index:10;
}

	.active a:link, .active a:visited {
		margin:0; padding:15px 25px 0 15px;
		width:auto; height:25px; display:inline-block;
		font:1.00em Georgia, "Times New Roman", Times, serif; color:#5c5659;
		background:url(images/cat-hover-right.gif) no-repeat top right;
	}
	
.cat-posts li.view-more {
	margin:0; padding-top:15px;
	text-align:right;
}

.cat-posts li a:link, .cat-posts li a:active, .cat-posts li a:visited {
	font:bold 1.17em Arial, Helvetica, sans-serif; color:#30393d;
	display:block;
}
						
.cat-posts li a:hover {
	color:#bd4478;
}
												
	.cat-posts li span {
		font:0.92em Arial, Helvetica, sans-serif; color:#889194;
	}
	
	
/* Comments
/* -------------- */	

.submit-comment {
	margin:0 0 15px 0; padding:0;
	width:127px; height:27px;
	background:url(images/submit-comment.gif) no-repeat top center;
	display:block; outline:0; text-indent:-9999px;
	border:0;
}

.author {
	font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;
}

	.author a:link, .author a:active, .author a:visited {
		color:#3c4d54;
	}
	
	.author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited {
		color:#6b8894;
		display:inline;
	}
	
.author span {
	font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
	display:block;
}

.comment-text {
	font:1.00em Arial, Helvetica, sans-serif; color:#74868d;
	line-height:19px;
}
	
/* ---------------------- Sidebar Left from PCM---------------------- */

#sidebar {
	margin:0; padding:2px 0 0 0;
	background:url(images/sidetop.gif) no-repeat top left;
}


#sidebar a.home{
	color:#000;
	font:normal 1.4em Arial, Helvetica, sans-serif; 
	line-height:2;
	padding:0 0 0 26px;
}

#sidebar a:hover.home {
	color:#fff;
}

.sidebarnav {
	margin:0;padding:0;
	width:274px;

}

.sidebarnav ul {
	margin:0;
	padding:0;
}

.sidebarnav a{
	display:block;
	font:normal 1.2em Arial, Helvetica, sans-serif; 
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	background-color:#16182F;
	height:1%;
	padding:15px 8px 12px 12px;
}

.sidebarnav p {
	text-align:left;
	padding: 15px 8px 15px 0px;
	color: #2c0647;
	font-size:1em;
	line-height:1.4;
}


.sidebarnav .page_item a,current_page_item a,.sidebarnav .current_page_item a:visited,.sidebarnav .current-cat a,.sidebarnav .current-cat a:visited {
	background-color: #6ca142;
	color: #fff;
	padding-left:26px;
	font-weight:normal;
	border-bottom:2px solid #84637e;
}

.sidebarnav .page_item a {
	background-color: #16182f;
	color: #fff;
	padding-left:26px;
}

.sidebarnav .cat-item a,current_cat-item a,.sidebarnav .current_cat-item a:visited,.sidebarnav .current-cat a,.sidebarnav .current-cat a:visited {
	background-color: #6ca142;
	color: #fff;
	padding-left:26px;
	font-weight:normal;
	border-bottom:2px solid #84637e;
}

.sidebarnav .cat-item a {
	background-color: #16182f;
	color: #fff;
	padding-left:26px;
}

.sidebarnav .tags {
	float:left;
	margin:0;
	padding:0;

}


.sidebarnav li a:hover {background-color: #343b44;}

.sidebarnav a:visited {color: #fff;}

.sidebarnav li {
	margin:0;
	list-style:none;
}

/* RSS
/* -------------- */

a.rss:link, a.rss:active, a.rss:visited {
	width:240px;
	margin:0;
	padding-left:26px;
	background: url(images/feed_icon_blue.jpg) 240px 6px no-repeat #16182f;
	color: #fff;
	font-weight:normal;
	border-bottom:2px solid #84637e;
}



/* Misc
/* -------------- */

.arial, .arial a {
	font-family:Arial, Helvetica, sans-serif;
}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

.container {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:900px; height:auto;
}

/* Various Columns
/* -------------- */

.col-620 {
	width:620px;
	height: expression( this.scrollHeight < 751 ? "750px" : "auto" ); /* sets min-height for IE */
	min-height: 750px; /* sets min-height value for all standards-compliant browsers */
	padding-bottom:22px;
    background:#151830 url(images/footermtn.gif) no-repeat bottom center;
	border-left:6px solid #151830;
}

.col-280 {
	width:274px;	
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

img.alignright{
	padding-left:12px;	
}

.aligncenter {
	margin:0 auto;
	display:inline;
}

/* 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%;
}

/* 03 - HEADER
/* ----------------------------------------------*/

#header {
	margin:0 auto; padding:0;
	background:#251c33;
}

#logo {
	margin:0 auto; padding:0;
	background:#251c33 url(images/logo.gif) no-repeat bottom center;
	height:240px;
	width:900px;
	border-right: 6px solid #161830;
	border-left: 6px solid #161830;
}

	
	#searchform-header {
		margin:126px 20px 0 0; 
		_margin:126px 12px 0 0; 
		padding:0;
		width:484px; height:auto;
		background:url(images/searchform-back.gif) no-repeat center right;
		float:right;
	}
	
		#searchform-header #s {
			margin:0 0 0 0; 
			padding:6px 10px 5px 25px;
			width:165px; height:auto;
			border:0;
			background:none;
			float:right;
			font-size:0.92em; color:#B3C896;
		}
		
#topinfo {
			margin:20px 20px 0 0; 
			_margin:20px 12px 0 0;
			padding:0;
			width:494px; 
			height:auto;
			float:right;
			text-align:right;
		}
		
#topinfo a:link {
			color:#868e9b;		
		}
				
#topinfo a:visited {
			color:#868e9b;		
		}
				
#topinfo a:hover {
			color:#fff;
		}
		


		
/* 05 - MAIN CONTENT
/* ----------------------------------------------*/


#main-content {
		width:900px;
		height: expression( this.scrollHeight < 751 ? "750px" : "auto" ); /* sets min-height for IE */
		min-height: 750px; /* sets min-height value for all standards-compliant browsers */
		margin:0 auto; padding:0;
        background: #492d46 url(images/sidebottom.gif) no-repeat bottom left;
		border-right: 6px solid #161830;
		border-left: 6px solid #161830;
}

#main-content2 {
		width:900px;
		height: expression( this.scrollHeight < 751 ? "750px" : "auto" ); /* sets min-height for IE */
		min-height: 750px; /* sets min-height value for all standards-compliant browsers */
		margin:0 auto; padding:0;
        background: #492d46 url(images/sidebottom2.gif) no-repeat bottom left;
		border-right: 6px solid #161830;
		border-left: 6px solid #161830;
}

.post {
	margin:0;
	padding:0;
}

/* Archive Post
/* --------------- */

.archive {
	margin:0;
}
	
.archive .post-meta {
		margin:0 0 17px 0;
	}
	
.archive .post-info {
		font-style:italic;
	}
	

/* Page Box
/* --------------- */

.time {
	color:#492d46;
	font-weight:bold;
	padding:4px 0 0 16px;
}


.page-box {
			margin:0; padding:0;
		   }

.page-meta {
			margin:0 0 8px 0; padding:0;
			position:relative;
			}

/* Post Box
/* --------------- */
	
.post-box {
		margin:0; padding:0;
}

.post-meta {
		margin:0 0 8px 0; padding:0;
		position:relative;
	}
	
		
.post-info {
		text-align:right;
		font-family:Arial, Helvetica, sans-serif; 
		color:#868e9b;
		margin:0; 
		_margin:0 0 15px 0;
		padding:10px 18px 10px 0 ;
		width:220px; height:auto;
		bottom:0; right:0;
		position:absolute;
		}

.post-content, .page-content, .comment-content {
		margin:0; 
		padding:0px 12px 0 16px;
		position:relative;
		
	}

	
.comment-count {
		margin:0; padding:0;
		width:auto; height:auto;
		background:#f23183;
		position:absolute; display:block;
		top:-10px; left:-10px;
		}
.page-content .comment-count {
		margin-top:-15px;
			}
				
.post-image, .post-image-inner {
		margin:0 auto 10px auto; padding:0;
		width:auto; height:auto;
		display:block;
		}
		
.post-image-inner {
		margin:0 auto 10px 15px;
		float:right;
			}
		
.post-image img, .post-image-inner img {
		margin:0 auto; padding:3px;
		border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;
		border-bottom:1px solid #e7e8e8;
		text-align:center; display:block;
			}
				
			
			
	/* Post Footer
	/* --------------- */		
			
	.post-footer {
		margin:0; padding:12px;
		background:#151830;
		position:relative; z-index:100;
	}
	
		.continue-reading {
			margin:0; padding:0;
			width:180px; height:auto;
			float:left;
		}
		
		.category-menu {
			margin:0; padding:0;
			width:350px; height:auto;
			float:right; text-align:right;
			position:absolute; top:10px; right:10px;
		}
		
			.indicator, .indicator-active {
				margin:0; padding:0;
				width:7px; height:5px;
				background:url(images/expand.gif) no-repeat center left;
				display:inline-block; vertical-align:middle;
			}
			
				.indicator-active {
					background:url(images/collapse.gif) no-repeat center left;
				}
		
			.dropdown {
				margin:0; padding:0;
				width:360px; height:auto;
				background:url(images/dropdown.png) no-repeat bottom center;
				text-align:left;
				display:none;
				position:relative;
			}
			
				.cat-posts {
					margin:0 auto; padding:10px 0 19px 0;
					width:322px; height:auto;
					list-style:none;
					border-top:1px solid #ebecec;
				}
				
					.cat-posts li {
						margin:0; padding:10px 15px;
						background:url(images/cat-post-li.gif) no-repeat bottom right;
					}
					
						.cat-posts li.view-more {
							background:none;
						}


/* Front-Box, Content, Bottom
/* --------------- */

.front-box {
	margin:0; padding:0;
}

.front-content, .front-content, .front-content {
	margin:0; padding:0;
	position:relative;
}

.front-content {
	padding:0;
}

.front-bottom {
	padding:12px 0 0 0;
}

.slideshowlink a:link, .slideshowlink a:visited{
	margin:0 0 0 16px; padding:0 0 0 0;
	font:normal .9em Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	color: #84637E;
}


.slideshowlink a:hover {
	color: #ffffff;
}


.front-post {
		margin:0; 
		padding:0 0 4px 0;
		position:relative;
}

.front-post p{
		margin:0; 
		padding:6px 16px 0 16px;
		_padding:0px 16px 0 16px;
}


h5 {
	width:587px; 
	margin:5px 0 5px 0;
	padding:12px 16px 10px 17px;
	font:normal 1.4em Arial, Helvetica, sans-serif;  
	text-transform: uppercase;
	color: #fff;
	background-color:#492d46;
	border-top:2px solid #84637e;
	border-bottom:2px solid #84637e;
}

h5 a:link, h5 a:active, h5 a:visited {
		color: #84637e;
	}
	
h5 a:hover {
		color: #fff;
	}
	
h5.post-title, .single h5.post-title, h5.post-title-small {
		margin:5px 0 5px 0; 
		padding:12px 16px 12px 16px;
		background-color:#492d46;
		border-top:2px solid #84637e;
		border-bottom:2px solid #84637e;
	}
	
	
.front-info {
		width:545px;
		margin:0px 16px 10px 0px;
		padding:0 12px 12px 0px;
		font:normal .9em Arial, Helvetica, sans-serif;
		line-height:1.4;
		float:left;
		clear:both;	
		border-bottom:2px solid #343b44;	
}

.search-info {
		width:545px;
		display:inline;
		margin:0px 16px 0px 16px;
		padding:0 4px 8px 2px;
		font:normal .9em Arial, Helvetica, sans-serif;
		float:left;
		clear:both;	
		border-bottom:2px solid #343b44;	
}


.single-info {
		width:560px;
		margin-bottom:12px;
		padding:0 16px 16px 0px;
		font:normal .9em Arial, Helvetica, sans-serif;
		line-height:1.4;
		float:left;
		clear:both;	
	    border-bottom:2px solid #343b44;	
}


/* Content Navigation
/* --------------- */	
						
.navigation {
	color:#492d46;
	margin:8px 16px 16px 16px;
	padding:8px 0 22px 0;
    border-top:2px solid #343b44;
}

.navigation a:link,.navigation a:visited {
	color:#492d46;
	text-decoration:underline;
}

.navigation a:hover,.navigation a:active {
	color:#ffffff;
}




/* WP Attachments
/* --------------- */

.wp-caption {
	margin:6px 12px 4px 0; padding:7px 2px 0px 2px;
	background:#343b44;
	text-align:center;
}

.wp-caption-text {
		margin:0; padding:8px 0 8px 0;
		font:1em Arial, Helvetica, sans-serif; color:#151830;
	}
	
/* Inputs
/* --------------- */

.input {
	margin:0; padding:5px;
	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
	border:1px solid #dce7ed;
	font:0.92em Arial, Helvetica, sans-serif; color:#76716c;
}

	
/* Comments
/* --------------- */

.comment-content {
	padding:0;
	background:#f3f8fa;
	border-bottom:0;
}

.commentlist, .commentlist ul {
	margin:15px 0 0 0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:30px;	
		background:url(images/white.gif) repeat-x bottom center;
		border-bottom:1px solid #d9e1e6;
	}
	
	.commentlist li.alt, .thread-alt {
		background:#f9fcfd url(images/white.gif) repeat-x bottom center;
	}
	
	.commentlist li.no-comments {
		margin:55px 0 0 0; padding:0 30px;
		background:none;
		border:0;
	}
	
	.commentlist .children {
		margin:10px 0 0 0; padding:0;
		border:1px solid #d9e1e6;
	}
	
		.commentlist .children li {
			margin:0; padding:20px;
			border-bottom:1px solid #FFF;
		}
	
	
		.commentlist li .comment-wrap {
			position:relative;
			text-align:left;
		}
	
			.commentlist li .comment-text {
				margin:0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
			.commentlist li .comment-author {
				margin:0; padding:0;
				width:auto; height:auto;
			}
			
				.gravatar {
					margin:0 10px 0 0; padding:1px 0 0 2px;
					width:41px; height:40px;
					background:url(images/gravatar.gif) no-repeat top center;
					float:left;
				}
				
				.author {
					margin:2px 0 0 0; padding:0;
					width:auto; height:auto;
					float:left;
				}

						
/* 07 - FOOTER
/* ----------------------------------------------*/

#footer {
	font:.92em Arial, Helvetica, sans-serif; 
	width:900px;
	height:40px;
	margin:0 auto; 
	padding:12px 0 25px 0;
	background:#492d46 url(images/footer.gif) repeat bottom left;
	border-right: 6px solid #161830;
	border-bottom: 6px solid #161830;
	border-left: 6px solid #161830;
}

#footer ul{
		font:1.2em Arial, Helvetica, sans-serif;
		width:150px;
		list-style:none;
		margin:0;
		padding:0 22px 10px 26px;
}

#footer li{
	
}

#footer li a:link {
		font-weight:bold;
		color: #492d46;
		}
		
#footer li a:visited {
		color: #492d46;
    	}

		
#footer li a:hover {
		color: #fff;
    	}


#footer-text   {
	    float:right;
		width:578px;
		line-height:1.5;
		margin:0;
		padding:0 20px 0 12px;
		font-weight:normal;
		color:#868e9b;
		}
		
				
#footer-text a:link {
		color:#868e9b;	
		}
			
#footer-text a:visited {
		color:#868e9b;	
		}
				
#footer-text a:hover{
		color: #fff;
		}
		
#footer-text a:active {
		color:#868e9b;	
		}
		
		
.page-content a:link {
				color:#868e9b;
				text-decoration:underline;	
				}

.page-content a:visited {
				color:#868e9b;
				text-decoration:underline;	
				}

.page-content a:hover{
				color: #fff;
				}

.page-content a:active {
				color:#868e9b;
				text-decoration:underline;	
				}
				
				.front-info a:link {
								color:#868e9b;
								text-decoration:underline;	
								}

				.front-info a:visited {
								color:#868e9b;
								text-decoration:underline;	
								}

				.front-info a:hover{
								color: #fff;
								}

				.front-info a:active {
								color:#868e9b;
								text-decoration:underline;	
								}