/*
	PageProLive
	created by DotComOnomics

	Thomas Bright
	and
	Tony Scialdone

	http://www.dotcomonomics.com/
*/


html * {
	position: relative; margin: 0; padding: 0; background: transparent;
	font-weight: inherit; font-style: inherit; font-family: inherit; text-align: left; vertical-align: baseline; border: 0; outline: 0; }
:focus { outline: 0; }


/* CONTAINERS */

html {
	height: 100%;
	background: #fff; }

#wrapper {
	margin: 0 0 -49px 0;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%; }

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	font: normal .8em/1.3em verdana, arial, sans-serif;
	color: #666; }

/* Header */

#header {
	width: 100%;
	height: 49px;
	background: #435d78; }

p#sitename {
	float: left;
	margin: 0;
	padding: 0 0 0 49px;
	width: 450px;
	font-weight: bold;
	color: #fff;
	line-height: 49px; }

@font-face {
	font-family: 'Maiandra';
	src: url(../misc/Maiandra.ttf); }

#logo {
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 49px;
	line-height: 49px;
	font-family: 'Maiandra';
	font-size: 25px;
	color: #fff;
	letter-spacing: -1px;
	text-align: center;
	background: #092b4e url(../images/ppl_logo.jpg) no-repeat left top; }

#logo a:link,
#logo a:visited,
#logo a:active { color: #ccc; }
#logo a:hover { color: #fff; }

#header a#viewsite:link,
#header a#viewsite:visited,
#header a#viewsite:active {
	font-weight: bold;
	color: yellow; }
#header a#viewsite:hover {
	color: #fff; }



#wrap {
	margin: 0;
	padding: 0;
	width: 960px; }


#primary {
	float: right;
	padding: 0 0 49px 0;
	width: 700px; }

#secondary {
	float: left;
	left: 21px;
	width: 221px;
	height: 100%; }

#secondary ul#navOne { border-top: 0; }

#secondary ul {
	margin: 0 0 21px 0;
	padding: 0;
	width: 200px; }

#secondary ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-bottom: 0px solid #fff; }

#secondary ul a:link,
#secondary ul a:visited,
#secondary ul a:active {
	display: block;
	margin: 0;
	padding: 14px 9px 15px 14px;
	width: 165px;
	background: #ededed;
	font-weight: bold;
	font-size: 105%;
	color: #464646;
	text-decoration: none;
	border: 1px solid #8495a6;
	border-top: 0; }

#secondary ul a:hover {
	background: #d7d7d7;
	color: #000; }

#secondary ul li#navCap {
	margin-left: 0px;
	padding: 16px 9px 17px 14px;
	width: 165px;
	background: #cdcdcd url(../images/bg_navcap.jpg) no-repeat 100% 50%;
	font-weight: bold;
	font-size: 105%;
	color: #092b4e;
	text-decoration: none;
	border: 1px solid #8495a6;
	border-top: 2px solid #c0c0c0; }


/* SubNav */

.blogSubnav {
	margin: 14px 0 14px 0px;
	padding: 0;
	height: 28px; }

.blogSubnav li {
	display: block;
	display: inline;
	margin: 0 5px 0 0;
	padding: 2px 0px 3px 0px;
	width: auto;
	height: 25px; }

