/*
Theme Name: PressCoders
Theme URI: http://www.presscoders.com/
Description: Office Space child theme.
Version: 1.0
Author: David Gwyer
Template: officespace
*/

@import url(../officespace/style.css);

/* Start - aMember member.php product tweaks (David - March 2011) */
ul.nomargin {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.nomargin li.li-title {
	color: #c67e2c;
    margin: 15px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}

ul.nomargin li.li-product {
    margin: 0px 0px 1px 0px;
    padding: 0px 0px 0px 0px;
}

ul.nomargin li b {
	font-size: 15px;
}

ul.nomargin li a {
	font: 14px/20px Arial,Helvetica,sans-serif;
}

ul.nomargin li p {
	margin: 0px 0px 0px 0px;
}

/* End - aMember member.php product tweaks */

#themes {

}

#themes h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.bump {
	clear: both;
}

.theme-preview {
	width: 292px;
	float: left;
	margin: 0px 12px;
}

.theme-preview-btns {
	
}

.theme-left-btn {
	float: left;
	clear: left;
	margin: -42px 0px 10px 15px;
}

.theme-right-btn {
	float: right;
	margin: -42px 15px 10px 0px;
}

.theme-image {
	border:1px solid #ccc;
	float: left;
}

.theme-support {
	float: right;
	margin: 2px 3px 0px 10px;
}

.theme-support a {
	font-size:11px;
	font-style: italic;
}

#theme_img {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	padding:3px;
}

#theme_descr {
	padding: 0px 0px 0px 25px;
	font-size: 15px;
	line-height: 23px;
	font-family: verdana;
	vertical-align:top;
}

#showcase_tbl {
	margin: 0px 0px 0px 10px;
}

#showcase_tbl a, #showcase_tbl a:visited {
 color: #d22e1e;
}

#showcase_tbl a:hover {
 color: red;
}

/* START - menu edits */
.menu_categories li li li {
left: 45px; /* makes submenus appear on right rather than left (default) */
top: 0px;
/* background: #028ec9; */
margin: 0 0 -1px 0;
}

.menu_categories li {
float: left;
position: relative;
background: url(images/divider-categories.png) bottom right no-repeat;
}

.menu_categories li:hover {
float: left;
position: relative;
visibility: inherit;
background: url(images/divider-categories.png) bottom right no-repeat;
}

.menu_pages a:hover {
color: #e2e2e2;
}

.menu_categories a,
.menu_categories a:visited {
display: block;
position: relative;
text-decoration: none;
padding: 24px 15px 15px 15px;
color: #c9c689;
}

.menu_categories li a:hover {
 color: #afaa85;
}

.menu_categories li a {
color: #c9c689;
}

.menu_categories li li a:hover {
 color: #d6dada;
}

.menu_categories li li a,
.menu_categories li li a:visited {
padding: 13px 15px 13px 15px;
color: #b7bdbf;
}

.menu_categories li li {
background: #1a2534;
}

.menu_categories li li:hover {
background: #24364e;
}

.menu_categories li li li {
background: #1a2534;
}
/* END - menu edits */

.subscribe a {
background: url(images/rss.png) 10px center no-repeat;
padding-right: 0px;
margin-right: 5px;
margin-top: 0px;
padding-top: 0px;
}

.subscribe a:hover {
background: url(images/rss-over.png) 10px center no-repeat;
}

.block h2 {
color:red;
line-height: 14px;
}

h3 {
color:#333333;
font-size:16px;
line-height: 20px;
}

#footer h2 {
font-size:14px;
margin:0;
padding:0;
}

body {
background:#c0ccd0 url(images/bg.png) repeat-x fixed center top;
}

* + html .menu_pages a {
padding: 7px 10px 7px 10px;
}

.menu_pages a {
display:block;
padding:8px 12px 8px 12px;
position:relative;
text-decoration:none;
font-size:11px;
}

.menu_pages li:hover {
float: left;
position: relative;
visibility: inherit;
background: url(images/divider-pages.png) top right no-repeat;
}

/* this didnt work so had to hard code style into header.php
li.subscribe {
background: none;
} */

