/*
Theme Name: BuddyPress Visual Society
Theme URI: http://graphpaperpress.com
Description: A custom theme for BuddyPress.
Version: 1.0
Author: Thad Allender
Author URI: http://graphpaperpress.com
Tags: buddypress, three-columns, white, minimal, flexible-width
Template: bp-default
*/

/* 
Global overrides
-------------------------------------------------------------- */
body {
	color:#111;
	font-family:HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	background:#ededed url(_inc/images/bg.jpg) repeat-x top center;
	padding-top:0!important;
	width: 100%;
	min-width: 100%;
	/* Removes top padding for admin bar */
}

a {
	color:#08c6fa;
	text-decoration:none;
}

a:hover,a:focus {
	color:#000;
	text-decoration:underline;
}

body#bp-default #admin-bar-logo {
	display:none;
}

body#bp-default #wp-admin-bar .padder {
	width:980px;
	max-width:980px;
	padding:0;
	background:none;
}

#wp-admin-bar {
	position:absolute
}

	
/* 
Element styling
-------------------------------------------------------------- */
.textcenter {
	text-align:center;
}

.textright {
	text-align:right;
}

.underline {
	border-bottom:1px solid #eee;
}

.fancy {
	font-style:italic;
	text-shadow:1px 1px 1px #ccc;
}

.shadow {
	text-shadow: 1px 1px 1px #fff;
}

.shadow-333 {
	text-shadow: 1px 1px 1px #333;
}

.faded {
	background:url(_inc/images/item_list_back.gif) top left repeat-x;
	padding:15px;
	min-height:22px;
	overflow:hidden;
}

.double-border {
	background:url(_inc/images/double-border.png) repeat-x bottom;
	height:8px;
	width:100%;
	clear:both;
	float:none;
	border:none;
	margin:1em 0;
}


	
/* 
Positioning
-------------------------------------------------------------- */
div#container {
	margin:0 auto;
	width:980px;
	padding:20px;
}

body.home-page div#container {
	width:980px;
	margin:0 auto;
	overflow:visible;
}

div#content-wide {
	padding:20px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
}

.container {
	width:980px;
	margin: 0 auto 0;
}

.thirds {
	width:270px;
	float:left;
	margin-right: 20px;
	padding:10px
}

.fourths {
	width:200px;
	float:left;
	margin-right:36px;
}

	
/* 
Header
-------------------------------------------------------------- */
#header {
	width:980px;
	margin:0 auto 50px;
	padding:0 20px !important;
	-moz-border-radius-bottomleft:none;
	-webkit-border-bottom-left-radius:none;
	-moz-border-radius-bottomright:none;
	-webkit-border-bottom-right-radius:none;
	background-image: none !important;
}

#header-wrap {
	width:980px;
	margin:0;
}

/*
Logo
-------------------------------------------------------------- */

#header h1#logo, #footer h1#logo-footer {
	margin:0;
	padding-left:34px;
	top:40px;
	background:url(_inc/images/cmyk.png) no-repeat 0 6px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:100%;
}

#header h1#logo a, #footer h1#logo-footer a {
	color:#fff;
	text-decoration:none;
	font-size:16px;
}

#header h1#logo a:hover, #footer h1#logo-footer a:hover {
	color:#fff;
}

#header h1#logo sup, #footer h1#logo-footer sup {
	color:#fa0dd9;
	font-size:9px;
}

#header span.description {
	text-indent:-9999px;
	display:none;
	position:absolute;
	top:20px;
	color:#999;
	text-transform:lowercase;
	font-size:12px;
	padding:0 3em;
}

#header #search-bar .padder {
	padding-right:5px;
}

#header #search-bar {
	width: 400px;
}
	
/* 
Navigation
-------------------------------------------------------------- */

ul#nav {
	margin-left: 445px;
	top: 30px;
}

ul#nav li a {
	background:#333;
}

ul#nav li a:hover {
	background:#444;
	color:#fff;
}

ul#nav li.selected a, ul#nav li.current_page_item a {
	color:#222;
}

