/*  
Theme Name: Collective Core
Theme URI: http://www.collectivecore.com/
Description: The Collective Core Wordpress theme was custom built for Collective Core.
Author: Collective Core
Author URI: http://www.collectivecore.com/

Built using TextMate on a Mac.

NOTES: Coding is an artform. Please respect or art by not reproducing it without written consent. We make our code
easily readable for learning purposes. Feel free to view our code as a tutorial, but please don't copy it verbatim.
Please contact us at http://www.collectivecore.com/contact/ with any questions, comments, concerns, or suggestions.
*/

/*----------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/*----------------------------------------------------------------------------
 GENERAL
-----------------------------------------------------------------------------*/

@font-face {
    font-family: Delicious;
    src: url(../fonts/Delicious-Roman.otf);
    font-weight: 400;
}

@font-face {
    font-family: Delicious Bold;
    src: url(../fonts/Delicious-Bold.otf);
    font-weight: 400;
}

html, body {
	height: 100%
}

body {
	font-size: 13px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.4;
	color: #545454;
	background: #e8e8e8 url(../images/body_bg.png) top left;
}

a, a:link, a:active, a:visited, a:hover {
	color: #47628F;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#colorBarTop {
	background: #e8eef5 url("../images/colorbar.png") repeat-x;
	width: 100%;
	height: 4px;
}

#fullContainer {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

#noScript {
	background: #FFCCCC;
	border: 3px solid #FF0000;
	width: 900px;
	text-align: center;
	font-size: 12px;
	color: #FF0000;
	padding: 5px 0;
	margin: 0 auto 90px auto;
}

#noScript img {
	border: 0;
}

#noScript p {
	margin: 5px 10px;
	padding: 0;
}

h2.h2Yellow, h2.h2Blue, h2.h2Purple, h2.h2Orange, h2.h2Green {
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin: 10px 0 20px 0;
	font-size: 28px;
	line-height: 28px;
	text-align: left;
	font-weight: 400;
}

.yellow, .yellow a:link, .yellow a:visited, .yellow a:active, .yellow a:hover, h2.h2Yellow, h2.h2Yellow a:link, h2.h2Yellow a:visited, h2.h2Yellow a:active, h2.h2Yellow a:hover {
	color: #D5D241;
	font-weight: 400;
	text-decoration: none;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.yellow a:hover, h2.h2Yellow a:hover {
	text-decoration: none;
}

.blue, .blue a:link, .blue a:visited, .blue a:active, .blue a:hover, h2.h2Blue, h2.h2Blue a:link, h2.h2Blue a:visited, h2.h2Blue a:active, h2.h2Blue a:hover {
	color: #008CB6;
	font-weight: 400;
	text-decoration: none;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.blue a:hover, h2.h2Blue a:hover {
	text-decoration: underline;
}

.purple, .purple a:link, .purple a:visited, .purple a:active, .purple a:hover, h2.h2Purple, h2.h2Purple a:link, h2.h2Purple a:visited, h2.h2Purple a:active, h2.h2Purple a:hover {
	color: #9b78a2;
	font-weight: 400;
	text-decoration: none;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.purple a:hover, h2.h2Purple a:hover {
	text-decoration: underline;
}

.orange, .orange a:link, .orange a:visited, .orange a:active, .orange a:hover, h2.h2Orange, h2.h2Orange a:link, h2.h2Orange a:visited, h2.h2Orange a:active, h2.h2Orange a:hover {
	color: #e87132;
	font-weight: 400;
	text-decoration: none;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.orange a:hover, h2.h2Orange a:hover {
	text-decoration: underline;
}

.green, .green a:link, .green a:visited, .green a:active, .green a:hover, h2.h2Green, h2.h2Green a:link, h2.h2Green a:visited, h2.h2Green a:active, h2.h2Green a:hover {
	color: #90b365;
	font-weight: 400;
	text-decoration: none;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.green a:link, h2.h2Green a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 8px;
}

p {
	margin: 0 0 10px 0;
}

.clear {
	clear:both;
	margin:0;
	padding: 0;
}

/*----------------------------------------------------------------------------
 GENERAL BODY ELEMENTS
-----------------------------------------------------------------------------*/

#body {
	background: #ffffff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	-moz-box-shadow: 0px 0px 8px #bbb;
	width: 960px;
	margin: 30px auto 90px auto;
	overflow: hidden;
	padding-bottom: 20px;
}

#contentContainer {
	margin: 20px 0 5px 20px;
	width: 640px;
	float: left;
}

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
	border: 1px solid #D4D4D2;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px 5px;
	margin: 0;
}

/*----------------------------------------------------------------------------
 HEADER CSS
-----------------------------------------------------------------------------*/

#header {
	background: #272727 url("../images/header_bg.png") no-repeat bottom center;	
	text-transform: uppercase;
	overflow: hidden;
	width: 100%;
	-webkit-box-shadow: 0px 0px 8px #414141;
	-moz-box-shadow: 0px 0px 8px #414141;
}

