/*
Theme Name: BB
Theme URI: http://thebouncingball.com/
Description: Built on Thematic Theme
Author: Garry Taylor / thebouncingball
Author URI: http://thebouncingball.com/
Template: thematic
Version: 0.1
.
All Rights Reserved
.
*/
@import url('../thematic/style.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* BB styles */

/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea {
    font: 12px 'VegurLight', Helvetica, Arial, sans-serif;;
    line-height:18px;
	letter-spacing:0.5px;
	background:#313131 /* url(images/bgrd.png) no-repeat 48% bottom */;
}
input {
	color:#33ff33;
}
h1, h1.entry-title {
	display:none;	
}

p {
	color: #CCC;
}
a:link {
	color:#33ff33;
	text-decoration:none;	
}
a:hover, a:active {
	text-decoration:underline;
	color:#33ff33;
}
a:visited {
	color:#33ff33;
	text-decoration:none;	
}
a:active {
	position: relative;
  	top: 1px;
}
ul {
	color:#33ff33;
}

#wrapper {
	background: url(images/bgrd.png) no-repeat 48% 0;	
}
/* #heading {
	background: url(images/bgrd.png) no-repeat 48% 0;	
} */

/* =Layout
-------------------------------------------------------------- */

#contentHome .hentry {
    width:940px;
}
#content .hentry {
	width:700px;
}
/* .main-aside {
	display:none;
} */

/* =Header
-------------------------------------------------------------- */

#branding {
    padding:20px 0 0 0;	
}
#blog-title a {
    display:block;
	background: url(images/logo.png) no-repeat;
	width:280px;
	height:112px;
	text-indent:-9000px;
	padding:0;
	margin:0;
}
#blog-description {
	display:none;
}
#header ul.social {
	margin:0 auto;	
	width:940px;	
}
#header ul.social li {
	float:right;
	margin:20px 0 0 10px;
	list-style:none;
}

#header ul.social li a {
	overflow:hidden;
	position:relative;
	display:block;
	height:24px;
	background:url(images/footerLinks.png) 0 0 no-repeat;
	text-align:left;
	text-indent:-9000px;
}

#header ul.social li.twitter a {
	width:74px;
	background-position:0 0;
}

#header ul.social li.twitter a:hover,
#header ul.social li.twitter a:focus {
	background-position:0 -25px;
}

#header ul.social li.facebook a {
	width:91px;
	background-position:0 -48px;
}

#header ul.social li.facebook a:hover,
#header ul.social li.facebook a:focus {
	background-position:0 -71px;
}

#header ul.social li.behance a {
	width:136px;
	background-position:0 -90px;
}

#header ul li.behance a:hover,
 #header ul li.behance a:focus {
	background-position:0 -110px;
}

#header ul.social li.linkedIn a {
	width:92px;
	background-position:0 -134px;
}

