/*
 Theme Name: Plugin Developer
 Theme URI: http://plugin-developer.com
 Description: The site theme for Plugin-Developer.com.  A custom WordPress Theme and Development site.
 Version: 3.0
 Author: Nick Ohrn of Plugin-Developer.com
 Author URI: http://plugin-developer.com
 */
body {
    background: #f7f7f7;
    color: #333333;
    font-family: 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.1;
    padding-top: 55px;
    padding-bottom: 10px;
    position: relative;
}

a {
    color: #333333;
}

small {
    font-size: 70%;
}

.error {
	border-color: #ff0000 !important;
	background-color: #ffcccc !important;
}

input.text, textarea, select {
    color: #b02c2f;
    font-family: Cambria, Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
    font-style: italic;
    font-size: 12px;
}

input.text, textarea {
    background: #ffffff;
    border: 1px solid #eaeae7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px 6px;
}

input.pd-submit {
    background: transparent url('img/submit-back.png') no-repeat top left;
    border: 0;
    color: #324479;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    height: 30px;
    text-align: left;
    padding: 0 0 0 18px;
    width: 172px;
}

.nav-links li {
    display: block;
    float: left;
}

.nav-links a {
    text-decoration: none;
}

p.highlight {
    background: #ffffff;
    color: #b02c2f;
    padding: 5px 10px;
}

p.highlight a {
    color: #b02c2f;
    font-weight: bolder;
    text-decoration: none;
}

p.highlight a:hover {
    text-decoration: underline;
}

.hide-if-no-js {
    display: none;
}

.hide-if-js {
}

#topstripe {
    background: #e3f1fa;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

#toppromo {
    background: #C04A4A;
    color: #ffffff;
    font-weight: 16px;
    padding: 6px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

#toppromo a {
    color: #ffffff;
}

body.home #topstripe {
    height: 245px;
}

#wrap {
}

#header {
    line-height: 1;
    margin: 0 0 70px;
}

body.home #header {
    margin-bottom: 20px;
}

#logotype {
    background: transparent url('img/logo.png') no-repeat top left;
    height: 40px;
    text-indent: -99999px;
}

#logotype a {
    display: block;
    height: 100%;
    width: 100%;
}

#logotype-notice {
    font-family: Cambria, Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
    font-size: 12px;
    font-style: italic;
    padding-left: 40px;
}

#header-nav {
    font-family: 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

#header-nav li {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

#header-nav a {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #000000;
    display: block;
    margin-right: 3px;
    padding: 8px 13px;
}

#header-nav a:hover {
    color: #2d5187;
}

#header-nav .active a {
    background: #2d5187;
    border: 1px solid #182f50;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #2c5085, #182f50); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2c5085),color-stop(1, #182f50));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c5085', endColorstr='#182f50');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c5085', endColorstr='#182f50')";
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* Opera 10.5, IE 9.0 */
}

#subheader {
	background: #ffefb4;
	min-height: 281px;
	height: auto !important;
	height: 281px;
	margin-bottom: 30px;
	
	border: 5px solid #ffffff;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px; /* Opera 10.5, IE 9 */
	
	position: relative;
}

#content {
	background: #FFEFB4;
	padding: 0 15px 10px;
}
body.home #content {
	background: transparent;
	padding: 0;
}

#content h2 {
	color: #b02c2f;
	font-size: 25px;
	font-weight: bold;
	margin: 20px 0 10px;
}

#content p {
	line-height: 1.5;
	margin-bottom: 20px;
}

#content .testimonial p {
	margin-bottom: 0;
}

body.home #content h2 {
	margin-bottom: 35px;
}

#intro-box {
	margin-left: 23px;
}

#intro-box h2 {
	color: #b02c2f;
	font-size: 33px;
	font-weight: bold;
	margin: 25px 0 15px;
}

#intro-box p {
	line-height: 1.9;
}

#profile-page {
	display: none;
}

.home #profile-page {
	display: block;
	height: 140px;
	width: 402px;
	
	position: absolute;
	bottom: 0;
	left: 23px;
	top: auto;
}

.home #profile-page img {
	width: 402px;
}

#quick-quote {
	background: #c04a4a;
	padding: 0 18px;
	width: 404px;
	
	position: absolute;
	left: 480px;
	top: -15px;
	bottom: -15px;
	right: 20px;

/**
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 10px;	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 10px;
	**/
}

#quick-quote.lead-left {
	left: 10px;
	right: auto;
}