#headerContainer {
	width: 960px;
	margin: 0 auto;
}

#navLogo {
	margin-top: 5px;
	float: left;
}

#logoImage {
	border: 0;
	margin: 10px 0 10px 20px;
}

ul#navigation {
	float: right;
	margin: 10px 0 0 0;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-transform: none;
	font-size: 20px;
}

ul#navigation li {
	float: left;
	text-align: center;
	margin: 0 10px;
}

ul#navigation li a:link, ul#navigation li a:active, ul#navigation li a:visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 20px 5px 20px;
}

ul#navigation li a:hover {
	background: #414141;
}

ul#navigation li.navSelected {
	background: #414141;
}

/*----------------------------------------------------------------------------
 SIDEBAR CSS
-----------------------------------------------------------------------------*/

#sideBar {
	float: right;
	width: 250px;
	margin: 20px 20px 0 0;
}

.sidebarWidget {
	border-bottom: 1px dashed #e3e3e3;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #545454;
	text-align: left;
	overflow: hidden;
}

.sidebarWidget p {
	margin: 10px 0;
}

.sidebarWidget #signature {
	float: right;
}

.sidebarWidget #thumbnail {
	width: 152px;
	height: 152px;
	margin: 20px auto;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px #bbb;
	-moz-box-shadow: 0px 0px 5px #bbb;
}

.sidebarWidget #thumbnail img {
	border: 1px solid #ccc;
}

form#clientLogin {
	margin: 10px 0;
}

input.clientLoginEmail {
	border: 1px solid #cdcdcd;
	height: 19px;
	margin: 0 0 5px 0;
	padding-top: 3px;
	padding-left: 2px;
	display: block;
}

input.clientLoginPassword {
	border: 1px solid #cdcdcd;
	height: 19px;
	margin: 0 0 5px 0;
	padding-top: 3px;
	padding-left: 2px;
}

input.clientLoginSubmit {
	padding-top: 5px;
	margin: 0 0 0 10px;
}

.clientOptions {
	font-size: 11px;
	margin: 5px 0;
	padding: 0;
}

#requestQuote, #requestQuote a:link, #requestQuote a:visited, #requestQuote a:hover {
	color: #545454;
	font-size: 24px;
	text-align: center;
	text-decoration: none;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#requestQuote a:hover {
	text-decoration: underline;
}

.sidebarBox h5 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
}

img.featuredtestimonialThumb {
	background: #ffffff;
	padding: 3px;
	border: 5px solid #e3e3e3;
}

.sidebarBox .testimonialSignature {
	float: right;
	margin: 10px 5px 0 0;
	font-size: 11px;
}

.socialWidget {
	border: 0;
	text-align: center;
	margin: 20px 0;
	overflow: hidden;
}

.socialWidget img {
	margin: 0 5px;
}

.twitterIcon {
	padding: 2px;
	border: 1px #e8e8e8 solid;
	float: left;
	margin: 0 10px 0 0;
}

.twitterStatus ul li {
	margin: 10px 0;
	overflow: hidden;
}

.twitterTime {
	float: right;
	margin: 5px 0 0 0;
	font-size: 10px;
}

/*----------------------------------------------------------------------------
 FOOTER CSS
-----------------------------------------------------------------------------*/

#footer {
	background: #272727 url(../images/header_bg.png) no-repeat center center;	
	color: #ffffff;
	font-size: 11px;
	overflow: hidden;
	position: absolute;
	bottom: 4px;
	width: 100%;
	-webkit-box-shadow: 0px 0px 8px #414141;
	-moz-box-shadow: 0px 0px 8px #414141;
}

#footerContainer {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#footerCopy {
	margin: 20px 10px;

}

