/*
Theme Name: OpenSpace Green
Theme URI:
Description: Wordpress theme for OpenSpace Coworking in Green.
Version: 1.0
Author: Megan Read
Author URI: http://www.intalgent.com
Tags: green, fixed width, two columns, widgets

*/


/* General styles
*******************************/
html {
	height: 100%;
	margin-bottom: 1px;/* force vertical scrollbars */
}
body {
	text-align:center;
	background: url(images/bg/page.png);
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:15px;
	font-size: 11px;
	text-align: left;
	margin:0;
	padding:0;
}
/*links*/
a {
	text-decoration:none;
	cursor:pointer;
	color:#a0c800;
}
a:hover {
	color:#85a600;
}
a:active, a:focus {
	outline: 0;
	color:#85a600;
}
.print {display:none;}
/* Text decorations
*******************************/
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.italic {
	font-style: italic
}
.underline {
	text-decoration: underline;
}
/* Default fonts
*******************************/

textarea, pre, tt, kbd, var, code {
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* Header elements
*******************************/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
h4 {
	font-size:16px;
	color:#666;
	margin:20px 0 10px 0;
}
/* Text elements
*******************************/

blockquote {
	margin:0 0 1em 1em;
	padding-left:1em;
	border-left:2px solid #EEEFF3;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* Images
*******************************/
img {
	outline:0;
	border:0;
}
/* Misc
*******************************/:focus {
	outline: 0;
}
ul {
	list-style: none;
}
/* Main styles
 *******************************/
#wrapper {
	margin:0px auto;
	text-align:left;
	width: 850px;
	background: url(images/bg/wrapper.png);
}
/* Header
 *******************************/
#header {
	position:relative;
	height:90px;
	width:846px;
	margin:0 2px;
	background:url(images/bg/header.png);
	overflow: hidden;
}
#header h1 {
	position:absolute;
	top:0px;
	left:20px;
	width:190px;
	height:90px;
	padding:0;
	margin:0;
	background:url(images/logo.png) no-repeat 10px 20px;
	overflow:hidden;
}
#header h1 a {
	width:190px;
	display:block;
	padding:95px 0 0 0;
}

.login-link {
	position:relative;
	width:846px;
	background:#a3a3a3;
	height:20px;
	margin:0 0 0 2px;
	}
div#upper_menu {
	position:absolute;
	top:2px;
	right:10px;
	color:#666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
div#upper_menu a {color:#efefef;}
div#upper_menu a:hover {color:#fff;}


/* Nav */
ul#navigation {
	position:absolute;
	top:67px;
	right:30px;
	height:23px;
	padding:0;
	margin:0;
	list-style:none;
}
ul#navigation li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	height:23px;
	overflow:hidden;
	float:left;
}
ul#navigation li a {
	display:block;
	padding:23px 0 0 0;
	overflow:hidden;
	background-position:0px 0px;
}




ul#navigation li.join a {width:46px; background-image:url(images/nav/join.png);}
ul#navigation li.about a {width:76px; background-image:url(images/nav/about.png);}
ul#navigation li.blog a {width:53px; background-image:url(images/nav/blog.png); background-position:0px -46px;}
ul#navigation li.spaces a {width:65px; background-image:url(images/nav/spaces.png);}
ul#navigation li.home a {width:57px; background-image:url(images/nav/home.png);}


ul#navigation li a:hover {
	background-position:0px -46px;
}

/* Current Page */
.Join ul#navigation li.join a,
.Which ul#navigation li.join a,
.Individual ul#navigation li.join a,
.Team ul#navigation li.join a,
.About ul#navigation li.about a,
.Spaces ul#navigation li.spaces a,
.Blog ul#navigation li.blog a,
.Home ul#navigation li.home a {
	background-position:0px -46px;
}
/* Hover */
ul#navigation li.join a:hover,
ul#navigation li.about a:hover,
ul#navigation li.spaces a:hover,
ul#navigation li.home a:hover {
	background-position:0px -23px;
}

