@charset "utf-8";
/* CSS Document */

/*
Theme Name: Virtuous Cycle
Theme URI: www.petereilly.com
Description: Virtuous Cycle Them
Author: Pete Reilly
Author URI: www.petereilly.com
Version: 1.0
*/


body { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
	background-image: url(../../../../images/upperbackground.gif);
	background-repeat:repeat-x;
	margin: 0;
}
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}

h1, h2, h3, h4, h5, h6 {
color:#294A59;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
margin:0;
padding:0 0 8px;
}

#main { /* Holds the page items in place */
	width: 915px;
	margin: 20px auto 0 auto;
	padding: 0;
}

#nav li.menu-current         {
	background-image: url(images/sliding-tab-left.png); 
	background-position: top left;
	background-repeat:no-repeat;
}
#nav li.menu-current a		{
	color: #fff; 
	background-color: 3caae1;
	background-image: url(images/sliding-tab-right.png); 
	background-position: right top;
	background-repeat:no-repeat;
}
#nav li.menu-current a		{font-weight: bold;} 

#nav li.menu-current a:link, #nav li.menu-current a:visited		{
	color: #ffffff;
}


.clearbr  {
	clear:both;
}

#banner {
	padding: 10px 10px 20px 25px;
	height:50px;
	text-align: left;
	font-weight: bold;	
}

a:link, a:visited, a:active {
	color: #006699;
	text-decoration: none;
}

fieldset,img { 
	border:0;
}

#navContainer {
	width: auto;
	display:block;
	clear:both; 
	width: 915px;
}

#nav {
	background-image: url(images/menu_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;

}

#nav {
	border-top: 0;
	padding:0;
	margin-left: 20px;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 80%; 
	text-transform: uppercase;
	width: auto;
	font-size: 12px;
	font-weight: bold;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {
	float: left; 
	color: #003366; 
	font-weight:bold;
	text-align:left;
	height:  38px;
	padding-left: 5px;
}
#nav ul li a {
	display: block;  
	padding-left:10px; 
	padding-right: 23px; 
	color: #003366; 
	text-decoration: none;
	height: 40px;
	padding-top: 15px;
}

#nav ul li a:link, #nav ul li a:visited {
	display: block;  
	padding-left:10px; 
	padding-right: 23px; 
	color: #003366; 
	text-decoration: none;
	height: 23px;
	padding-top: 15px;
}


/*  Tab highlights on hover  */

#nav ul li:hover, #nav ul li:active        {
	background-image: url(images/sliding-tab-left.png); 
	background-position: top left;
	background-repeat:no-repeat;
}
#nav ul li a:hover, #nav ul li a:active	{
	color: #fff; 
	background-color: 3caae1;
	background-image: url(images/sliding-tab-right.png); 
	background-position: right top;
	background-repeat:no-repeat;
}

/* Submenu */

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li ul li a:hover, #nav li ul li a:active		{
	color: #fff;
	background-color:#0142aa;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#nav li ul li       {
	background-color: #38a2d6;
	background-image:none;
	padding-left: 0px;
	width:200px;
}
#nav li ul li a		{
	color: #fff; 
	background-image:none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#nav ul li ul li:hover         {
	background-image: none; 
}
#nav ul li ul li a:hover		{
	background-image: none; 
}

#nav ul li.services-tab:hover, #nav ul li.services-tab:active, #nav ul li.services-tab:focus {
	background-image: url(../images/services-tab.png);
	background-position: bottom left;
	background-repeat:no-repeat;

}

*/
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ol,ul {
	list-style:none;
}


#contentContainer {
	width: 915px;
	clear: both;
	background-image: url(images/side-border.png);
	background-repeat: no-repeat; 
}

#content { /* main content from the WYSIWYG goes in here */
/*	margin-left: 25px;*/
	padding-top: 45px;
	padding-bottom: 14px;
	text-align: justify;
	background-color:#fff;
	color: #666666;
	width: 795px;
	margin: auto;
	padding-left: 35px;
	padding-right: 35px;
}

#content { /* main content from the WYSIWYG goes in here */
	clear: right;
}
#content h1 {
	letter-spacing: -1px;
}

#content h2  {
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
}