ul#nav li.selected a,ul#nav li.current_page_item a {
	background:#ededed;
}

ul#nav-top {
	position:absolute;
	top:4px;
	right:5px;
	list-style:none;
	font-size:11px;
	border-left: 1px dotted #333;
	z-index:1001;
}

ul#nav-top li {
	display:inline;
	padding-right:10px;
	margin-left:10px;
	border-right: 1px dotted #333

}

ul#nav-top li.selected a, ul#nav-top li.selected a:focus {
	color:#fff;
}

ul#nav-top li a:hover {
	color:#fff;
	text-decoration: underline
}

	
/* 
Home
-------------------------------------------------------------- */
body.home-page div.container h1#promo-headline {
	font-size:40px;
	color:#1a1a1a;
	margin-bottom:48px;
	text-shadow:1px 1px 1px #fff;
}

#promo {
	height:250px;
	position:relative;
	width:940px;
}

#promo #theme-screenshots {
	position:absolute;
	right:0;
	top:-112px;
	width:700px;
	height:400px;
	z-index:0;
	background:url(_inc/images/theme-screenshots.png) no-repeat;
}

#promo h3#promo-subhead {
	display:none;
	position:absolute;
	top:0;
	color:#999;
	font-style:italic;
}

#promo #promo-chatter {
	position:absolute;
	top:0;
	font-size:1.4em;
	color:#999;
	width:350px;
	z-index:1;
	font-weight:300;
}

#promo .signup {
	position:absolute;
	top:103px;
}

#promo .signup a {
	color:#fff;
}

#promo .info {
	position:absolute;
	top:202px;
	left:0;
	width:350px;
	font-weight:bold;
}

#promo .info li {
	margin:0 4px 0 0;
	padding:0;
	display:inline;
}

#promo .info a {
	color:#111;
}

h2.icon {
	padding:6px 0 6px 42px;
	text-shadow:1px 1px 1px #fff;
}

h2.icon a {
	color:#222;
}

.icon-designs {
	background:url(_inc/images/icons/designs.png) no-repeat center left;
}

.icon-plugins {
	background:url(_inc/images/icons/plugins.png) no-repeat center left;
}

.icon-updates {
	background:url(_inc/images/icons/updates.png) no-repeat center left;
}

.icon-integration {
	background:url(_inc/images/icons/integration.png) no-repeat center left;
}

	
/* 
Home Users
-------------------------------------------------------------- */
.box .green {
	background:#beddd6;
}

#user-list {
	margin:2em 0 0;
}

ul#users {
	padding:0;
	list-style:none;
	margin:0 0 1em;
	overflow:hidden;
	max-height:150px;
}

ul#users li {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}

ul#users li .user {
	float:left;
	margin:0 23px 0 0;
}

ul#users li .user-last {
	float:left;
	margin:0;
}

ul#users li img {
	float:none;
	max-width:100px;
	max-height:100px;
	margin:0 10px 0 0;
	padding:10px;
	background:#eee;
	border:1px solid #ccc;
}

ul#users li img:hover {
	border:1px solid #aaa;
	background:#fff;
}

ul#users a {
	color:#666;
}

/* 
Home Explore
-------------------------------------------------------------- */
#explore {
	background:#111;
	color:#aaa;
}

#explore h2 {
	color:#fff;
	padding-left: 34px;
	background: url(_inc/images/icons/12-eye-fff.png) no-repeat center left;
}

#explore h3 {
	border-bottom: 1px solid #333;
	padding-bottom:12px;
	color:#ededed;
}

#explore #first-section, #explore #second-section, #explore #third-section {
	background:#1a1a1a;
}

#explore a:hover, #explore a:focus {
	color:#fff
}

#explore ul.item-list li {
	border-bottom: 1px solid #333
}

#explore span.activity, div#message p {
  background:#000;
	color:#666;
	border-right: none;
	border-bottom: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
}

#explore img.avatar {
	border-color: #333;
}

