/*  

Theme Name: Synergy

Theme URI: http://www.pagelines.com/themes/

Description: SYNERGY - A PagePress theme designed by <a href="http://apowers.com" alt="Andrew Powers">Andrew Powers</a> and <a href="http://www.pagelines.com"></a>.

Version: 2.0.2

Author: Andrew Powers

Author URI: http://www.pagelines.com

Tags: theme-options, dark, black, two-columns, fixed-width, threaded-comments

	

	*Notes - Not titling your widgets in the sidebar can break the markup (and design)

	- change the header image and site favicon in Iblog options in the admin

	

*/



body {

	background: #014397;

	font-family: 'Arial',helvetica,verdana,"Lucida Grande",Arial,sans-serif;

	font-size:13px;

	font-size-adjust:none;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	line-height:18px;

	margin:0;

	padding: 0;

	color: #000000;

}

a, .postdata a:hover, .title h2 a:hover, .button:hover, input[type="submit"]:hover  {color:#0088CC;}



#header-back, #nav, .welcome, .dbx-handle, .bottomnav {	background: url(images/black-back.png) repeat left top;}



a {text-decoration: none;}

a:hover {text-decoration: underline;}



p,.p {margin-bottom: 15px;}

img {border: none;}

ul li {	margin: 0px;}

ul {margin: 5px 0px 15px;padding-left: 20px;}

ol {margin: 5px 0px 15px;padding-left: 20px;

}

form {margin: 0px;padding: 0px;}

small {	font-size: 90%;}

hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;}

blockquote {padding: 8px; margin: 1em 0 1em 2em;border-top: 1px dotted #bbb;border-bottom: 1px dotted #bbb;}



#page {	background: url(images/backgg11.jpg) no-repeat center top;}

 	

#wrapper {

	width: 850px;

	margin: 0px auto;

	position: relative;

}



/* ------------------------------------- header area  */



#header { height: 130px; } /* height of header */



#header-back {

		height: 90px;

}

/* site title */

#header-back h1.blogtitle {

	position: absolute;

	top: 20px;

	left: 25px;

	margin: 0px;

	padding: 0px;

	color: #000000; 

	font-size: 30px;

	letter-spacing: .04em;

	text-transform:uppercase;

	font-family: helvetica;

}





h1.blogtitle a, h1.blogtitle a:visited {

	color: #000000;

	text-decoration: none;

}

h1.blogtitle a:hover {

	color: #ccc;

	text-decoration: none;

}

.headerimage{margin-left: 10px;}

.description {

	position: absolute;

	top: 50px;

	left: 25px;

	color: #fff;

}



/* Search form */

#searchform {

	position: absolute;

	top: 20px;

	right: 0px;

	height: 37px;

	width: 220px;

}

#searchform #s{

	background: #ffffff url(images/form-field-bg.gif) no-repeat ;

	height: 17px;

	width: 158px;

	margin: 6px 2px 0px 10px;

	padding: 3px 7px 2px 5px;

	color: #999999;

	border: none;

	-moz-border-radius: 10px;

	-khtml-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}

#searchform #searchsubmit { 

	background: url(images/search-button.png) no-repeat center;

	height: 24px;

	width: 22px;

	border: none;

	cursor: pointer;

	text-indent: -999%;

	line-height: 1px;

	margin-top: 8px;

}



/* HEADERS */

h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}

h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}



h1{font-size: 32px;}

h2{font-size: 28px;}

h3{font-size: 24px;}

h4{font-size: 20px;}

h5{font-size: 16px;}

h6{font-size: 12px;}



/* ------------------------------------- main content area  */

#left-col {

	width: 615px;

	float: left;

}

/* main menu */

#nav {

	background: url(images/content-top-bg.png) no-repeat left top;

	height: 28px;

}

#nav ul{

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	line-height:14px;

	font-size: 14px;

}

#nav ul li{

	margin: 0px 5px 0px 0px;

	padding: 0px;

	float: left;

}