#footerCopy a {
	text-decoration: none;
	color: #ffffff;
}

#footerCopy a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#colorBarBottom {
	background: #e8eef5 url("../images/colorbar.png") repeat-x;
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
}

/*----------------------------------------------------------------------------
 CUSTOM HOMEPAGE
-----------------------------------------------------------------------------*/

#welcomeFront img {
	margin: 0 0 20px 0;
}

.servicesFront {
	margin: 20px 0 0 0;
}

.servicesBox, .servicesBox:hover {
	float: left;
	width: 50%;
	cursor: pointer;
}

.servicesBox:hover {
	background: #EBECEC;
}

.servicesBox ul {
	margin: 0;
	padding: 10px 0 10px 20px;
}

.servicesBox li {
	background: transparent url("../images/bg_clients.gif") no-repeat scroll 0 5px;
	margin: 0 0 3px;
	padding-left: 15px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.featuredPosts {
	margin: 20px 0 0 0;
}

.featuredPosts li {
	margin: 20px 0;
}

.featuredPosts .image {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px #bbb;
	-moz-box-shadow: 0px 0px 5px #bbb;
}

.featuredPosts .title {
	font-size: 18px;
}

.featuredPosts .content {
	
}

/*----------------------------------------------------------------------------
 PORTFOLIO PAGE
-----------------------------------------------------------------------------*/

#portfolioContainer {
	margin: 30px 0 5px 0;
	width: 960px;
	float: left;
}

.portfolioItem {
	float: left;
	width: 270px;
	margin: 0 25px 40px 25px;
	overflow: hidden;
	-moz-border-radius: 8px;
}

.portfolioImage {
	width: 270px;
	height: 155px;
	background: #ffffff;
	background: url(../images/portfolio-item-bg.png) center 1px no-repeat;
}

.portfolioImage img {
	border-top: 1px solid #f7f7f7;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
}

.portfolioTitle {
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #545454;
}

a.portfolioMore {
	float: right;
	font-size: 14px;
}

img.portfolioMore {
	margin: 0 0 0 3px;
}

.portfolioSnippet {
	margin: 5px 0;
}

.fadeOut {
	filter:alpha(opacity=30);
  	opacity:0.3;
}

ul#webPortfolio li {
	float: left;
	width: 400px;
	padding: 15px;
	overflow: hidden;
	background: #ebecec;
	border: 5px solid #dedede;
}

ul#webPortfolio li.left {
	margin: 20px 30px 0 0;
}

ul#webPortfolio li.right {
	margin: 20px 0 0 0;
}

ul#webPortfolio li img {
	padding: 5px;
	background: #ffffff;
	border: 3px solid #e8e8e8;
	line-height: 0;
}

/*----------------------------------------------------------------------------
 PORTFOLIO ITEM PAGE
-----------------------------------------------------------------------------*/

#portfolioItemContainer {
	margin: 10px 20px 5px 20px;
	width: 920px;
	float: left;
}

#portfolioItemHeader {
	width: 100%;
}

#portfolioItemHeader h1 {
	margin-top: 0;
	font-size: 28px;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
	display: inline;
}

.portfolioItemImage {
	width: 270px;
	height: 155px;
	background: #ffffff;
	background: url(../images/portfolio-item-bg.png) center 1px no-repeat;
	margin: 20px 20px 0 0;
	float: left;
}

.portfolioItemImage img {
	border-top: 1px solid #f7f7f7;
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
}

a.portfolioItemMore {
	float: left;
	font-size: 14px;
}

img.portfolioItemMore {
	margin: 0 0 0 3px;
}

.portfolioItemSnippet {
	float: left;
	margin: 20px 0;
	width: 300px;
}


/*----------------------------------------------------------------------------
 SERVICES PAGE
-----------------------------------------------------------------------------*/

ul.servicesList {
	list-style-type: none;
	margin: 0 0 20px 20px;
}

ul.servicesList.last {
	list-style-type: none;
	margin: 0 0 0 20px;
}

ul.servicesList h3 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: 700;
}

/*----------------------------------------------------------------------------
 ABOUT PAGE
-----------------------------------------------------------------------------*/

#aboutImage {
	float: left;
	margin: 15px 20px 10px 15px;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px #bbb;
	-moz-box-shadow: 0px 0px 5px #bbb;
}