ul#navigation li.blog a:hover {
	background-position:0px -46px;
}
/* Current Page Hover */
.Join ul#navigation li.join a:hover,
.Which ul#navigation li.join a:hover,
.Individual ul#navigation li.join a:hover,
.Team ul#navigation li.join a:hover,
.About ul#navigation li.about a:hover,
.Spaces ul#navigation li.spaces a:hover,
.Blog ul#navigation li.blog a:hover,
.Home ul#navigation li.home a:hover {
	background-position:0px -46px;
}
/* Fix Blog Tab */
.Join ul#navigation li.blog a,
.Which ul#navigation li.blog a,
.Individual ul#navigation li.blog a,
.Team ul#navigation li.blog a,
.About ul#navigation li.blog a,
.Spaces ul#navigation li.blog a,
.Home ul#navigation li.blog a,
.Benjamins ul#navigation li.blog a {
	background-position:0px 0px;
}
.Join ul#navigation li.blog a:hover,
.Which ul#navigation li.blog a:hover,
.Individual ul#navigation li.blog a:hover,
.Team ul#navigation li.blog a:hover,
.About ul#navigation li.blog a:hover,
.Spaces ul#navigation li.blog a:hover,
.Home ul#navigation li.blog a:hover,
.Banjamins ul#navigation li.blog a:hover {
	background-position:0px -23px;
}



/* Search
 *******************************/
#search {
	background: url(images/bg/green.png);
	overflow:hidden;
	margin:0 2px;
	padding:4px 15px;
}
#search form {
	width:250px;
	height:23px;
	padding:0px !important;
	margin:0px;
	overflow:hidden;
	background: url(images/bg/search.png) no-repeat;
}
#search input#s {
	border:none;
	width:170px !important;
	background:transparent;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 10px;
	margin:0;
	float:left;
}
body #wrapper #search #searchform input#submit {
	border:none;
	background:transparent;
	color:transparent;
	float:left;
	width:20px;
	height:20px;
	padding:20px 0 0 0;
	margin:0;
	cursor:pointer;
	overflow:hidden;
}
.no-results {
	min-height:300px;
}
/* Feature 
 *******************************/
#feature, #feature-home {
	overflow:hidden;
	position:relative;
	width:846px;
	height:61px;
	margin:0 2px;
	background:url(images/bg/feature-gallery-short.jpg);
	border-bottom:solid 7px #a7d12b;
}
#feature-home {
	height:241px;
	background:url(images/bg/feature.jpg);
}

#feature h2,
#feature-home h2,
#feature h3,
#feature-home h3,
#feature p,
#feature-home p { visibility:hidden;}

#feature-home #view-rates {
	position:absolute;
	left:427px;
	bottom:17px;
	width:130px;
	height:22px;
	overflow:hidden;
	}


#feature-home #view-rates a {
	display:block;
	width:130px;
	padding:22px 0 0 0;
	background:url(images/buttons/view-rates.png);
}
	

/* Main box
 *******************************/
#main {
	margin:0 2px;
	background: url(images/bg/content-area.png);
	padding:15px 5px 0 30px;
}
hr {
	clear:both;
	color: #fff;
	background:transparent;
	margin: 0;
	border:0;
}
/* Side Bar */
#sidebar {
	width:225px;
	float:right;
	margin:0;
	color:#747474;
}

#sidebar #map {border:solid 5px #ccc; border-bottom:2px; margin-top:10px;width: 190px; height: 150px; overflow:hidden; }
#sidebar #map0 {width: 190px; height: 190px;}
#sidebar a.map {display:block; padding:5px 6px 5px 6px; background:#ccc; color:#fff; font-weight:bold;}



#sidebar p {margin: 5px 0 0 0;}
.box {
	margin:0 25px 10px 0;
	background: url(images/bg/sidebar-h3.png) no-repeat;
}
.box-title {
	cursor: pointer;
	position:relative;
}
.box-title h3 {
	color:#fff;
	font-size:11px;
	padding:7px 15px 8px 15px;
	width:140px;
	margin:20px 0 0 0;
}
.box-title span {
	position:absolute;
	top:10px;
	left:180px;
	display:block;
	width:12px;
	height:7px;
}
.box-title span.down {
	background:url(images/icon/box-arrow.png) no-repeat;
	display:none;
}
.box-title span.up {
	background:url(images/icon/box-arrow-up.png) no-repeat;
	display:block;
}
/*#sidebar .categories span.up,
#sidebar .archives span.up {
	display:none;
}
#sidebar .categories span.down,
#sidebar .archives span.down{
	display:block;
}*/
.box .box-body ul {
	margin:0;
	padding:0;
}
.box .box-body ul li {
	padding:0 0 0 20px;
	background:url(images/icon/bullet.png) no-repeat 11px 4px;
	margin:5px 0 0 0;
}
.box .box-body ul li a {
	color:#808080;
}
.box .box-body ul li a:hover {
	color:#333;
}
/* Content
 *******************************/