/* 
Footer
-------------------------------------------------------------- */
#footer-wrap {
	background:#000;
	margin-top:2em;
	padding-top:24px;
	min-height:150px;
}

#footer {
	width:950px;
	padding:1.5em 0;
	margin:0 auto;
	color:#666;
	text-align:left;
	text-shadow:none;
}

#footer p {
	color:#666;
}

#footer a {
	color:#ccc;
}


	
/* 
Images
-------------------------------------------------------------- */
img.screenshot {
	padding:10px;
	border:1px solid #ccc;
	background:#eee;
	margin:0 2em 1em 0;
	float:left;
}

img.screenshot:hover {
	border:1px solid #000;
	background:#fff;
}

img.screenshot-home {
	border:1px solid #eee;
}

.thirds img {
	max-width:270px;
	height:auto;
	overflow:hidden;
}


	
/* 
Alignment
-------------------------------------------------------------- */
.right {
	float:right;
}

.left {
	float:left;
}

.middle {
	margin:0 auto;
	float:left;
}

.clear {
	clear:both;
}

.first {
	padding-left:0;
}

.last {
	margin-right:0;
	padding-right:0;
	border:none;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:940px;
}

img.alignright {
	padding:4px 0 4px 4px;
	margin:3px 0 2px 10px;
	display:inline;
	max-width:940px;
}

img.alignleft {
	padding:4px 4px 4px 0;
	margin:3px 10px 2px 0;
	display:inline;
	max-width:940px;
}

img.alignnone {
	padding:4px 4px 4px 0;
	margin:3px 10px 2px 0;
	display:block;
	max-width:940px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

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

.theme-grid img.alignleft {
	padding:10px;
	border:1px solid #ccc;
	background:#eee;
}

.theme-grid img.alignleft:hover {
	border:1px solid #000;
}

.thumbnail,.attachment-thumbnail {
	margin:0 1.5em 1.5em 0;
	float:left;
}

.alignright .attachment-thumbnail {
	margin-right:0;
}

.attachment-medium {
	max-width:940px;
	overflow:hidden;
	display:inline;
}

.attachment-large {
	max-width:940px;
	overflow:hidden;
	display:inline;
}

.content .size-medium,content size-large {
	margin:0 1.5em 1.5em 0;
}

.home .size-medium,.home .size-large {
	max-width:590px;
	height:auto;
	overflow:hidden;
	margin:0 .5em .5em 0;
}

.gallery {
	display:block;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}

.gallery .gallery-row {
	display:block;
	clear:both;
	overflow:hidden;
	margin:0;
}

.gallery .gallery-item {
	overflow:hidden;
	text-align:center;
	list-style:none;
	padding:0;
	margin:0 auto;
}

.gallery .gallery-item img,.gallery .gallery-item img.thumbnail {
	max-width:100%;
	height:auto;
	padding:0;
	border:5px solid #ccc!important;
}

.gallery .gallery-item img:hover,.gallery .gallery-item img.thumbnail:hover {
	border:5px solid #aaa!important;
}

.gallery-caption {
	margin-left:0;
}

.gallery-item .attachment-thumbnail {
	float:none!important;
	margin:0 auto;
}

.gallery-item dd {
	clear:both;
}


	
/* 
Buttons
-------------------------------------------------------------- */

#promo h2 a.create-button {
	display:block;
	width:260px;
	height:50px;
	padding:20px 0 5px 40px;
	color:#fff;
	text-decoration:none;
	background:url(_inc/images/button-create.png) no-repeat 0 0;
	font-size:22px;
}

#promo h2 a.create-button:hover {
	color:#fff;
	background:url(_inc/images/button-create.png) no-repeat 0 -75px;
}

input#wpsf_contact_submit {
	background:#000;
	padding:10px;
	border:none;
	color:#ccc;
	font-weight:bold;
}

input#wpsf_contact_submit:hover {
	background:#222;
	padding:10px;
	border:none;
	color:#fff;
	cursor:pointer;
}

#sidebar a.awesome {
	color:#fff;
}