h2#about {
	font-size: 20px;
	margin: 35px 10px;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#aboutMore {
	float: right;
	font-size: 16px;
}

#ourClients {
	margin: 20px 0 0 0;
}

ul.clients {
	margin: 0 0 20px 0;
	padding-left: 10px;
	float: left;
	width: 300px;
}

ul.clients li {
	background: transparent url("../images/bg_clients.gif") no-repeat scroll 0 5px;
	margin: 0 0 3px;
	padding-left: 12px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.moreTestimonials {
	float: right;
	margin: 0;
	font-size: 18px;
}

.processBox {
	margin: 0;
	height: 120px;
	clear: both;
	text-align: left;
}

.processBox h3 {
	font-size: 20px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.processBox img {
	float: left;
	margin-right: 10px;
}

/*----------------------------------------------------------------------------
 TESTIMONIAL PAGE
-----------------------------------------------------------------------------*/

.testimonialContainer {
	margin: 0  0 20px 0;
	overflow: hidden;
}

.testimonialHeader h2 {
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.testimonialContent {
	margin: 0 30px 0 0;
	padding: 0 0 0 40px;
	background: url(../images/quote.jpg) top left no-repeat;
}

.testimonialSignature {
	float: right;
	margin: 0 20px 0 0;
	font-size: 11px;
}

/*----------------------------------------------------------------------------
 Blog
-----------------------------------------------------------------------------*/
	
.postPageContainer {
	overflow: hidden;
}

.postPageHeader {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 0 20px 0;
}

.postPageHeader h1 {
	font-size: 32px;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.postPageDate {
	text-transform: uppercase;
	font-size: 10px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

.postPageContent {
	margin: 5px 0 0 0;
}

.more-link {
	float: right;
	margin: 20px 0;
	font-size: 18px;
}

.paginationCurrent {
	color: #ffffff;
	background: #47628F;
	border: 1px solid #47628F;
	margin: 0 2px;
	padding: 3px 6px;
}

.paginationPage {
	border: 1px solid #47628F;
	margin: 0 2px;
	padding: 3px 6px;
	text-align:center;
	text-decoration:none;
}

.paginationPage:hover, .paginationPage:active {
	border: 1px solid #47628F;
}

.paginationPrev, .paginationNext, .paginationPrev:hover, .paginationNext:hover {
	border: 0;
}

.paginationPrev, .paginationPrev:hover {
	padding-right: 15px;
	overflow: hidden;
}

.paginationNext, .paginationNext:hover {
	padding-left: 15px;
	overflow: hidden;
}

#paginationContainer {
	margin: 20px auto;
	width: 450px;
	text-align: center;
}

/*----------------------------------------------------------------------------
 SINGLE POST
-----------------------------------------------------------------------------*/
	
.postHeaderContainer {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 0 20px 0;
}

.postHeaderContainer h1 {
	font-size: 32px;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.postHeaderContainer .postDate {
	text-transform: uppercase;
	font-size: 10px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#postContent {
	margin: 5px 0 0 0;
}

.postPageContent ul, #postContent ul {
	margin: 10px 10px 10px 20px;
	padding: 10px;
	list-style: circle;
}

.postPageContent ul li, #postContent ul li {
	padding: 5px 0;
}

.postPageContent ol, #postContent ol {
	margin: 10px 10px 10px 20px;
	padding: 10px;
	list-style: decimal;
}

.postPageContent ol li, #postContent ol li {
	padding: 5px 0;
}

.postPageContent h1, .postPageContent h2, .postPageContent h3, .postPageContent h4, .postPageContent h5, #postContent h1, #postContent h2, #postContent h3, #postContent h4, #postContent h5  {
	color: #303030;
	font-weight: 400;
	margin: 20px 0;
	padding: 0 0 7px 0;
	text-shadow: 0 1px #ffffff;
	border-bottom: 1px #d4d4d2 dashed;
}

.postPageContent h1, #postContent h1 {
	font-size: 24px;
}

.postPageContent h2, #postContent h2 {
	font-size: 20px;
}

.postPageContent h3, #postContent h3 {
	font-size: 16px;
}

.postPageContent h4, #postContent h4 {
	font-size: 12px;
}

.postPageContent h5, #postContent h5 {
	font-size: 8px;
}

.postPageContent .wp-post-image, .postContent .wp-post-image {
	float: left;
	margin: 0 10px 0 0;
	background: #ffffff;
	padding: 5px;
	border: 1px #e8e8e8 solid;
}