#content {
	width:565px;
	float:left;
	background:url(images/bg/content.png);
	overflow:hidden;
	margin-top:10px;
	font-size:13px;
	line-height:17px;
}
#content ul {
	margin:0;
	padding:0px 35px 40px 35px;
	background:url(images/bg/content-bottom.png) no-repeat bottom left;
	overflow:hidden;
}
#content .post {
	overflow:hidden;
	margin-top:30px;
}
#content .date {
	float:left;
	width:45px;
	height:30px;
	padding-top:6px;
	background:#333;
	color:#fff;
	font-size:16px;
	text-align:center;
	margin: 0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:13px;
}
#content .date span {
	font-size:11px;
	display:block;
}
#content .title, #content .category {
	margin-left:55px;
}
#content .page .title {
	margin:0;
}
#content h2 {
	margin:3px 0 0 0;
	font-size:26px; 
	line-height:normal;
}


#content h2 a {
	text-decoration:none;
	color:#666;
}
#content h2 a:hover {
	color:#999;
}
#content .category {
	margin-top:5px;
}
#content .category, #content .category a {
	color:#A4A4A4;
}
#content .category a:hover {
	color:#666;
}
#content .entry-data {
	background:url(images/bg/entry-data.png) no-repeat;
	padding:15px 20px;
	color:#A4A4A4;
}
#content .entry-data p.comments {
	margin:0;
	float:right;
}
#content .entry-data p.tags {
	margin:0;
	float:left;
}
#content .entry-data a {
	color:#a0c800
}
#content .entry-data a:hover {
	color:#85a600
}
#content a.more-link {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
}
#content a.more-link:hover {
	text-decoration:underline;
}
#content .entry {
	clear:both;
}
#content ul ul {
	margin:0 0 20px 0;
	padding:0px 25px 0px 25px;
	background:none;
}
#content ul ul li {
	margin:0 0 5px 0;
	padding:0 0 0 8px;
	background:url(images/icon/bullet-content.png) no-repeat 0px 4px;
}
.Home #content ul ul {
	margin:0;
	padding:0px 0px 0px 0px;
	line-height:14px;
}

.alignleft {border:solid 5px #ccc; float:left; margin:0 15px 10px 0; clear:left;}
.alignright {border:solid 5px #ccc; float:right; margin:0 0 0 15px;}

div.video {background:#ccc; padding:5px; width:auto; text-align:center;}




/* Comments
 *******************************/
#comments {
	background:url(images/bg/comments.png) bottom;
	overflow:hidden;
}
#comments h3 {
	background:url(images/bg/comments-top.png);
	margin:0;
	padding:25px 30px 0px 30px;
}
#commentform {
	padding:0 30px 30px 30px;
}
.comments-list .avatar {
	margin-bottom:4px;
}
.comments-list li {
	padding:18px;
	line-height:1.2;
}
.comments-list li.graybox {
	background:#f5f5f5;
}
.comments-list cite {
	font-weight:bold;
	font-style:normal;
}
.comments-list small {
	font-size:.83em;
}
.comments-list .comment {
	margin-top:8px;
}
#commentform textarea {
	width:480px;
	border:solid 1px #ccc;
	font-size:11px;
	padding:10px;
	color:#666;
}
input.text {
	margin:0 0 0 4px;
	border:solid 1px #ccc;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
}
/* Shoutouts
 *******************************/
#shoutout {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	margin:0;
	height:50px;
	overflow:hidden;
	}
#shoutout p.social {float:left;}
#shoutout p.vendors {float:right;}
#shoutout span {display:block; width:auto; float:left; padding: 4px 0 0 0;}
/* Footer
 *******************************/
#footer {
	background:#202020;
	clear:both;
	overflow:hidden;
}
#footer p {
	background:#a3a3a3;
	margin:0 auto;
	padding:3px 10px;
	width:826px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
#footer a { color:#fff;}


/* Page Styles
 *******************************/

 
 /* Home */
.blog-feature { background:url(images/bg/entry-data.png) no-repeat; padding:30px 0 10px 0; margin:20px 0 0 0;}


/* About */
.About h3 {margin-bottom:0px;}
.About p {margin-top:0px;}

/* Spaces */

h3.space {margin:20px 0 10px 0;}
img.space {float:left; margin:-4px 6px 0 0;}

/* Get on Board */