#content h3  {
	font-size:22px;
}
#content p  {
	font-size:14px;
	color: #414141;
	line-height:150%;
	text-align:left;
	letter-spacing: 0.05em;
}

#content ol, ul, li  {
	color: #414141;
	
}


/*#header {
	height:		200px;
	background-color: #004a80;
	background-image: url('images/headergradient.jpg');
	background-repeat: repeat-x;
	background-position: top;
}*/


#headertitle  {
	width:		900px;
	margin:		0 auto;
}


	
#blogtitle {
	color:		#ffffff;
	font-size:	3.0em;
	padding-top:    50px;
	float:		left;
	width:		10em;
}
#navigation  {
	float:			right;
	padding-top:	50px;
}

#navigation a:link, #navigation a:visited {
	padding:			0.4em 1em 0.4em 1em;
	color:				#999999;
	text-decoration:	none;

}

#navigation a:hover {
	color:				#ffffff;

}

#navigation ul  {
	list-style:		none;
	margin:			0;
	padding:        0;
	padding-top:     1em;
}

#navigation li {
	display:	inline;
	margin:		5px;

	
}

#home a:link, #home a:visited {
	display:	     	inline-block;
	width: 				95px;
	height:				0px;
	padding: 		    0px 0px 26px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url('images/blognavhome.gif') top left no-repeat;
	text-decoration: 	none;
}

#home.current a:link, #home.current a:visited {
	display:	     	inline-block;
	width: 				95px;
	height:				0px;
	padding: 		    0px 0px 26px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background-image: 		url('images/blognavhome.gif'); 
	background-position:   0 -28px;
	background-repeat:     no-repeat;	
	text-decoration: 	none;
}

#home a:hover, #home a:active {
	background-position: 		0 -28px;
}

#about a:link, #about a:visited {
	display:			inline-block;
	width: 				95px;
	height:				0px;
	padding: 		    0px 0px 26px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url('images/blognavabout.gif') top left no-repeat;
	text-decoration: 	none;
}

#about.current a:link, #about.current a:visited {
	display:			inline-block;
	width: 				95px;
	height:				0px;
	padding: 		    0px 0px 26px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background-image: 		url('images/blognavabout.gif'); 
	background-position:   0 -28px;
	background-repeat:     no-repeat;	
	text-decoration: 	none;
}

#about a:hover, #about a:active {
	background-position: 		0 -28px;
}
#contact a:link, #contact a:visited {
	display: 			inline-block;
	width: 			95px;
	height:			0px;
	padding: 		    0px 0px 26px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 			bold 80% Arial, Helvetica, sans-serif;
	color: 			#FF9900;
	background: 		url('images/blognavcontact.gif') top left no-repeat;
	text-decoration: none;
}

#contact.current a:link, #contact.current a:visited {
	display: 			inline-block;
	width: 			95px;
	height:			0px;
	padding: 		    0px 0px 26px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 			bold 80% Arial, Helvetica, sans-serif;
	color: 			#FF9900;
	background-image: 		url('images/blognavcontact.gif'); 
	background-position:   0 -28px;
	background-repeat:     no-repeat;	
	text-decoration: none;
}

#contact a:hover, #contact a:active {
	background-position: 		0 -28px;
}

.current  {
	background-position: 		0 -28px;
}	

/*  Posts   */


#entrypanel  {
	float:		left;
	width:		500px;

}

.entry  {
	width:		500px;
	font-family:	"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	line-height:	1.6em;
	padding:        5px;

}

.entry ul, .entry li  {
	list-style-type: disc;
}
.entryheader {

	font-size:  24px;
	color:     #006699;

}
.comments  {
	float:		right;
}


.postinfo {
	font-size:	0.8em;
	background-color:	#eeeeee;
	margin-bottom:17px;
    padding:5px;
}


.postinfo a  {
	border-bottom:  	dotted;
	padding:	     	1px;
	text-decoration:	none;
	color:           #004a80;
}

.icon  {
	padding-right:      5px;
	padding-top:        5px;
}

.linkimg  {
	border:				none;
	padding-right:      5px;
}
.postfooter  {
	height:				64px;
}

#sidebar  {
	float:	left;
	width:	200px;
	margin-left: 95px;
}