a.awesome-small,input.awesome-small {
	border:2px solid #eee;
	padding:8px 6px;
	color:#fff;
	text-decoration:none;
	background:#999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:1em;
}

input.awesome-small {
	text-align:left;
}

input.awesome-small:hover {
	background:#000;
	cursor:pointer;
}

a:hover.awesome-small {
	background:#000;
}

#footer #search input#s,.subscribe input {
	background:#eee;
	padding:5px 6px;
	margin:0 8px 0 0;
	border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#000;
}

#footer #search input#s:hover,.subscribe input:hover {
	background:#fff;
	cursor:pointer;
}

.awesome-small-black {
	background:#000;
	font-size:24px;
	text-transform:uppercase;
	padding:15px 35px;
	letter-spacing:4px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:30px;
	width:auto;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	border-radius:30px;
	-moz-box-shadow:1px 1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc;
	box-shadow:1px 1px 1px #ccc;
	text-shadow:rgba(0,0,0,.5) 0 -1px 0;
}

.awesome-small-black:hover {
	background:#ea5087;
	color:#fff;
	text-shadow:rgba(0,0,0,.5) 0 1px 0;
}

.awesome,.awesome:visited,#submit,input.awesome,#resolvedformsub,#newsletter input.awesome {
	font-family:Helvetica, Arial;
	font-style:normal;
	background:#4D596A url(_inc/images/btn-overlay.png) repeat-x;
	color:#ededed;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:1;
	padding:12px 24px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border:none;
	font-size:18px;
	cursor:pointer;
}

fieldset#login-form input.awesome:hover,.awesome:hover,#submit:hover,input.awesome:hover,#loginsearch input.awesome:hover,#resolvedformsub:hover,#newsletter input.awesome:hover {
	background-color:#111;
	color:#fff;
}

#pricing .awesome:hover {
	background:#EA5087;
}

.awesome:active,#submit {
	top:1px;
}

.small.awesome,.small.awesome:visited,#resolvedformsub {
	font-size:12px;
	padding:5px 7px 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0;
}

.medium.awesome {
	font-size:16px;
	padding:8px 16px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.large.awesome,.large.awesome:visited {
	font-size:24px;
	padding:18px 36px;
	margin:0;
}

.black {
	background-color:#000;
}

.pink {
	background-color:#EA5087;
}

.slate {
	background-color:#4D596A;
}


	
/* 
Alignment
-------------------------------------------------------------- */
span.more-info {
	float:right;
	text-align:right;
}

span.more-info a {
	color:#999;
}

span.more-info a:hover {
	color:#000;
	text-decoration:none;
}


	
/* 
Gallery page
-------------------------------------------------------------- */
h4.imagetitle {
	margin-bottom:5px;
	clear:both;
}

div.galleryitem {
	margin-bottom:15px;
}


	
/* 
Pricing page
-------------------------------------------------------------- */
#pricing {
	text-align:center;
	background:url(_inc/images/pricing-page/pricing.jpg) no-repeat -6px 0;
	height:390px;
	position:relative;
	margin:0 auto;
	padding:0;
}

#pricing #signup-free {
	position:absolute;
	top:228px;
	left:112px;
}

#pricing #signup-pro {
	position:absolute;
	top:228px;
	left:764px;
}

#pricing #signup-elite {
	position:absolute;
	top:235px;
	left:436px;
}

body.page-template-page-pricing-php table th {
	border-top:none;
	border-bottom:1px solid #eee;
}

table#price-table td.yes,table#plugins td.yes {
	background:url(_inc/images/yes.png) no-repeat 50% 50%;
	text-indent:-999em;
}

table#price-table td.no,table#plugins td.no {
	background:url(_inc/images/no.png) no-repeat 50% 50%;
	text-indent:-999em;
}

/* 
Registration page
-------------------------------------------------------------- */
#antisplog {float:right}
#supporter {padding:1em 1em 1em 170px; color:#000; background: #eee url(_inc/images/pro.png) no-repeat 30px 50%; text-shadow: 1px 1px 1px #fff}
#supporter label.label{font-size:1.5em}