#header_pages_menu_right {
background: none;
padding: 0 0px 0 0;
margin: 0 0px 0 0;
}

#header {
width: 964px;
float: left;
background: url(images/header-bg.png) bottom left no-repeat;
}

#header_logo {
padding: 15px 0 0 15px;
}

/* My own (new) CSS rules */
.pc_code {
font-family:Courier New;
/* color:black; */
}

.pc_code em {
color:#202020;
}

.pc_code em span.m1 {
color: blue;
}
.pc_code em span.m2 {
color: green;
}
.pc_code em span.m3 {
color: red;
}
.pc_code em span.m4 {
color: #ff7d0b; /* orange */
}
.pc_code em span.m5 {
color: #9400D3; /* violet */
}
.pc_code em span.m6 {
color: #FF00FF; /* pink */
}
.pc_code em span.m7 {
color: #00008B; /* dark blue */
}
.pc_code em span.m8 {
color: #A0522D; /* browny */ 
}
.pc_code em span.m9 {
color: #708090; /* slate gray */
}
.pc_code em span.m10 {
color: #9ACD32; /* yellow green */
}

.post-note {
line-height:20px;
font-size:12px;
font-style:italic;
}

.no-img-border img {
padding:0px;
margin:0px;
border:0px;
}

.no-img-border img:hover {
padding:0px;
margin:0px;
border:0px;
}

.h4_bold {
font-weight: bold;
font-size:14px;
}

/************************************************** Added by Scott ***/


div.guarantee {
display: block;
min-height: 200px;
padding: 20px 20px 20px 230px;
background: url(images/satisfaction-guarantee.png) no-repeat 20px 20px #deeaf8;
border: 1px solid #afc7e2;
margin: 15px 0;
}

.showcase-entry {
display: block;
float: left;
width: 283px;
margin: 0 20px 10px 0;
}

#post-3237 #rotator img {
padding: 0;
border: none;
background: none;
}

#post-3237 #rotator-wrap {
display: block;
width: 517px;
height: 327px;
padding: 39px 168px 81px 163px;
background: url(http://www.presscoders.com/wp-content/uploads/2011/10/macbook.jpg) no-repeat;
overflow: hidden;
clear: both;
margin: 0 auto;
}

.fullreadable {
display: block;
margin-left: 150px;
margin-right: 150px;
}

#main.full-width {
width: 100%;
margin-right: 0;
}