.sidebarheading  {
	background-image:url('images/blogsidebarheader.jpg');
	background-position:	bottom left;
	text-align:			center;
	background-repeat:no-repeat;
	width:			200px;
	color:			#ffffff;
	background-position:  0 0px;
	padding-top:	20px;
	font-size:		1.4em;
}

.sidebartext {
	text-align:		center;
	margin-top:		30px;
}

.sidebarcontent  {
	font-size:      80%;
	width:			175px;
	margin:         0px 0 0 12px;
}

.sidebarcontainer {
	width:    200px;
	background-image:url('images/blogsidebarmiddle.jpg');
}

.footercontainer {
	width: 	265px;
	float:  left;
}

.sidebarbottom  {
	background-image:url('images/blogsidebarbackbottom.jpg');
	height:			 40px;
}

.sidebarcontent li {
	border-bottom:1px dashed #E3CD99;
	padding-bottom:5px;
	padding-top:5px;
	
}

.sidebarcontent a {
	width:      180px;
	height:		1.6em;
}
.sidebarcontent a:hover  {
	background-color:#FFFFFF
}

#footer {
	clear:         both;
	margin:			0;
	padding:	     0;

}
.clear  {
	clear:		both;
}

a.entrylink:link  {
	color:           #003E56;
	text-decoration: none;
}
a.entrylink:visited  {
	color:           #003E56;
	text-decoration: none;

}

a.entry:link  {
	color:           #00a9e9;
	text-decoration: none;
}
a.entry:visited  {
	color:           #00a9e9;
	text-decoration: none;

}

.entrytext a{
	color:           #00a9e9;
}	

.navigation2  {
	width:    182px;
    margin-left:  7px;
}

#tagcloudwrapper {
	margin:    0 0 0 5px;
	overflow:   hidden;
}

.navigation2 a:link, .navigation2 a:visited  {
	color:    #000000;
	text-decoration:  none;

}

.navigation2 ul  {
 	list-style:   none;
	margin:      0;
	padding:     0;
} 

.navigation2 li  {
	border-bottom: 1px solid #c6c4c4;
	border-bottom-style:dashed;
	width: 172px;
	margin-left:5px;
	overflow: hidden;
}

.navigation2 li a:link, .navigation2 li a:visited  {
	font-size:  80%;
	display:     block;
	padding:  0.4em 0 0.4em 0.5em;
	border-left:  1px solid #eeeeee;
	border-right:	1px solid #eeeeee;
	background-color:  #eeeeee;
	color: #000000;
	text-decoration:  none;
}

.navigation2 li a:hover {
	background-color: #cccccc;
}

/*    Footer Navigation  */

.navigation3  {
	width:    225px;
    margin-left:  0px;
}

.navigation3 ul  {
 	list-style:   none;
	margin:      0;
	padding:     0;
}

.navigation3 li  {
	border-bottom: 1px solid #51c4fe;
}

.navigation3 li a:link, .navigation3 li a:visited  {
	font-size:  90%;
	display:     block;
	padding:  0.5em 0 0.5em 0.5em;
	color: #006699;
	text-decoration:  none;

}

.navigation3 li a:hover {
	background-color: #4eb2fb;
}


#footercontent  {
	width:			795px;
	margin:			0 auto;
}

.footerheading  {
	color:			#006699;
}

.footerheading a:link, .footerheading a:visited  {
	color: #006699;
	text-decoration:  underline;

}
.feedlist  {
	width:    225px;
    margin-left:  0px;
}

.feedlist ul  {
 	list-style:   none;
	margin:      0;
	padding:     0;
}

.feedlist li  {
	border-bottom: 1px solid #51c4fe;
}

.feedlist li a:link, .feedlist li a:visited  {
	font-size:  90%;
	display:     block;
	padding:  0.5em 0 0.5em 1em;
	color: #006699;
	text-decoration:  none;
	background-image: 	url('images/feedicon.png');
	background-repeat:no-repeat;
	background-position:	left center;


}

.feedlist li a:hover {
	background-color: #4eb2fb;
}



.feed {
	background-image: 	url('images/feedicon.png');
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:   none;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
		border:   none;

	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
		border:   none;

	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* single page */

#comment {
	width:	400px;
}