#nav ul li a{

	padding: 6px 10px;

	

	text-decoration: none;

	color: #000000;

	display: block;

}



#nav .current_page_item a, #nav .current_page_item a:hover{

	text-decoration: none;	



	background: #ffffff;

	color: #000000;

}

 #nav li a:hover{

	

	background: url(*images/content-top-bg.png*) no-repeat left top;

	color: #ffffff;

}



/* sub menu */

#subnav {

	background: #1c6abc;

	margin-bottom: 1em;

}

#subnav ul {

	margin: 0px;

	padding: 3px 0px 18px 5px;

	list-style: none;

	font: 11px/100% Arial, Helvetica, sans-serif;

}

#subnav li {

	border-right: 1px solid #D8D8D8;

	margin: 0px;

	float: left;

}

#subnav li a, #subnav li a:visited, #subnav .page_item {

	text-decoration: none;

	padding: 3px 7px;

	color: #333333;

}

#subnav .current_page_item a, #subnav .current_page_item a:visited {

	color: #3b9acc;

}

#subnav li a:hover {

	text-decoration: none;

	color: #3b9acc;

}



/* content */

#content {

	width:615px;

	clear: both;

	overflow: hidden;

}

.post {

	padding: 15px;

	clear: both;

	overflow: hidden;

	padding-bottom: 1em;

	margin-bottom: 2em;

	background: #fff;

}

.post .date {

	height: 50px;

	width: 47px;

	background: url(images/calendar2.gif) no-repeat;

	font: normal 22px Arial, Helvetica, sans-serif;

	color: #666666;

	text-align: center;

	padding: 0px 2px 0 0;

	line-height: 100%;

	float: left;

}

.post .date span {

	height: 16px;

	display: block;

	font: normal 11px Arial, Helvetica, sans-serif;

	color: #ffffff;

	text-align: center;

	padding-top: 7px;

}

.post .title {

	float: left;

	margin-left: 10px;

	width: 504px;

}

.postdata {

	font-size: 90%;

	color: #000000;

}

.postdata a, .postdata a:visited {

	color: #999999;

	text-decoration: none;

}

.postdata a:hover {



	text-decoration: none;

}

.postdata .category{

	float: left;

}

.postdata .author{

	float: left;

	padding-right: 10px;

}

.postdata .comments{

	float: right;

}

.mini-add-comment {

	background: url(images/mini-down-arrow.gif) no-repeat left center;

	padding-left: 12px;

	float: right;

}

.entry {

	padding: 15px 0px 5px;

	clear: both;

}

.billboard{

	background: #fff;

	padding: 50px;

	margin-bottom: 2em;

}

/* post title */

.title h2 {

	font-size: 25px;

	color: #a00004;

	margin: 3px 0 2px;

	padding-bottom: 4px;

	border-bottom: dotted 1px #000000;

	letter-spacing: -.04em;

}

.title h2 a, .title h2 a:visited {

	color: #a00004;

	text-decoration: none;

}

.title h2 a:hover {

	text-decoration: none;

}

.tags {

	float: right;

	color: #aaa;

}

.tags a{font-weight: bold;color: #000;}

/* next & previous page navigation */

.page-nav {

	clear: both;

	background: url(images/gray-back.png) repeat left top;

	height: 21px;

}

.page-nav a, .page-nav a:visited {

	color: #ffffff;

	text-decoration: none;

}

.page-nav a:hover {

	color: #000000;

	text-decoration: none;

}

.previous-entries a {

	float: left;

	padding-left: 10px;

	margin-left: 10px;

	background: url(images/navigation-left.gif) no-repeat left center;

}

.next-entries a {

	float: right;

	padding-right: 10px;

	margin-right: 10px;

	background: url(images/navigation-right.gif) no-repeat right center;

}



/* next & previous post navigation */

.post-nav {

	clear: both;

	padding-bottom: 35px;

	font-size: 95%;

	margin-bottom: 1em;

}

.post-nav a, .post-nav a:visited {

	color: #999999;

	text-decoration: none;

}

.post-nav a:hover {

	color: #000000;

	text-decoration: none;

}

.post-nav .previous a {

	float: left;

	padding-left: 20px;

	background: url(images/post-nav-previous.gif) no-repeat left center;

}

.post-nav .next a {

	float: right;

	padding-right: 20px;

	text-align: right;

	background: url(images/post-nav-next.gif) no-repeat right center;

}



/* ------------------------------------- comment area  */





#comments {

	background: url(images/comments.gif) no-repeat;

	padding-left: 22px;

	font: normal 140%/120% Arial, Helvetica, sans-serif;

	clear: both;

}