.blogSubnav li a:link,
.blogSubnav li a:visited {
	display: block;
	display: inline;
	margin: 0;
	padding: 2px 9px 3px 9px;
	width: 100%;
	height: 25px;
	background: #f9f9f9;
	color: #666;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space: nowrap;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	box-shadow: 0px 2px 5px #ddd;
	-moz-box-shadow: 0px 2px 5px #ddd;
	-webkit-box-shadow: 0px 2px 3px #ddd; }

.blogSubnav li a:hover {

	color: #00f;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ddd; }
	
.blogSubnav li a#gotoapproved { margin-right: 35px; }

.blogSubnav li input {
	display: block;
	display: inline;
	margin: 0;
	padding: 2px 9px 3px 9px;
	width: auto;
	height: 25px;
	background: #f9f9f9;
	color: #f00;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space: nowrap;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	box-shadow: 0px 2px 5px #ddd;
	-moz-box-shadow: 0px 2px 5px #ddd;
	-webkit-box-shadow: 0px 2px 3px #ddd; }

.blogSubnav li a#delall { color: #00f; }

form input.approveComments {
	float: right;
	margin: 14px 0 0 0;
	padding: 2px 9px 3px 9px;
	width: auto;
	height: 25px;
	background: #f9f9f9;
	color: #f00;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space: nowrap;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	box-shadow: 0px 2px 5px #ddd;
	-moz-box-shadow: 0px 2px 5px #ddd;
	-webkit-box-shadow: 0px 2px 3px #ddd; }

/* Footer */


#footer {
	clear: both;
	width: 100%;
	height: 49px;
	background: #435d78; }

#footer p {
	margin: 0;
	padding: 0;
	color: #dedede;
	line-height: 49px; }

#footer p#congrats {
	float: left;
	width: 600px;
	text-align: center; }

#footer a:link,
#footer a:visited,
#footer a:active {
	font-weight: normal;
	color: #fff;
	border-bottom: 1px dotted #fff; }
#footer a:hover {
	color: yellow;
	border-bottom: 1px dotted yellow; }

#footer p#version {
	float: right;
	width: 300px;
	background: #092b4e url(../images/bg_version.jpg) no-repeat left top;
	text-align: center; }

.push {
	clear: both;
	height: 49px; } /* push is for making the footer sticky to the bottom of a short page */



/* Main Summary Box */

#summary {
	margin: 28px 0 28px 0;
	border: 1px solid #dedede; }

#summary h2 { top: -1px; }


#summary ul {
	margin: 7px 0 0 0;
	padding: 0 0 28px 0;
	width: 100%;
	height: auto; }

#summary ul li {
	clear: both;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 28px;
	padding: 9px 14px 7px 14px;
	width: 616px;
	height: 21px;
	border-bottom: 1px solid #dfdfdf; }

#summary ul li a.new:link,
#summary ul li a.new:visited,
#summary ul li a.new:hover,
#summary ul li a.new:active {
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 300px;
	font-weight: normal;
	font-size: 80%;
	text-align: right;
	text-transform: uppercase; }


	/* Recent Posts Box */

table {
	clear: both;
	margin: 14px 0 0 0;
	width: 700px;
	border: 1px solid #ccc;
	border-collapse: separate; }



th {
	padding: 10px 14px 10px 14px;
	background: #e1e1e1 url(../images/bg_th.jpg) no-repeat 100% 50%;
	font-weight: bold;
	color: #464646;
	border: 1px solid #bbb; }

th a:link,
th a:visited,
th a:active {
	padding: 0;
	color: #464646; }

th a:hover { color: #000; }


td {
	height: 1%;
	border: 1px solid #ddd;
	border-collapse: separate; }


#dashlist td { text-indent: 28px; }

#dashlist a:link,
#dashlist a:visited,
#dashlist a:active {
	display: block;
	padding: 14px 0 14px 0;
	width: 100%;
	height: 100%;
	text-indent: 14px; }

#dashlist a:hover {
	background: #f7f7f7;
	color: #f00; }


td.details {
	padding: 14px 0 14px 14px;
	width: 580px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-collapse: separate; }

td.details p {
	margin: 0 7px 0 0px;
	padding: 0;
	text-align: left; }

td.details a { font-weight: bold; }


p.date {
	font-weight: normal;
	font-size: 85%;
	color: #999; }

td.edit {
	width: 49px;
	height: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd; }

td.edit a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../images/edit.jpg) no-repeat center 50%;
	text-indent: -9999px; }
	

td.delete {
	 }

td.delete a:link,
td.delete a:visited,
td.delete a:hover,
td.delete a:active {
	display: block;
	margin: 0;
	padding: 0;
	width: 49px;
	height: 100%;
	background: url(../images/delete.gif) no-repeat center 50%;
	text-indent: -9999px; }


/* Recent Comments */

#recentComments {
	margin: 28px 0 28px 0;
	border: 1px solid #dedede;
	border-bottom: 0; }