.size-thumbnail  {
	padding: 3px;
	border: 3px solid #e8e8e8;
	margin: 0 5px 5px 0;
	overflow: hidden;
}

.size-thumbnail, .size-medium, .size-large, .size-full {
	vertical-align: middle;
}

pre {
	background: #F3F3F3;
	border: 1px solid #D4D4D2;
	font-size: 11px;
	line-height: 1.3em;
	overflow: hidden;
	padding:10px;
	margin: 10px 0;
	font-style: normal;
	width: 589px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

code {
	font-size: 13px;
	font-family: Courier, "Courier New", mono;
}
	
blockquote {
	color: #888888;
	margin: 10px;
	border-left: 3px #888888 solid;
	padding: 10px;
}

blockquote p {
	margin: 0;
	padding: 0;
}

/* ============= */
/* = Help Page = */
/* ============= */

#helpContent ul {
	margin: 10px 10px 10px 20px;
	padding: 10px;
	list-style: circle;
}

#helpContent ul li {
	padding: 5px 0;
}

#helpContent ol {
	margin: 10px 10px 10px 20px;
	padding: 10px;
	list-style: decimal;
}

#helpContent ol li {
	padding: 5px 0;
}

#helpContent h1, #helpContent h2, #helpContent h3, #helpContent h4, #helpContent h5  {
	color: #303030;
	font-weight: 400;
	margin: 20px 0;
	padding: 0 0 7px 0;
	text-shadow: 0 1px #ffffff;
	border-bottom: 1px #d4d4d2 dashed;
}

#helpContent h1 {
	font-size: 24px;
}

#helpContent h2 {
	font-size: 20px;
}

#helpContent h3 {
	font-size: 16px;
}

#helpContent h4 {
	font-size: 12px;
}

#helpContent h5 {
	font-size: 8px;
}

#helpContent .wp-post-image {
	float: left;
	margin: 0 10px 0 0;
	background: #ffffff;
	padding: 5px;
	border: 1px #e8e8e8 solid;
}

.expandToggle {
	cursor: pointer;
}

.expandArea {
	display: none;
}
	
/*----------------------------------------------------------------------------
 POST FOOTER CSS
-----------------------------------------------------------------------------*/

#postShare {
	background: #ebecec;
	padding: 0 20px 20px 20px;
	margin: 20px 0 20px 0;
	text-align: center;
}

#postShare h1 {
	font-size: 80px;
	font-family: Delicious, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#postShare a {
	margin: 0 10px;
}

a#postShareTwitter {
	margin: 0 10px 0 0;
	height: 50px;
	width: 53px;
	display: inline-block;
	background: url(../images/postfootertwitter.png) top center no-repeat;
}

a#postShareTwitter:hover {
	height: 50px;
	width: 53px;
	display: inline-block;
	background: url(../images/postfootertwitter.png) bottom center no-repeat;
	text-decoration: none;
}

a#postShareFacebook {
	height: 50px;
	width: 52px;
	display: inline-block;
	background: url(../images/postfooterfacebook.png) top center no-repeat;
}

a#postShareFacebook:hover {
	height: 50px;
	width: 52px;
	display: inline-block;
	background: url(../images/postfooterfacebook.png) bottom center no-repeat;
	text-decoration: none;
}

a#postShareDigg {
	height: 50px;
	width: 53px;
	display: inline-block;
	background: url(../images/postfooterdigg.png) top center no-repeat;
}

a#postShareDigg:hover {
	height: 50px;
	width: 53px;
	display: inline-block;
	background: url(../images/postfooterdigg.png) bottom center no-repeat;
	text-decoration: none;
}

a#postShareStumble {
	height: 50px;
	width: 50px;
	display: inline-block;
	background: url(../images/postfooterstumble.png) top center no-repeat;
}

a#postShareStumble:hover {
	height: 50px;
	width: 50px;
	display: inline-block;
	background: url(../images/postfooterstumble.png) bottom center no-repeat;
	text-decoration: none;
}

a#postShareDelicious {
	height: 50px;
	width: 50px;
	display: inline-block;
	background: url(../images/postfooterdelicious.png) top center no-repeat;
}

a#postShareDelicious:hover {
	height: 50px;
	width: 50px;
	display: inline-block;
	background: url(../images/postfooterdelicious.png) bottom center no-repeat;
	text-decoration: none;
}