#respond h3{

	background: url(images/respond.gif) no-repeat;

	padding-left: 22px;

	font: normal 140%/120% Arial, Helvetica, sans-serif;

	margin: 20px 0px 0px;

	clear: both;

}

.children{list-style-type:none;}



/* commentform */

#commentform {

	margin-top: 10px;

}

#commentform label {

	font-weight: bold;

	color:#666;

	font-size: 100%;

	padding-left: 5px;

}

#commentform small {

	color: #999999;

	font-size: 90%;

}

#commentform input {

	font: 110% Arial, Helvetica, sans-serif;

	width: 220px;

	padding: 5px 3px 3px 7px;

	background: url(images/form-field-bg.gif) no-repeat;

	border-top: 1px solid #e6e6e6;

	border-right: 1px solid #E2E2E2;

	border-bottom: 1px solid #E2E2E2;

	border-left: 1px solid #e6e6e6;

}

#commentform textarea {

	font: 110% Arial, Helvetica, sans-serif;

	width: 480px;

	height: 140px;

	background:url(images/form-field-bg.gif) no-repeat;

	border: solid 1px #e6e6e6;

	padding: 5px 3px 3px 7px;

}

#commentform #submit {

	font: bold 12px/100% Arial, Helvetica, sans-serif;

	color: #333;

	background: #f7f7f7;

	border: 1px solid #bbb;

	cursor: pointer;

	width: 135px;

	padding-bottom: 6px;

	margin-left: 355px;

}

#commentform #submit:hover {

	background: #ddd;

	

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	border: solid 1px #3b9acc;

}



/* comment list */

.commentlist {

	margin: 10px 0px;

	padding-left: 45px;

	line-height: 130%;

}

.commentlist li{

	padding: 5px 10px;

}

.commentlist .alt {

	background: #F4F4F4;

}

.commentlist cite {

	font-weight: bold;

	font-style: normal;

	font-size: 110%;

	color: #ec0000;

}

.commentlist cite a, .commentlist cite a:visited {

	color: #ec0000;

}

img.avatar {

  float: right;

  margin: 5px;

  }

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

.commentlist small a, .commentlist small a:visited{

	color: #999999;

}



.bottomnav{

	float: left;

	padding: 5px 15px;

}

.bottomnav a{color:#fff;}

/* ------------------------------------- cred area  */

#cred {

	position:absolute;

	bottom:0;

	right:0;

}



#sidebar a.pagelinestext{

	color:#fff;

	padding-left: 23px;	

	background: url(images/pagelines-icon.gif) no-repeat 3px 0px;

}



a.pagelines {

	display: block;

	float: right;

	text-indent:-3330em;

	height: 40px;

	width:100px;

	font-size: 8px;

	color: #eee;

	font-weight: bold;

	background: url(images/pagelines-sig.png) no-repeat 0px 0px;

}

#cred a.pagelines:hover{background: transparent url(images/pagelines-sig.png) no-repeat 0px 0px;color: #000;}