#quick-quote h2, #quote-request-button-call  {
	border-bottom: 1px dashed #ffffff;
	color: #ffffff;
	font-size: 33px;
	font-weight: normal;
	margin: 23px 0 14px;
	padding: 0 0 7px;
	text-shadow: 1px 1px #000000;
}

#quick-quote ul, #quick-quote li {
	float: left;
}

#quick-quote li {
	margin-bottom: 10px;
}

#quick-quote label {
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin-bottom: 7px;
}

#quick-quote .half {
	width: 202px;
}

#quick-quote .half input {
	width: 180px;
}

#quick-quote.lead .half input {
	width: 382px;
}

#quick-quote .half select {
	width: 192px;
}

#quick-quote.lead .half select {
	width: 394px;
}

#quick-quote .full, #quick-quote.lead .half {
	width: 404px;
}

#quick-quote .full textarea {
	height: 80px;
	width: 382px;
}

#quick-quote.lead {
	bottom: auto;
}

#quick-quote.lead label {
	font-size: 14px;
}

#quick-quote.lead #quick-quote-bottom-wrap {
	display: none;
}

#quick-quote-top-wrap, #quick-quote-bottom-wrap {
	background: transparent url('img/quick-quote-top.png') no-repeat top left; 
	height: 10px;
	width: 10px;
	
	position: absolute;
	right: -10px;
}

#quick-quote-top-wrap {
	top: 0;
}

#quick-quote-bottom-wrap {
	background-image: url('img/quick-quote-bottom.png');
	bottom: 0;
}

#quick-quote .text-container label {
	display: none;
}

#quick-quote.lead .text-container label {
	display: block;
}

#full-quote li, #quick-quote.lead li {
	margin-bottom: 20px;
}

#full-quote label {
	color: #324479;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#full-quote input, #full-quote textarea {
	width: 528px;
}

#full-quote select {
	width: 542px;
}

#full-quote textarea {
	height: 150px;
}

#benefits h3 {
	color: #324479;
	font-size: 17px;
	margin: 20px 0 7px;
}

#benefits li {
	border-bottom: 1px dashed #999999;
	font-size: 12px;
	padding-bottom: 16px;
}

#benefits li.last {
	border-bottom: 0;
}

#benefits li p {
	line-height: 1.5;
}

#big-banner {
	background: #c04a4a;
	margin: 20px 0 20px -20px;
	margin-left: -15px;
	position: relative; 
	padding: 20px;
	width: 940px;
}

#big-banner #quick-quote-top-wrap {
	top: -9px;
	right: 0;
}
#big-banner #quick-quote-bottom-wrap {
	top: -9px;
	left: 0;
	right: auto;
}

#big-banner h1 {
	color: #ffffff;
	font-size: 62px;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px #000000;
}

.portfolio-browser {
	margin-bottom: 20px;
	position: relative;
}

.portfolio-browser h3 {
	background: #5490C9;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding: 7px 10px;
}

.portfolio-browser h3 a {
	color: #ffffff;
}

.portfolio-browser-left, .portfolio-browser-right {
	background: transparent url('img/button-left.png') no-repeat center center;
	display: block;
	height: 30px;
	width: 30px;
	
	position: absolute;
	top: 50%;
	left: -10px;
}

.portfolio-browser-right {
	background-image: url('img/button-right.png');
	left: auto;
	right: -10px;
}

#quick-portfolio-item-container {
	background: #dbf2fc;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	
	color: #333333;
	padding: 20px 30px;
}

#quick-portfolio-item-container a.item-link {
	color: #3b93ad;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
	text-decoration: none;
}

#quick-portfolio-item-container a.item-link:hover {
	text-decoration: underline;
}

#quick-portfolio-item-container .description {
	float: left;
	width: 255px;
}
	
#quick-portfolio-item-container .image {
	border: 1px solid #cccccc;
	display: block; 
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* Opera 10.5, IE 9.0 */
	
	float: right;
	width: 135px;
}

#sidebar #quick-portfolio-item-container a.item-link {
}

#sidebar #quick-portfolio-item-container .description {
	float: none;
	margin-bottom: 10px; 
	width: 255px;
}

#sidebar #quick-portfolio-item-container .image {
	float: none;
	text-align: center;
	margin: 0 auto;
}

.testimonial {
	margin-bottom: 20px;
}