#header ul.social li.linkedIn a:hover,
#header ul.social li.linkedIn a:focus {
	background-position:0 -159px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
    border-bottom:none;
	margin-top:-30px;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:none;
	float:right;
	margin:2px -10px 0 0;
}
.sf-menu a {
	border-left:none;
	border-top:none;
	border-bottom:none;
	margin:0 13px 9px 12px;
	padding:7px 10px;
	text-decoration:none;
	font-size:14px;
	letter-spacing: 1px;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	background: #313131;
    background-color: rgba(153, 153, 153, .10);	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#CCC;
}
.sf-menu li {
	background:		none;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     none;
	color:#33ff33;
	outline:		0;
    border-bottom: 2px solid #33ff33;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}

/* =Content
-------------------------------------------------------------- */

#content {
    width:700px;
    overflow:hidden;
    margin: 0 0 0 240px;
}
#main {
    padding:22px 0 0 0;
}
#contentHome .hentry h2.hello {
	display:block;
    background: url(images/hello.png) no-repeat;
	height:200px;
	width:940px;
	text-indent:-9000px;
}
/* #contentHome .hentry h2.about {
	display:block;
    background: url(images/about.png) no-repeat;
	height:200px;
	width:940px;
	text-indent:-9000px;
} */
#contentHome .hentry h2.services {
	display:block;
    background: url(images/services.png) no-repeat;
	height:200px;
	width:940px;
	text-indent:-9000px;
}
#contentHome .hentry h2.contact {
	display:block;
    background: url(images/contact.png) no-repeat;
	height:200px;
	width:940px;
	text-indent:-9000px;
}

 #formBuilderCSSIDMailing_List_Form {
	float:left;
	width: 460px;
	color: #CCC;
	padding:31px 0 0 0;
	border-top:1px solid #3c3c3c;
}
.formBuilderForm div.formBuilderComment {
	padding:0 0 12px 0;
}
.formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {
	clear:left;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	vertical-align:top;
	width:75px;
}
.formBuilderForm .formBuilderInput input {
	width:305px;	
	color:#666;
}
/* #formBuilderCSSIDMailing_List_Form {
	float:left;
	width: 220px;
	color: #CCC;
	padding:21px 20px 35px 0;
} */
.post {
	margin-top:22px;
	/* border-top:1px solid #3c3c3c; */
}
.entry-content {
	padding:30px 0 0 0;
	/* border-top:1px solid #3c3c3c; */
}
#contentHome .entry-content {
	border-top:none;
}
.entry-content h2, .entry-content h3, h1.page-title {
    font-family:inherit;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#CCC;
	background: #333;
	background-color: rgba(153, 153, 153, .10);	
	display:inline;
	padding:7px 10px;
	letter-spacing: 1px;
}
.entry-content h3 {
	line-height:33px;
	font-style:normal;
	font-size:16px;
}
h1.page-title {
	margin:18px 500px 0 20px;
	display:inline-block;
	float:left;
}
.entry-content h4 {
	font-family:inherit;
	font-size:11px;
	font-weight:bold;
	letter-spacing: 1px;
}
.entry-content p {
	margin-top:20px;
}
.entry-content a {
	color:#33ff33;
	text-decoration:none;	
}
.entry-content a:active, .entry-content a:hover  {
    text-decoration:underline;
}
.entry-meta, .entry-utility {
	display:none;
}
.archive .entry-content {
	display:none;
}
.entry-content img {
    margin: 35px 0 0 0;
	padding-bottom:35px;
	border-bottom:1px solid #3c3c3c;
}
.archive #content .post {
	float:left;
	width:220px;
	color: #CCC;
	padding:30px 0 18px 0;
	margin:0 0 0 20px;
	border-top:1px solid #3c3c3c;
}
/* .archive #content #post:nth-child(3) {
	padding-right:0;
} */
.singular #content {
	margin-top: -4px;
}
.archive #content {
	margin:0 0 0 220px;
	width:720px;
	/* border-top:1px solid #3c3c3c; */
}
.archive #content p {
	margin:0 0 0 22px;
	padding:80px 0 0 0;
}
.entry-title {
	margin:0 -20px 0 0;
	background-color: rgba(153, 153, 153, 0.1);
	color:#CCCCCC;
	display:inline;
	font-family:inherit;
	font-weight:normal;
	letter-spacing:1px;
	line-height:60px;
	padding:7px 10px;
	font-size:16px;
}
.entry-title a {
	font-size:13px;
    color:#CCC;
    text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
    color: #33ff33;
	text-decoration:none;
}
#nav-above {
	display:inline;
	/* padding:30px 0 0 0;
	margin:0; */	
}
/* .archive #nav-above {
	display:block;
	height:30px;
	width:700px;
} */
#nav-below {
	padding:0;
	/* margin-top:-20px */
}
/* .archive #nav-below {
	margin-top:0;
} */
.nav-previous {
float:left;
text-align:left;
width:40%;
color:#CCC;
margin:15px -20px 0 20px;
}
.singular .nav-previous {
	margin:22px -20px 0 0;	
}
.nav-next {
float:right;
text-align:right;
width:40%;
color:#CCC;
margin:15px -20px 0 0;
}
.nav-page {
	margin-top:15px;
	width:10%;
	float:right;
}
.paged #nav-above {
	padding:0;
}

#comments {
	display:none;
}
.navigation {
	margin:0;	
}
.wp-pagenavi {
	margin:20px 0 56px 20px;
	padding:0;
	width:700px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
	border:none !important;
	font-style:italic;
	padding:3px 5px !important;
	margin:0 !important;
}
.wp-pagenavi a:hover {
	color:#33ff33 !important;
}
.wp-pagenavi a:visited {
	border:none !important;
}
.wp-pagenavi span.current {
	padding:3px 5px !important;
	background: #333;
	background-color: rgba(153, 153, 153, .10);
	color:#CCC !important;
}
.column {
	float:left;
	width:220px;
	color: #CCC;
	padding:35px 20px 35px 0;
	border-top:1px solid #3c3c3c;
}
.column strong {
	color:#3F3;
	font-weight:normal;
}
.column ul, .columnLast ul {
	margin:20px 0 0 15px;
}
.column img, .columnLast img {
	margin:0;
	padding-bottom:0;
    border-bottom:none;
}
#contentHome .columnLast, #content .columnLast {
	float:left;
	width:220px;
	color: #CCC;
	padding:35px 0;
	border-top:1px solid #3c3c3c;
}
#contentHome .columnDouble, #content .columnDouble {
	float:left;
	width: 460px;
	color: #CCC;
	padding:35px 20px 35px 0;
	border-top:1px solid #3c3c3c;
}
#contentHome .columnTreble, #content .columnTreble {
	width: 700px;
	color: #CCC;
	padding:35px 20px 35px 0;
	border-top:1px solid #3c3c3c;
}