#recentComments h2 { top: -1px; }

#recentComments ul {
	margin: 14px 0;
	padding: 0; }

#recentComments li {
	margin: 7px 0;
	padding: 7px 14px 10px 14px;
	border-bottom: 1px solid #dedede; }

	
	
/* Moderate Comments */

#commentgrid th { background-image: none; }
#commentgrid th#alt { 
	width: 76px; 
	background: #e1e1e1 url(../images/bg_th.jpg) no-repeat 100% 50%; }

#commentgrid td.commentbody {
	padding: 14px;
	text-align: justify; }

#commentgrid td.postername { padding: 14px; }

#commentgrid ul { width: 150px; }

#commentgrid li {
	display: block;
	float: left;
	margin: 0;
	width: 25%; }

#commentgrid a.delete {
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../images/delete.gif) no-repeat center 50%;
	text-indent: -9999px; }
	
#commentgrid a.edit {
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../images/edit.jpg) no-repeat center 50%;
	text-indent: -9999px; }

#commentgrid a.viewpost {
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../images/view.jpg) no-repeat center 50%;
	text-indent: -9999px; }
	
#commentgrid input.checkapprove {
	top: 2px;
	width: 100%; }

	
/* Manage Categories */

table#categorylisting td { padding: 10px 14px; }

	
a:link,
a:visited,
a:hover,
a:active {
	font-weight: normal;
	font-size: 100%;
	color: #00f;
	text-decoration: none; }