.button {
color: #ffffff !important;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
font-weight: bold;
overflow: hidden;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #866f31;
	background: #a89256;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1bb5e), to(#866f31));
	background: -moz-linear-gradient(top,  #d1bb5e,  #866f31);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1bb5e', endColorstr='#866f31');
}

.button:hover {
	background: #c4af58;
	background: -webkit-gradient(linear, left top, left bottom, from(#c4af58), to(#7b662d));
	background: -moz-linear-gradient(top,  #c4af58,  #7b662d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4af58', endColorstr='#7b662d');
}
.button:active {
	color: #a89256;
	background: -webkit-gradient(linear, left top, left bottom, from(#866f31), to(#d1bb5e));
	background: -moz-linear-gradient(top,  #866f31,  #d1bb5e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#866f31', endColorstr='#d1bb5e');
}

ul.videos {
display: block;
clear: both;
}

ul.videos li {
float: left;
display: inline;
background: none;
}

li.listing { 
padding: 0;
background: none;
border-bottom: 1px solid #ccc;
}

li.listing a {
font: bold 18px Arial, sans-serif;
}

ul.tutorials p.excerpt {
font-style: italic;
}

.menu_categories ul.sub-menu {
width: 180px;
}

.coupon {
background: #fafafa;
border: 2px dotted #ccc;
padding: 15px;
margin: 15px 0;
display: block;
overflow: hidden;
text-align: center; 
}

.couponcode {
font: bold italic 24px/28px Palatino,'Palatino Linotype',Georgia,serif;
color: #866f31;
}

.the_post h2 { line-height: 30px; }

#themefeature {
width: 310px;
height: 181px;
display: block;
overflow: hidden;
padding: 150px 570px 10px 35px;
background: url(images/pc-home-feature.jpg) no-repeat;
margin: 0 0 15px 0;
}

.featureinside {
color: #fff;
font-weight: bold;
}

a.themebtn {
display: block;
width: 201px;
height: 38px;
background: url(images/view-themes-btn.png) no-repeat;
text-indent: -999em;
}

.collt {
display: block;
overflow: hidden;
width: 48%;
float: left;
}

.colrt {
display: block;
overflow: hidden;
float: right;
width: 48%;
}

.dollar {
/* makes the dollar sign a little more aesthetic on the theme sales page */
font-family: times new roman;
font-size: 30px;
}

#fitprofeature {
display: block;
overflow: hidden;
width: 272px;
height: 117px;
padding: 190px 600px 70px 47px;
background: url(images/fitpro-feature-bg.jpg) no-repeat;
}

#fitprofeature p {
font-size: 14px;
margin: 0;
padding: 5px 0;
}

#post-1479 img.noborder, #post-1479 img.noborder, img.noborder {
border: none !important;
background: none;
}

.clear {
clear: both;
}

.line {
height: 1px;
padding: 10px 0;
margin: 5px 0;
}

.note {
padding: 15px;
background: #eee;
border: 1px solid #ccc;
margin: 15px 0;
display: block;
overflow: hidden;
}

.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

.greenbox {
padding:15px;
border-top:3px solid #aedfb4;
background:#daf3dd;
margin: 15px 0;
}

.yellowbox {
background: #FFFFE0;
border: 1px solid #E6DB55;
padding: 15px;
margin: 10px 0;
display: block;
overflow: hidden;
}

ol.big {
margin-left: 15px;
}

ol.big li {
font-size: 18px;
line-height: 22px;
}

#fitpro .fitprobox {
display: block;
padding: 15px;
border-top: 6px solid #ccc;
border-bottom: 6px solid #ccc;
margin: 10px;
clear: both;
}

#fitpro .feature {
display: block;
clear: both;
margin: 20px 0;
}

#fitpro .feature h3 {
line-height: 22px;
margin-top: 50px;
}

.feature img {
border: none;
margin-top: 15px;
margin-bottom: 15px;
}

.feature img:hover {
border: none;
}

#fitpro .pricing {
overflow: hidden;
margin: 10px 0 10px 20px;
text-align: center;
border: 1px solid #ccc;
background: url(images/sales-title-bg.png) repeat-x top #464646;
padding: 10px 15px 15px;
}

#fitpro .pricing, .pricing h2, .pricing li {
color: #eee;
}

#fitpro .pricing a {
color: #fff;
font-weight: bold;
}

#fitpro .pricing h3 {
color: #005826;
font: normal 46px Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
display: block;
text-align: center;
margin: 0;
}

/* blue */
.blue-button {
display: inline-block;
color: #ffffff !important;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
font-weight: bold;
overflow: hidden;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue-button:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue-button:active {
	/*color: #80bed6;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.gold-button {
	display: inline-block;
	color: #ffffff !important;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	font-weight: bold;
	overflow: hidden;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #866f31;
	background: #a89256;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1bb5e), to(#866f31));
	background: -moz-linear-gradient(top,  #d1bb5e,  #866f31);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1bb5e', endColorstr='#866f31');
}

.gold-button:hover {
	text-decoration: none;
	background: #c4af58;
	background: -webkit-gradient(linear, left top, left bottom, from(#c4af58), to(#7b662d));
	background: -moz-linear-gradient(top,  #c4af58,  #7b662d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4af58', endColorstr='#7b662d');
}

.gold-button:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#866f31), to(#d1bb5e));
	background: -moz-linear-gradient(top,  #866f31,  #d1bb5e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#866f31', endColorstr='#d1bb5e');
}

/* gray */
.graybtn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	font-weight: bold;
	overflow: hidden;
	color: #e9e9e9 !important;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
}
.graybtn:hover {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	font-weight: bold;
	overflow: hidden;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
}
.graybtn:active {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	font-weight: bold;
	overflow: hidden;
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
}

#fitpro .pricing, .gold-button, .blue-button, .graybtn, .yellowbox {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#fitpro .flushright {
position: relative;
right: -23px;
display: block;
float: right;
margin: 0 0 5px 20px;
padding: 0;
border: none;
background: none;
}