/* =jFlow Slider Homepage
-------------------------------------------------------------- */

#myController {
	/* font-family: Georgia; */
	margin:10px 0 35px 0;
	padding:7px;
	width:940px;
	background: #333;	
	background-color: rgba(153, 153, 153, .10);	
}
#myController span.jFlowSelected {
	background:#33ff33;
	color:#232323;
	margin-right:0px;
}

#slides {
	width:940px;
	height:300px;
}
.slide-wrapper {
}
.slide-thumbnail {
	width:940px;
	height:300px;
	float:left;
	/* background:#F00; */
}
.entry-content .slide-thumbnail img {
	max-width:940px;
	margin:0;
}
.slide-details {
	/* width:290px; */
	float:left;
	margin:-110px 0 0 20px;
}
.slide2 {
	margin:-100px 0 0 430px;
}
.slide3 {
	margin:-265px 0 0 524px;
}
.slide4 {
	margin:-110px 0 0 482px;
}
.slide-details h2 {
	font-size:1.5em;
	/* font-style: italic; */
	color:#3F3;
	background: #2e2e2e;
	background-color: rgba(0, 0, 0, 0.5);
	font-weight:normal;
	line-height: 1.9;
	margin:0;
}
.slide-details .description {
	background: #2e2e2e;
	background-color: rgba(0, 0, 0, 0.5);
	display:inline;
	padding:7px 10px;
	letter-spacing: 1px;
	color:#CCC;
	line-height:2.4;
}
/* .slide-details .description.slide1 {
	margin-top:40px;
} */

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#CCC;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-style:italic;
}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
	background: #33ff33;
}

/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

#primary {
	border:none;
	background: #333;
	background-color: rgba(153, 153, 153, .10);
	margin-top:17px;
	margin-bottom:0;
	padding:0 0 0 10px;
	/* height:165px; */
	overflow:hidden;
}
.main-aside {
	width:220px;
}
.main-aside h3 {
    /* font-size:13px;
	font-style:italic;
    line-height:22px;
	color:#33ff33;
	background-color: rgba(153, 153, 153, .10);
	*background: #333; */
	display:none;
	/* padding:7px 10px;
	margin:0; */
}
.main-aside ul {
	/* margin-top:245px; */
	padding:0;
	margin:0;
	list-style:none;
}
.aside ul ul {
	list-style:none;
	margin:0 0 0 20px;
}
.aside ul ul li {
	padding:0;
}
.main-aside a {
	display:block;
	color:#CCC;
    border-top: 1px solid #232323;
	padding:10px;
	margin:0 0 0 -20px;
	width:auto;
	text-decoration:none;	
}
.main-aside a:active,
.main-aside a:hover {
    color: #33ff33;
	/* text-decoration:underline; */
	background:#282828;
}
.main-aside .current-cat a {
	/* background: #333;
    background-color: rgba(153, 153, 153, .10); */
	color:#33ff33;
	/* font-style:italic; */
}
.main-aside h3 .widgettitle {
	display:none;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation a:active,
.navigation a:hover {
    color: #33ff33;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
	background: #232323;
    border-top:1px solid #3c3c3c;
	border-bottom:1px solid #3c3c3c;
	/* position:relative;
	bottom:0;
	width:100%; */
}
#footer ul {
	float:left;
	width:940px;
	margin-bottom:5px;
}
/* #header ul .social {
	float:right;
	width:940px;
} */

#footer ul li {
	float:right;
	margin:0 0 0 10px;
	list-style:none;
}

#footer ul li a {
	overflow:hidden;
	position:relative;
	display:block;
	height:24px;
	background:url(images/footerLinks.png) 0 0 no-repeat;
	text-align:left;
	text-indent:-9000px;
}

#footer ul li.twitter a {
	width:74px;
	background-position:0 0;
}

#footer ul li.twitter a:hover,
#footer ul li.twitter a:focus {
	background-position:0 -25px;
}

#footer ul li.facebook a {
	width:91px;
	background-position:0 -48px;
}

#footer ul li.facebook a:hover,
#footer ul li.facebook a:focus {
	background-position:0 -71px;
}

#footer ul li.behance a {
	width:136px;
	background-position:0 -90px;
}

#footer ul li.behance a:hover,
 #footer ul li.behance a:focus {
	background-position:0 -110px;
}

#footer ul li.linkedIn a {
	width:90px;
	background-position:0 -134px;
}

#footer ul li.linkedIn a:hover,
 #footer ul li.linkedIn a:focus {
	background-position:0 -159px;
}
#siteinfo {
    color:#CCC;
}
#siteinfo a {
	color:#CCC;
	text-decoration:none;
}
#siteinfo a:hover {
	color:#33ff33;
	text-decoration:underline;
}