/* @ FORMS */

	legend{display: none;}

	fieldset{border:none;background: transparent;}

		

	/* commentform */

	label {

		color:#333;

		font-size: .9em;

		display: block;

	}

	small {

		color: #555;

		font-size: 90%;

	}

	input{

		font: 110%  arial, helvetica;



		padding: 5px 3px 3px 5px;

		background: url(images/form-field-bg.gif) no-repeat;

		border-top: 1px solid #ccc;

		border-right: 1px solid #aaa;

		border-bottom: 1px solid #aaa;

		border-left: 1px solid #ccc;

	}

	

	 textarea {

		font: 110% courier, arial, helvetica;

		height: 140px;

		background:url(images/form-field-bg.gif) no-repeat;

		border-top: 1px solid #ccc;

		border-right: 1px solid #aaa;

		border-bottom: 1px solid #aaa;

		border-left: 1px solid #ccc;

		padding: 5px 3px 3px 7px;

	}



	textarea:focus, input[type="text"]:focus {

		border: solid 1px #666;

	}

	

	

	.button, input[type="submit"], .submit {

		border: 1px solid #aaa;

		background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top;

		margin:0;

		font-weight: bold;

		font-family: arial, helvetica;

	}

	.button:active, input[type="submit"]:active{background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; color: #000;}





/* ------------------------------------- sidebar area  */

/* sidebar */

#sidebar {

	float:right;

	width: 210px;

	color: #ffffff;

	line-height: 160%;

	position:relative;

	padding-bottom: 20px;

}

.welcome {

		padding: 1em;

		color: #fff;

		margin-bottom: 1em;

}



.welcome h1, .welcome h2, .welcome h3, .welcome h4, .welcome h5{color:#fff;}

.welcome a{color:#fff;border-bottom:1px dotted #fff;}

#sidebar p {

	margin: 0px 0px 15px;

}

#sidebar h3 {

	font: bold 12px/100% Arial, Helvetica, sans-serif;

	color: #fff;

}

#sidebar h3 a, #sidebar h3 a:visited {

	color: #ffffff;

}

#sidebar h3 img {

	vertical-align: middle;

}

#sidebar a, #sidebar a:visited {

	color: #ffffff;

	text-decoration:none;

}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active {

	text-decoration:underline;

}

#sidebar ul {

	list-style: none;

	margin: 0 ;

	padding: 0 ;

}

#sidebar ul li {

	background: url(*/images/bullet.gif/*) no-repeat;

	padding-left: 20px ;

}

#sidebar ul li ul li {

	background: url(images/bullet-grey.gif) no-repeat;

	padding-left: 12px ;

}



#archives ul li {

	background: url(images/archive.gif) no-repeat;

}



#recent-comments ul li {

	background: url(images/comment.gif) no-repeat;

}



#recent-posts ul li {

	background: url(images/mini-page.gif) no-repeat;

}

/* meta */

#meta .rss {

	background: url(images/mini-rss.gif) no-repeat;

}

#meta .check {

	background: url(images/comment.gif) no-repeat;

}

/* calendar */

#calendar table {

	margin: 0px auto;

}

#calendar td {

	padding: 0px 4px;

}



/* DBX */

/****************************************************************

  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 

*****************************************************************/

.dbx-clone {

	position:absolute;

	visibility:hidden;

	}

.dbx-clone, .dbx-clone .dbx-handle-cursor {

	cursor:move !important;

	}

.dbx-dummy {

	display:block;

	width:0;

	height:0;

	overflow:hidden;

	}

.dbx-group, .dbx-box, .dbx-handle {

	position:relative;

	display:block;

	}

/****************************************************************

  avoid padding, margins or borders on dbx-box, 

  to reduce visual discrepancies between it and the clone.  

  overall, dbx-box is best left as visually unstyled as possible 

*****************************************************************/

.dbx-box {

	margin:0 0 15px 0;

	padding:0;

	border:none;

	clear: both;

	}

/****************************************************************

  otherwise, do what you like :) 

*****************************************************************/

/* group container(s) */

.dbx-group {

	width:210px;

	padding:0 0px 10px;

}

* html .dbx-group {

	width: 210px;

	padding-bottom:0;

}



/* handles */

.dbx-handle {

	position:relative;

	margin:0;

	padding: 8px 24px 8px 10px;

}

* html .dbx-handle { 

	width: 176px; 

}

/* handle cursors are in a class of their own

   so they only get applied if the script is supported */