a:hover { color: #f00; }
a:focus { background: none; }

a.button:link,
a.button:visited,
a.button:active {
	display: block;
	display: inline;
	margin: 0 14px 0 0;
	padding: 2px 9px 3px 9px;
	width: 100%;
	height: 25px;
	background: #f9f9f9;
	color: #666;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space: nowrap;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd; }

a.button:hover {
	background: #eee;
	color: #666;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ddd; }






/* HEADLINES */

h1 {
	margin: 21px 0 21px 0px;
	font-weight: normal;
	font-size: 190%;
	color: #435d78;
	letter-spacing: -0px;
	text-transform: uppercase; }
	
body#listposts h1 span { 
	display: block;	
	margin: 7px 0 0 0; }

h1 span a {
	font-size: .07em;
	text-transform: uppercase; }

body#deletepage h1 { color: #f00; }


h2 {
	padding: 7px 0 7px 14px;
	background: #ddd;
	font-size: 100%;
	font-weight: bold;
	color: #464646;
	border-bottom: 1px solid #dfdfdf; }

h3 {
	margin: 21px 0 -21px 0;
	font: normal 145%/1.3em verdana, arial, sans-serif;
	color: #00448d;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-indent: 0; }


/* Common Classes */

strong { font-weight: bold; }
.bold { font-weight: bold; }
em { font-style: italic; }
.red { color: #f00; }
.right { float: right; }



/* PARAGRAPHS */

p {
	margin: 14px 14px 0 0;
	text-align: justify; }

p#alert {
	display: none;
	margin: 21px 0 0 0;
	padding: 7px 7px 7px 14px;
	background: yellow;
	color: #464646; }

#secondary p { margin: 28px 14px 0 0; }

p#deleteconfirm {
	margin: 77px auto;
	font-size: 140%;
	text-align: center; }

/* LISTS */

ul { margin: 14px 0 0 0; }

#taglist { margin: 28px 0 0 49px; }
#taglist ul li { margin-bottom: 3px; }

li {
	margin-left: 14px;
	list-style-type: none; }

dl { margin: 14px 0; }

dt {
	margin: 14px 0 0 0;
	font-weight: bold;
	font-size: 105%;
	color: #00448d;
	text-transform: uppercase; }

dd { margin: 3px 0 0 14px; }


strong { font-weight: bold; }

/* FORMS */

form { margin: 28px 0 0 0; }

#secondary form { margin-left: 14px; }

label {
	clear: both;
	display: block;
	margin-top: 7px;
	font-weight: bold;
	color: #4071a9;
	text-transform: uppercase;
	letter-spacing: -1px; }

input {
	display: block;
	padding: 4px;
	width: 200px;
	background: #fff;
	font: bold 100%/1.3em verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }

textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 14px 0 7px 0;
	padding: 4px 4px 0 4px;
	width: 538px;
	height: 210px;
	background: #fff;
	font: normal 100%/1.3em verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }

select {
	margin: 7px 0 7px 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #c2c2c2; }

input[type $='submit'], input[value $='Preview'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #00448d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }

#secondary input[type $='submit'] { margin-top: 7px; }

input.button {
	margin: 14px 0 0 0;
	padding: 2px 9px 3px 9px;
	width: auto;
	height: 25px;
	background: #f9f9f9;
	color: #f00;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space: nowrap;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	box-shadow: 0px 2px 5px #ddd;
	-moz-box-shadow: 0px 2px 5px #ddd;
	-webkit-box-shadow: 0px 2px 3px #ddd; }

input.button:hover { color: #00f; }


/* WRITE STUFF */

form#newpost, form#editpost { left: 98px; margin-left: 0; }

#wysiwyg {
	margin: 21px 0 0 0;
	width: 500px;
	height: 48px;
	background: url(http://www.dotcomonomics.com/blog/admin/images/wys_bg.gif) no-repeat left top; }

#wysiwyg input {
	display: inline;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 45px;
	cursor: pointer;
	border: 0;
	list-style-type: none; }

textarea[name $='body'] {
	margin: -5px 0 0 0;
	padding: 7px 4px 4px 4px;
	width: 490px;
	border: 1px solid #4a7bd2; border-top: 0; }


/* HELP BUTTONS */

a.help {
	position: absolute;
	top: 2px;
	z-index: 24;
	margin-left: 4px;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url(http://www.dotcomonomics.com/blog/admin/images/help.gif) no-repeat left top;
	line-height: 14px;
	text-decoration: none;
	cursor: help; }

a.help span {
	margin-left: 21px; display: none; }

a.help:hover {
	position: absolute;
	z-index: 25;
	color: #aaaaff;
	background: url(http://www.dotcomonomics.com/blog/admin/images/help.gif) no-repeat left top; }

a.help:hover span {
	display: block;
	position: absolute;
	top: -21px; left: 21px;
	padding: 7px;
	width: 300px;
	background: #00448d;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	border: 2px solid #80a1c6; }


/* MEDIA */

.console_icon {
	float: left;
	width: 45%; }

.console_icon h2 {
	margin-bottom: 21px;
	text-align: center; }

.console_icon a img {
	display: block;
	margin: 0 auto; }


ul.filelist li {
	margin-top: 21px;
	padding-bottom: 5px;
	height: 16px;
	line-height: 16px;
	border-bottom: 1px solid #ddd; }

ul.filelist li span a { text-transform: uppercase; }








/* Category Admin */

#newcat, #changecat {
	float: left;
	margin: 14px 0 42px 77px;
	width: 300px; }

div#catlist { clear: both; }
div#catlist h3 { margin-left: 77px; }
div#catlist table { float: left; margin: 42px 0 0 77px; width: 350px; }

/* POPUPS */

.popupform {
	padding: 21px;
	background: #fff;
	font: normal 100%/1.4em verdana, arial, sans-serif; }


/* INTELLIGENT NAVIGATION */


body#home li.dash a,
body#categories li.blog a,
body#newpost li.blog a,
body#moderate li.blog a,
body#categories li.blog a,
body#editpost li.blog a,
body#pagesadmin li.pages a,
body#newpage li.pages a,
body#addcontent li.pages a,
body#deletepage li.pages a,
body#media li.files a,
body#listposts li.blog a {
	right: 5px;
	margin: -1px 0 0 0;
	padding: 14px 7px 15px 14px;
	width: 215px;
	height: 35px;
	background: url(../images/adminnav_a.jpg) no-repeat left 50%;
	font-weight: bold;
	line-height: 35px;
	color: #fff;
	text-indent: 28px;
	border: 0;
	border-left: 5px solid #292a4b; }


body.orderrecent span#orderrecent,
body.orderpopular span#orderpopular,
body.ordercomments span#ordercomments { font-weight: bold; }