.testimonial {
display: block;
width: 70%;
margin: 15px auto;
}

.testimonial .quote {
background: #e8eef1;
clear: both;
margin: 0;
padding: 15px;
color: #444;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}

.quote p {
font: italic 18px/22px Palatino, 'Palatino Linotype', Georgia, serif;
}

.testimonial .bottom {
background: url(images/quote-bubble.png) no-repeat bottom right;
height: 31px;
clear: both;
margin: 0;
}

.icon {
display: block;
padding: 5px 8px;
background: #e6effa;
border: 1px solid #bdd0e8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.icon:hover {
background: #f4f8fd;
}

a.pdficon:before {
content: url(images/pdf-22.png);
display: block;
float: left;
margin-right: 5px;
position: relative;
bottom: 2px;
}

a.mp3icon:before {
content: url(images/itunes.png);
display: block;
float: left;
margin-right: 5px;
position: relative;
bottom: 2px;
}

h3.widgeticon2:before {
content: url(images/widget.png);
display: block;
float: left;
margin-right: 5px;
position: relative;
bottom: 2px;
}

h2.widgeticon:before {
content: url(images/help-32.png);
display: block;
float: left;
margin-right: 5px;
}

table.price {
  border: 1px solid #bbb;
  font-size:14px;
  margin: 15px 0;
  width: 900px;
}

table.price th {
border-bottom: 1px solid #bbb;
text-align: center;
background: url(images/black-grad.png) repeat-x top #2d2d2d;
}

table.price h2 {
color: #fff;
font-weight: bold;
margin-bottom: 8px;
}

table.price p.price {
font-size: 20px;
color: #c8ba91;
}

table.price th, table.price td, table.price tr {
padding: 10px;
}

table.price td.check {
background: url(http://www.presscoders.com/wp-content/themes/presscoders/images/check.png) no-repeat center;
}

table.price .middle {
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}

table.price .even {
background: #eee;
}

.hostingbox {
display: block;
background: #fafafa;
border: 1px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 15px;
width: 45%;
}

/* Bits and pieces added by David */

span.wpcf7-list-item { display: block; } /* Makes the contact form 7 radio buttons stack rather than display inline */

.menu_categories li li.menu-item-2139 a, .menu_categories li li.menu-item-2139 a:visited {
  color: #c27c2b;
  font-style: italic;
  text-transform: none;
}

/* -------------------- */
/* START - jQuery Tools */
/* -------------------- */

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

div.wrap {
	width:700px;
	margin-bottom:40px;
}

.wrap .pane  {
	display:none;		
	padding:20px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;	 
	font-size:18px;
	color:#456;	
	
	_background-image:none;
}

.wrap .pane p {
	font-size:38px;	
	margin:-10px 0 -20px 0;	
	text-align:right;
	color:#578;
}

/* root element for each accordion  */
.accordion {

	/* some decorations for the accordion root element */
	width: 300px;
	border:1px solid #333;

	/* put them side by side */
	float:left;
	margin:20px 0 20px 30px;
}

/* accordion header */
.accordion h2 {
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
.accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

/* ------------------ */
/* END - jQuery Tools */
/* ------------------ */

/** Big Shot **/

.sprocketicon:before {
content: url(images/sprocket32.png);
display: block;
float: left;
margin-right: 8px;
position: relative;
bottom: 5px;
}

.twocollt {
display: block;
float: left;
width: 48%;
}

.twocolrt {
display: block;
float: right;
width: 48%;
}

.threecollt {
display: block;
float: left;
width: 294px;
overflow: hidden;
}

.threecolmid {
display: block;
float: left;
width: 294px;
margin: 0 15px;
overflow: hidden;
}

.threecolrt {
display: block;
float: right;
width: 294px;
overflow: hidden;
}

ol#toc {
margin-top:0px;
padding-top:0px;
}

h3#toc {
margin-bottom:0px;
}