form.wpcf7-form {
	margin:20px 0;
}
form.wpcf7-form label {
	display:block;
	width:80px;
	float:left;
	margin:0 0 10px 0;
	clear:left;
}
form.wpcf7-form input.text, form.wpcf7-form textarea.text, form.wpcf7-form select {
	margin:0 0 12px 0;
	border:solid 1px #ccc;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	width:400px;
}
input.button {
	background:#a0c800;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
input.button:hover {
	background:#85a600;
}


/* Rates + Compare Plans Shared */
.Individual #content,
.Team #content,
.Which #content {
	width:795px;
	background:url(images/bg/app-content.png);
	overflow:hidden;
	position:relative;
}
.Individual #content ul,
.Team #content ul,
.Which #content ul {
	margin:0;
	padding:0px 35px 40px 35px;
	background:url(images/bg/app-content-bottom.png) no-repeat bottom left;
	overflow:hidden;
	min-height:450px;
}
.Individual #content ul ul,
.Team #content ul ul,
.Which #content ul ul {
	margin:0;
	padding:0px 35px 40px 35px;
	background:none;
	overflow:hidden;
	min-height:1px;
}


/* Rates Landing */
.Which #individual { float:left;}
.Which #team { float:right;}
.Which #individual,
.Which #team {
	position:relative;
	width:353px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(images/rates/plan-top.png) no-repeat top center;
	font-size:11px;
	padding:0px !important;
	text-align:center;
	}
.Which #individual h2,
.Which #team h2 {
	font-size:24px;
	color:#666;
	margin:25px 0 0 0;
	}
.Which #individual img,
.Which #team img {
	margin-top:15px;
}

.Which #individual div.choose,
.Which #team div.choose {
	background: url(images/rates/plan-type-bottom.png) no-repeat bottom;
	padding:0 0 35px 0;
}	

.Which #individual .choose a,
.Which #team .choose a {
	display:block;
	height:0px;
	padding:35px 0 0 0;
	overflow:hidden;
	margin: 0 0 0 30px;
	}
.Which #individual .choose a {
	width:294px;
	background:url(images/rates/select-individual.png);
	}
.Which #team .choose a {
	width:294px;
	background:url(images/rates/select-team.png);
	}


/* Individual Plans */
.Individual #occasional { float:left;}
.Individual #monthly { float:right;}
.Individual #occasional,
.Individual #monthly {
	position:relative;
	width:353px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(images/rates/plan-top.png) no-repeat top center;
	font-size:11px;
	padding:0px !important;
	}
.Individual #occasional h2,
.Individual #monthly h2 {
	width:180px;
	font-size:24px;
	color:#666;
	margin:25px 0 20px 30px;
	}
.Individual p.compare {
	position:absolute;
	top:20px;
	right:30px;
	margin:0px;
	width:99px;
	height:21px;
	overflow:hidden;
	}
.Individual p.compare a {
	display:block;
	width:99px;
	padding:21px 0 0 0;
	background:url(images/rates/compare.gif);
	}
.Individual p.desc {margin:0 30px 20px 30px; font-size:13px;}
.Individual div.join {
	background:url(images/rates/join-top.png);
	overflow:hidden;
	padding:0px !important;
	}