.dbx-handle-cursor {

	cursor:move;

}



/* toggle images */

a.dbx-toggle, a.dbx-toggle:visited {

	display:block;

	width:20px;

	height:20px;

	overflow:hidden;

	background:url(images/sidebar-toggle.png) no-repeat;

	position:absolute;

	top:4px;

	right:3px;

	text-indent:-50px;

	text-decoration:none;

}

a.dbx-toggle-open, a.dbx-toggle-open:visited {

	background-position:0 0;

}

a.dbx-toggle-closed, a.dbx-toggle-closed:visited {

	background-position:0 -20px;

}

a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {

	background-position:-20px 0;

}

a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {

	background-position:-20px -20px;

}



/* keyboard navigation tooltip */

.dbx-tooltip {

	display:block;

	position:absolute;

	margin:36px 0 0 125px;

	width:185px;

	border:1px solid #000;

	background:#ffd;

	color:#000;

	font:normal normal normal 0.85em tahoma, arial, sans-serif;

	padding:2px 4px 3px 5px;

	text-align:left;

}

* html .dbx-tooltip { width:210px; }



/* use CSS2 system colors in CSS2 browsers 

   but not safari, which doesn't support them */

*[class="dbx-tooltip"]:lang(en) {

	border-color:InfoText;

	background:InfoBackground;

	color:InfoText;

	font:small-caption;

	font-weight:normal;

	}

/* inner content area */	

.dbx-content {

	display: block;

	margin: 0;

	padding: 5px 10px 9px 10px;

	background: url(images/white-back.png) repeat 0 100%;

	overflow: hidden;

}

/* toggle state of inner content area */

.dbx-box-closed .dbx-content {

	display:block;

	height:4px;

	padding:0;

	overflow:hidden;

}

.dbx-box-closed .dbx-content * {

	display:none;

}



/* additional clone styles */

.dbx-clone {

	opacity:0.8;

	-moz-opacity:0.8;

	-khtml-opacity:0.8;

	filter:alpha(opacity=80);

}







/* alignments */

img.center, img[align="center"] {	display: block;	margin-left: auto;	margin-right: auto;}



img[align="left"] {float:left;margin: 2px 10px 5px 0px;}



img[align="right"] {float:right; margin: 2px 0px 5px 10px;}

.clear {clear:both;}

hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}





.wp-caption {



	text-align: center;

	background-color: #fff;

	margin: 10px;

}

.wp-caption {

	text-align: center;

	padding: 4px;

	margin-bottom: 1em;

}

.wp-caption-text {font-size: 10px;margin:0;padding:6px 3px 2px;line-height: 16px;}

.wp-caption img {margin: 0;	padding: 0;	border: 0 none;margin-top: 5px;	}

.wp-caption-dd {font-size: 11px;line-height: 17px;	padding: 0 4px 5px;	margin: 0;	}

/* PIPED LINKS */

.piped { display: block; zoom: 1; padding: 0;margin:0;float: left;}

.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.piped li { float: left; display: inline; }

.piped a {padding: 0 0 0 0.75em; margin-left: 0.75em; }

.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

.piped small {display:none;}



/* @ STANDARD ELEMENTS */	

	img#wpstats{width:0px;height:0px;overflow:hidden;}

	

	.border{ padding: 2.5px;	border: 1px solid #ccc;}

	.hidden {display: none; visibility: hidden;}

	.aligncenter {display: block;margin-left: auto;margin-right: auto;}

	.alignleft {float: left;margin:0 10px 5px 0;}

	.alignright {float: right;margin:0 0 5px 10px;}

	



/* FLOATING AND ALIGNMENT */

	.floatleft{float:left;margin:3px 7px 0 0;}

	.floatright{float:right;margin:3px 0 0 7px;}

	.right{float:right;}

	.block{display:block;}

	.left{float:left;}

	.clear{clear:both;}

	.center {text-align: center;}

/* CLEARFIX */

	.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

	.fix{display:inline-block;} 

	* html .fix{height:1%;}

	.fix{display:block;}