#postTags {
	background: #ebecec;
	padding: 10px;
	margin: 0 0 20px 0;
	text-align: center;
}
	
/*----------------------------------------------------------------------------
 POST COMMENTS
-----------------------------------------------------------------------------*/

#commentsContainer {
	overflow: hidden;
}

#showHidePingsDiv, #showHideCommentsDiv, #showHideRespondDiv {
	float: right;
}

.commentsHeader p, #respond p {
	margin: 0;
}

#showHidePings, #showHideRespond, #showHideComments {
	display: none;
}

.commentsHeader {
	padding: 0;
	margin: 20px 0 20px 0;
}

.commentsHeader p, #respond p {
	font-size: 13px;
}

#respond {
	margin: 20px 0;
	overflow: hidden;
}

#respond form {
	overflow: hidden;
}

#commentLoggedIn {
	margin: 10px 0;
}

#emailFieldContainer {
	float: right;
}

#authorFieldContainer, #emailFieldContainer {
	float: left;
	width: 50%;
	margin: 10px 0;
}

#websiteFieldContainer, #commentFieldContainer {
	clear: both;
	margin: 10px 0;
}

#authorFieldContainer input, #emailFieldContainer input {
	width: 75%;
	border: 1px solid #cdcdcd;
	height: 17px;
	padding-top: 4px;
	padding-left: 3px;
	display: inline;
	color: #545454;
}

#websiteFieldContainer input {
	width: 99%;
	border: 1px solid #cdcdcd;
	height: 17px;
	padding-top: 4px;
	padding-left: 3px;
	display: inline;
	color: #545454;
}

#respond label {
	font-size: 12px;
	display: block;
	text-transform: uppercase;
}

#commentFieldContainer textarea {
	width: 99%;
	height: 150px;
	border: 1px solid #cdcdcd;
	padding-top: 4px;
	padding-left: 3px;
	display: inline;
	color: #545454;
}

a.commentSubmit {
	float: left;
	height: 20px;
	border: 0;
	margin: 1px 0 0 0;
	padding: 3px 10px 0 10px;
	cursor: pointer;
	display: block;
	background: #545454;
	color: #ffffff;
	text-align: center;
}

a.commentSubmit:hover {
	background: #47628F;
	color: #ffffff;
	text-decoration: none;
}

a.comment-reply-link {
	float: left;
	height: 20px;
	border: 0;
	margin: 1px 0 0 0;
	padding: 1px 10px 0 10px;
	cursor: pointer;
	display: block;
	background: #545454;
	color: #ffffff;
	text-align: center;
}

a.comment-reply-link:hover {
	background: #AABD00;
	color: #545454;
	text-decoration: none;
}

a#cancel-comment-reply-link {
	float: right;
	height: 20px;
	border: 0;
	margin: 3px 0 0 0;
	padding: 1px 10px 0 10px;
	cursor: pointer;
	display: block;
	background: #F7E5E5;
	color: #852B3B;
	text-align: center;
}

a#cancel-comment-reply-link:hover {
	background: #ff0000;
	color: #ffffff;
	text-decoration: none;
}

.commentContainer, .pingContainer {
	overflow: hidden;
}

ol#commentList, ol#children, ol#commentList li, ol#children li {
	clear: both;
	list-style-type: none;
}

ol#commentList li.depth-1, ol#pingList li {
	padding: 10px;
	clear: both;
	overflow: hidden;
	border: 1px #d4d4d2 solid;
	border-left: 5px #d4d4d2 solid;
	margin: 0 0 10px 0
}

ol.children {
	padding: 10px 0 0 0;
	overflow: hidden;
}

ol.children li.depth-2 {
	margin: 0 0 10px 75px;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
	border: 1px #d4d4d2 solid;
	border-left: 5px #d4d4d2 solid;
}

ol.children li.depth-2:last-child {
	margin: 0 0 0 75px;
}

ol#commentList li.bypostauthor, ol#children li.bypostauthor {
	border: 1px #d4d4d2 solid;
	border-left: 5px #aabd00 solid;
}

.commentImage {
	float: left;
	width: 100px;
}

img.avatar {
	background: #ffffff;
	padding: 5px;
	border: 1px #e8e8e8 solid;
}