.testimonial p, .comment-data {
	background: #ffffff;
	border: 1px solid #b4d2df;
	
	border-radius: 7px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;

	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 5px rgba(0,0,0,.27); /* Opera 10.5, IE 9.0 */
	
	font-style: italic;
	line-height: 1.5;
	padding: 17px 17px 17px 17px;
}

#quick-testimonial p {
	background: #ffffff url('img/quote-mark.png') no-repeat 17px 20px;
	padding-left: 80px;
}

.testimonial-meta {
	background: transparent url('img/testimonial-bottom.png') no-repeat 25px 0px;
	margin-top: -1px;
	padding-top: 13px;
}

.testimonial-name {
	color: #324479;
	font-size: 13px;
	font-weight: bold;
}

.testimonial-link {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}

.testimonial-link:hover {
	text-decoration: underline;
}

.category .portfolio-item {
	background: #ffffff;
	border-bottom: 1px dashed #efefef;
	margin: 0 0 20px;
}

#content div.portfolio-image {
	border: 0;
	margin-bottom: 20px;
	width: 100%;
}

.portfolio-image img {
	border: 4px solid #efefef;
	display: block;
}

.portfolio-image a {
	display: block;
}

#content div.portfolio-info {
	padding: 10px 10px 20px;
}

.portfolio-title {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.portfolio-title a {
	color: #324479;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
}

.portfolio-excerpt {
	font-size: 12px;
	margin-bottom: 20px;
}

#content .portfolio-excerpt p {
	margin: 0;
}

.portfolio-credit {
	font-size: 11px;
	margin-bottom: 20px;
}

.single-portfolio-item .portfolio-credit {
	font-size: 17px;
	text-align: right;
}

.portfolio-credit a:hover {
	color: #324479;
}

.portfolio-client {
	color: #324479;
	font-weight: bold;
}

.portfolio-meta {
	font-size: 11px;
}

.portfolio-details, .portfolio-download {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
}

.portfolio-details:hover, .portfolio-download:hover {
	text-decoration: underline;
}

.portfolio-details {
	background: #c04a4a;
	margin-right: 10px;
}

.portfolio-download {
	background: #5490c9;
}

#quote-request-button {
	background: #c04a4a url('img/quote-arrow.png') no-repeat 236px center;
	
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	color: #ffffff;
	display: block;
	margin-bottom: 20px;
	padding: 15px 63px 15px 20px;
	text-decoration: none;
}

#quote-request-button:hover {
	background-image: url('img/quote-arrow-highlight.png');
}

#quote-request-button-call {
	border: 0;
	display: block;
	line-height: 1;
	font-size: 26px;
	margin: 0;
}

#quote-request-button-sub {
	display: block;
	font-size: 13px;
}

#content h2.comments-title {
	background-image: -moz-linear-gradient(top, #f7f7f7, #f2f2f2); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f7f7f7),color-stop(1, #f2f2f2));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2')";
	
	border-bottom: 1px solid #d9d9d9;
	color: #324479;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	padding: 10px 10px 15px;
}

#respond {
	margin-bottom: 20px;
}

.comments-title-sub {
	background: transparent url('img/comments-title-sub.png') no-repeat 10px 0;
	height: 12px;
	margin: -20px 0 10px;
	z-index: 9999;
}

#commentform-identity-container {
	width: 170px;
}

#commentform-identity-container input {
	width: 158px;
}

#commentform-identity-container li {
	margin-bottom: 10px;
}

#commentform-comment-container {
	width: 350px;
}

#commentform-comment-container textarea {
	width: 338px;
	height: 150px;
}

#comentform-submit-container {
	margin-top: 10px;
	text-align: right;
}

#comentform-submit-container input {
	float: right;
}

#commentform input.text, #commentform textarea {
	font-size: 14px;
}

.comment {
	margin-bottom: 15px;
}

.commenter-data {
	background: transparent url('img/comment-side.png') no-repeat right 10px;
	font-size: 11px;
	padding-top: 10px;
	z-index: 1000;
}

.comment-author-link {
	color: #324479;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

.comment-author-link a {
	color: #324479;
}

.comment .comment-data {
	margin-left: -1px;
	padding: 8px;
	width: 381px;
}

.post-comments {
	margin-bottom: 20px;
}

#footer {
	border-top: 1px dashed #999999;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
}

#footer-nav a {
	color: #324479;
	font-size: 12px;
	text-decoration: none;
	padding: 0 5px;
}

#footer-nav .active a, #footer-nav a:hover {
	text-decoration: underline;
}

#copyright-statement {
	color: #666666;
	text-align: right;
}