.Individual div.join h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#797979; padding:0; margin:22px 0 0 30px; float:left; width:115px;}
.Individual div.join h3 strong {color:#a4c258;}
.Individual div.join h3 span {
	font-size:10px;
	color:#aaa;
	font-style:italic;
	}
.Individual div.join table {
	float:right;
	width:190px;
	margin:13px 18px 0 0;
	background:none;
	padding:0;
	}
.Individual div.join .bottom {
	clear:both;
	height:15px;
	margin:0px 0px 0px 0px ;
	background:url(images/rates/join-bottom.png) bottom;
	}
.Individual div.join table td:first-child,
.Individual div.cowork table td:first-child {padding-left:7px; background:url(images/rates/bullet.gif) no-repeat 0px 4px; width:115px; border-bottom:none;}
.Individual div.cowork {min-height:35px;}
.Individual div.join table td,
.Individual div.cowork table td {
	line-height:13px;
	padding:0px;
	border-bottom:none;
	}
.Individual div.join table td {
	color:#999;
	}
.Individual div.cowork table {
	float:right;
	width:190px;
	margin:15px 18px 15px 0;
	background:none;
	padding:0;
	}
.Individual div.cowork {clear:both;}
.Individual div.cowork h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#797979; padding:0; margin:15px 0 15px 30px; float:left; width:115px;}
.Individual div.cowork h3 strong,
.Individual div.included h3 strong {color:#a4c258;}
.Individual div.cowork h3 em {
	font-size:10px;
	color:#aaa;
	}
.Individual div.included {
	border-top:2px solid #fff;
	clear:both;
	overflow:hidden;
	min-height:140px;
	}
.Individual div.included h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#797979; padding:0; margin:18px 0 15px 30px; float:left; width:115px;}
.Individual div.included ul {
	display:block;
	float:right;
	width:190px;
	padding:15px 18px 15px 0 !important;
	}
.Individual div.included ul li {
	display:block !important;
	background:url(images/rates/check.jpg) no-repeat 0px 1px  !important;
	padding-left:10px !important;
	line-height:13px;
	}
.Individual div.details {
	position:relative;
	clear:both;
	overflow:hidden;
	background:url(images/rates/plan-bottom.jpg) bottom no-repeat;
	margin:0px !important;
	min-height:90px;
	}
.Individual div.details h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#baf300; padding:0; margin:15px 0 5px 30px; float:none; width:120px;}
.Individual div.details ul {
	display:list-item !important;
	width:210px;
	padding:0 !important;
	overflow:hidden;
	margin:0px 0 15px 30px !important;
	}
.Individual div.details ul li {
	display:list-item !important;
	padding:0 0 0 7px !important;
	line-height:13px;
	width:210px;
	margin:0px !important;
	color:#fff !important;
	background:url(images/rates/bullet-details.gif) no-repeat 0px 4px  !important;
	}
.Individual a.join,
.Individual a.compare {
	position:absolute;
	top:28px;
	right:35px;
	display:block;
	height:0px;
	padding:35px 0 0 0;
	overflow:hidden;
	}
.Individual a.join {
	width:77px;
	background:url(images/rates/join.png);
	}
.Individual a.compare {
	width:141px;
	background:url(images/rates/compare-button.png);
	}

p.footnote {color:#999 !Important; font-size:11px;}


/* Team Plans */
.Team table {
	background:#999;
	width:100%;
}

.Team h4.pricing {
	float:right;
	display:block;
	height:0px;
	padding:25px 0 0 0;
	margin:4px 0 0 0;
	overflow:hidden;
	width:230px;
	background:url(images/rates/intro-pricing.png);
	}

.Team div.summary {
	 background:url(images/compare/table-top.png);
	 margin:30px 0 0 0;
	 height:79px;
	 overflow:hidden;
	 }

.Team div.summary h3 {margin: 35px 45px; font-size:24px; font-weight:normal;}

.Team table {background:url(images/compare/table.png) top no-repeat; border-collapse:collapse;}
.Team table tr.table-head th {height:1px !important; overflow:hidden; font-size:1px !important; padding:0px !important; text-indent:-100px; border-right:solid 2px #fff; color:#efefef;  }
.Team table tr.table-head th span { display:block; height:1px; overflow:hidden;}

.Team th.benefits {width:259px;}
.Team th.occasional {width:98px;}
.Team th.team3 {width:88px;}
.Team th.team4 {width:88px;}
.Team th.team5 {width:95px;}


.Team tr.section td { background:url(images/compare/section-bg.png) repeat-y 11px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#797979; padding:8px 10px 8px 20px;}
.Team tr.section td strong {color:#a4c258;}

.Team td {border-right:solid 2px #fff; padding:4px 10px 4px 10px; color:#838383; border-bottom:solid 1px #fff;}
.Team tr td:first-child {padding:4px 10px 4px 20px;}
.Team tr td:last-child {border-right:none;}

.Team span.yes {
	display:block;
	height:0px;
	width:10px;
	padding:10px 0 0 0;
	overflow:hidden;
	background:url(images/compare/yes.png)
	}

.Team tr.last {background:url(images/compare/tablebottom.png) bottom;}
.Team tr.last td {border:none; padding:5px 5px 5px 5px; background:url(images/compare/tablebottom.png) bottom center; text-align:right !important;}
.Team tr.last td.first-child {background:url(images/compare/tablebottom.png) bottom left;}
.Team tr.last td.last-child {background:url(images/compare/tablebottom.png) bottom right;}

.Team .last-child a.signup {
	margin-right:8px;
}


.Team  a.signup {
	display:block;
	width:77px;
	height:0px;
	padding:27px 0 0 0;
	overflow:hidden;
	background:url(images/compare/signup.png);
	float:right;
	}


/* Benjamins Program */


.Benjamins .entry h3 {
	font-size:18px;
	}
.Benjamins .entry h4 {
	color:#a0c800;
	}