.commentHeader {
	border-bottom: 1px #d4d4d2 dashed;
	margin: 0 0 10px 0;
}

.authorHeader {
	font-size: 18px;
	margin-top: 1px;
	overflow: hidden;
}

.dateHeader  {
	font-size: 9px;
	text-transform: uppercase;
}

.commentApproval {
	display: block;
	background: #F7E5E5;
	border: 1px solid #F0C7C7;
	text-align: center;
	font-size: 14px;
	color: #852B3B;
	padding: 3px 0;
	margin: 10px auto;
	width: 99%;
}

.commentBody {
	float: left;
	width: 500px;
	overflow: hidden;
}

.replyLink {
	float: right;
}

.commentControls, .commentControls a {
	float: right;
	margin: 0 5px 0 0;
	color: #ff0000;
	padding: 2px 0 0 0;
}

.commentControls a:hover {
	text-decoration: underline;
}

ol#commentList li.depth-2 .commentBody {
	width: 405px;
}

ol#pingList {
	overflow: hidden;
}

.pingHeader {
	border-bottom: 1px #d4d4d2 dashed;
	margin: 0 0 10px 0;
}

.pingBody {
	float: left;
	width: 100%;
	overflow: hidden;
}

/*----------------------------------------------------------------------------
 CONTACT PAGE
-----------------------------------------------------------------------------*/

#contactDescription {
	margin: 0 0 20px 0;
}

form#contactForm {
	margin: 20px 0 0 0;
}

.formField {
	margin: 0 0 20px 0;
	clear: both;
	overflow: hidden;
}

.formField label.field {
	font-size: 14px;
	width: 175px;
	float: left;
}

.field {
	float: left;
	position: relative;
}

.field input {
	border: 1px solid #cdcdcd;
	height: 20px;
	padding-left: 3px;
	display: inline;
	float: left;
}

.field textarea {
	border: 1px solid #cdcdcd;
	height: 150px;
	width: 350px;
	color: #545454;
	padding: 3px;
	float: left;
}

#securityQuestion {
	font-size: 20px;
	margin: 0 0 10px 0;
}

.processing {
	margin: 40px 0;
	width: 100%;
	text-align: center;
}

#successNotify {
	background: #D6FFD8;
	border: 1px solid #A0D997;
	font-size: 14px;
	color: #436213;
	padding: 10px;
	text-align: center;
}

#errorNotify {
	background: #F7E5E5;
	border: 1px solid #F0C7C7;
	font-size: 14px;
	color: #852B3B;
	padding: 10px;
	overflow: hidden;
}

#resultMessage {
	margin: 0 0 30px 0;
}

input.inputError, textarea.inputError {
	border: 1px solid #F0C7C7;
}

.errorMessage {
	color: #852B3B;
	float: left;
	margin: 4px 0 0 10px;
}


/*----------------------------------------------------------------------------
 404 ERROR PAGE CSS
-----------------------------------------------------------------------------*/

#errorPage {
	position: relative;
	background: url('../images/404.jpg') top center no-repeat;
	width: 860px;
	height: 511px;
	overflow: hidden;
	margin: 30px auto 0 auto;
}

#errorLinks {
	position: absolute;
	top: 320px;
	left: 45px;
}

#errorLinks a {
	display: block;
	padding: 2px;
	margin: 5px 0;
}

/*----------------------------------------------------------------------------
 JQUERY LIGHTBOX CSS
-----------------------------------------------------------------------------*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*----------------------------------------------------------------------------
 SEXY SLIDER CSS
-----------------------------------------------------------------------------*/

#sliderWrapper {
	width: 920px;
	position: relative;
	overflow: hidden;
}

#sliderNavigation {
	position: absolute;
	width: 920px;
	top: 74px;
	z-index: 10;
}

#sliderNavigation a {
	padding: 10px;
	background: #272727;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0.7;
}

#sliderNavigation a:hover {
	background: #272727;
	opacity: 1;
}

#sliderNavigation a.sexyslider-prev {
	float:left;
}

#sliderNavigation a.sexyslider-next {
	float:right;
}

#sliderControl {
	text-align:right;
	margin-top:5px;
}

#sliderControl a {
	background:#272727;
	padding:0 3px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:3px;
	opacity: 0.7;
}

#sliderControl a.active {
	background:#272727;
	opacity: 1;
}

#sliderControl a span {
	visibility:hidden;
}