/*  
Theme Name: blogBox
Description: A basic wordpress theme
Author: Kevin Archibald
Author URI: http://www.kevinsspace.ca/
Theme URI: http://demo1.kevinsspace.ca/
Version: 1.15.1
License: GNU General Public License V3
License URI:license.txt
Tags: blue,gray,tan,light,dark,one-column,two-columns,left-sidebar,right-sidebar,fixed-width,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,sticky-post,theme-options,threaded-comments

	blogBox is a full featured WordPress Theme
    Copyright (C) 2012 Kevin Archibald
    
	This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/**** Menu Styles in superfish.css ****/

/* RESET
-----------------------------------------------------*/
/* HTML5-specific CSS setup */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
 
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}


img, fieldset { border: 0; }
q:before, q:after { content:'"'; }


/* --------------------------------------------------------------
 *                       GLOBAL STYLES
 * --------------------------------------------------------------*/

body {
	font-size: 100%;
	background-attachment:fixed;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin:10px 0px 10px 0px;
}

h1 {font-size: 24px;}

h2 {font-size: 22px;}

h3 {font-size: 20px;}

h4 {font-size: 18px;}

h5 {font-size: 16px;}

h6 {font-size: 14px;}

p {font-size: 12px;}

blockquote {
	font-weight:bold; 
	font-style:italic;
}

label {font-size: 12px;}

code {
	font-size:12px;
	line-height:1.5em;
	background: url(images/shade.png);
}

/*
 * -------------Lists---------------- */

ul{
	padding-left: 20px;
	font-size: 12px;
	line-height: 20px;

}

ul li { list-style:disc;}

ul li li {list-style:circle;}

ul li li li {list-style: square;}

ol{
	padding-left:20px;
	font-size:12px;
}

ol li {list-style: decimal;}

ol li li {list-style: lower-alpha;}

ol li li li {list-style: lower-roman;}

dt {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

dl {
	margin:0;
	padding:0;
	font-size:12px;
}

dd {font-size:12px;}

/* ----------------Misc HTML tags ------------------- * 
 */

address {font-size: 12px; font-style: italic;}

pre {
	border: solid 10px gray;
    font-size: 12px;
    color: blue;
    margin: 10px;
    padding:10px;
    background: #F7F4F4;
}

.left { float:left; }

.right { float:right; }

.center { text-align:center; }

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

.clearfix {clear:both;}

.clearleft {clear:left;}

.clearright {clear:right;}

/* ----------------- LINKS ------- */

/* default */
a:link, a:active, a:visited, a:hover{text-decoration: none; }


/*     Header Styles
----------------------------------------------------------*/

#header {
	position:relative;
	width:960px;
	height:150px;
	margin-left:0px;
	padding:0;
	z-index: 3000;  /*ie7 fix*/
}

/**** LOGO *********/

#logo {
	position: absolute;
	padding:0;
	top:0px;
	left:0px;
}

#logo img {
	display: block;
	padding-top: 15px;
	padding-left:15px;
}

.blog_description {
	clear:both;
	margin-left: 20px;
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
}

/**** End LOGO ********/


/****** Social Strip *******/
#social-strip {
	height: 80px;
	width:480px;
	float:right;
	padding-top:10px;
}

#social-strip a {
	float:right;
	margin-right:15px;
}



#social-strip span {
	float:right;
	margin-right:15px;
	font-size:18px;
	margin-top:5px;
}

#header h4.menu-error {
    clear:both;
    width:960px;
    height:30px;
    margin:123px 0px 0px 0px;
    background-color:white;
    text-align:center;
    color:red;
    padding:0;
}

/****** End Social Strip *******/

/*--------------- End Header Styles -----------------*/
	
/***********************
 *   PAGE STYLES       *
 ***********************/

#pagewrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 0px;
}

#widecolumn {
	width: 590px;
	float:left;
	margin-top:25px;
	margin-left:10px;
	padding-left: 30px;
	padding-right: 30px;
}

#fullwidth {
	width:960px;
	margin-left:0;
	z-index: 1000;  /*IE7 Fix*/
}

/*************404 Error Page *********************************/

#error{
	margin-top:50px;
	margin-left:50px;
}

#error h1 {font-size: 30px;}

#error h3 {font-size: 20px;}

#error h4 {font-size: 16px;}

/*************Home Page 1*************************************/

#leftfeature {
	width:320px;
	height:360px;
	float:left;
}

#leftfeature h1 {
	margin-top: 30px;
	text-align:center;
}

#leftfeature p {
	font-size: 16px;
	text-align: left;
	padding: 0px 50px 30px 50px;
}

#rightfeature {
	width:640px;
	height:360px;
	float:right;
}

#rightfeature img {
	width:550px;
	height:275px;
	overflow: hidden;
}

#fullfeature {
	width:960px;
	height:485px;
	padding-top:20px;
}

#home1post {
	margin-top:0px;
	padding-top:0px;
	width:960px;
	float:left;
}

#home1post .post {
	margin: 0; 
	padding: 0px 10px 0px 10px;
}

#slogan1{
	width:720px;
	height:75px;
	float:left;
}

#slogan1 h1 {
	font-size: 20px;
	padding-top:10px;
	padding-left:50px;
	font-style: italic;
}

#slogan1 h1 span {font-size:40px;}

#homebuttonbox {
	width:240px;
	height:75px;
	float:right;
}

#button1 {
	width:150px;
	height:40px;
	position: relative;
	top: 18px;
	left: 50px;
	background: url(images/150x40-999999.png) no-repeat left top;
	text-align:center;
	}
	
#button1 a {
	text-decoration:none;
	font-size: 20px;
	line-height:2.0em;
	color:black;
	}
	
#button1:hover {background-position: 0 -40px;}

#homesection2 {
	float:left;
	width:100%;
}

#homesection2 h4 {
	text-align: center;
	margin-top:10px;
	line-height: 1em;
	margin-bottom:5px;
	padding:0;
}

#homesection2 p {
	font-size: 12px;
}

#homesection2 ul {margin-left:40px;}

#servicebox1{
	float:left;
	width:320px;
	padding-bottom: 10px;
}

#servicebox1 p {padding: 10px 25px 20px 35px;}

#servicebox2 p {padding: 10px 30px 20px 30px;}

#servicebox3 p {padding: 10px 35px 20px 25px;}

#servicebox1:hover{
	cursor:pointer;
	background: url(images/service_hover.png) repeat;
}

#servicebox2{
	float:left;
	width:320px;
	padding-bottom:10px;
}

#servicebox2:hover{
	cursor:pointer;
	background: url(images/service_hover.png) repeat;
}

#servicebox3{
	float:left;
	width:320px;
	padding-bottom:10px;
}

#servicebox3:hover{
	cursor:pointer;
	background: url(images/service_hover.png) repeat;
}

img.servicebox {
	margin-top: 20px;
	padding-bottom:10px;
	display:block;
	margin-left: auto;
	margin-right:auto;
}

#slogan2{
	margin-top:0px;
	padding-top:5px;
	width:960px;
	height:100px;
	float:left;
}

#slogan2 p.slogan2line1 {
	padding-top:20px;
	font-size: 20px;
	font-style:italic;
	text-align:center;
}

#slogan2 p.slogan2line1 span {font-size:40px;}
	
#slogan2 p.slogan2line2 {
	padding-top:5px;
	font-size: 16px;
	font-style:italic;
	text-align:center;
}

#full_divider {
	width:860px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
}

/************End Home Page 1*********************/

/*        Sidebar Styles
--------------------------------------------------------*/
#sidebar {
	width: 250px;
	float: left;
	padding-left:20px;
	padding-top: 50px;
}

#sidebar ul {
	margin:0;
	padding:0;
	list-style: none;
}

#sidebar h2 {
	font-size: 20px;
	padding:0 30px 15px 0;
}

#sidebar li { 
	list-style: none; 
	margin: 0px 20px 20px 0px;
	}

/*
 * --------------------Siteplan/Archives Page Styles --------------------- */

.siteplan, .archivespage {
	width:100%;
	margin-top:50px;
	margin-left: 100px;
}

/****** Tables Style *************/

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

td, th, caption { 
	font-weight: normal; 
	text-align: left; 
}

table {font-size:12px;}

tbody {}

thead {font-weight: bold;}

th {
	border: 1px solid black;
	padding:10px; background: 
	url(images/shade.png);
}

tr {
	border: 1px solid black;
	padding:10px;
}

td {
	border: 1px solid black;
	padding:10px;
}
	
/****** Calender Widget Style *************/

table#wp-calendar{font-size:10px;}

table#wp-calendar caption {
	font-size: 14px;
	font-weight:bold;
	padding-bottom:5px;
	}
table#wp-calendar thead th {
	font-size: 11px;
	text-align: center;
	}
table#wp-calendar tbody td {
	text-align: center;
	padding:5px;
}

table#wp-calendar tfoot tr {
	border:none;}

table#wp-calendar tfoot td {
	border:none;}

#calendar_wrap td#today {background: url(images/shade.png);}

table#wp-calendar tr #prev a,table#wp-calendar tr #next a {
	font-size: 10px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
}
	
/******************End Calender Widget Styles**************/


/* --------------------------------------------------------------------------
 *                          Footer Styles
------------------------------------------------------------------------------*/

#footer {
	clear: both;
	width: 960px;
	padding-top: 15px;
	margin-left: 0px;
}

#footer, #footer a {font-size:11px;}

#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {font-size:13px;}

.footercol ul {
	margin:0;
	padding:0;
	list-style: none;
}

.footercol { 
	width: 220px; 
	float:left; 
	padding-left:20px; 
	background:none;
}

.footercol li { 
	list-style:none; 
	margin-bottom: 15px; 
	font-size:11px;
}

.footercol li a:hover {font-weight:bold;}

.footercol li ul { 
	margin-left:1px; 
	padding-left:0; 
}

.footercol li ul li {
	margin-bottom: 5px; 
	padding-left:0 !important; 
}

.footercol li ul li ul { margin-left: 10px;}
					
#copywrite {
	width:960px;
	height: 30px;
	padding-top:10px;
	display:block;
	font-style: italic;
	font-size:10px;
}
#copywrite a:hover {font-weight: bold;}

.d1 {
    width:300px;
    height:50px;
    padding-left:20px;
    float:left;
}
.d2 {
    text-align:center;
    width:320px;
    height:50px;
    float:left;
}
.d3 {
    text-align:right;
    width:300px;
    height:50px;
    padding-right: 20px;
    float:right;
}


/*     Wide Column Content Styles
---------------------------------------------------------*/

.listhead {
	font-size: 24px;
	margin-top: 20px;
}

/*      Post Styles
 --------------------- */

.post {
	padding: 20px 20px 10px 20px;
}

.post h2 a, .post h2 {margin-top:10px;}

.post h2 a:hover {
	font-weight: bold;
	text-decoration: none;
}

.post img {
	margin: 10px 0px 10px 0px; 
	max-width:550px;
	border: 0 none;
}

.post img.alignleft {
	float:left;
	margin-right:10px;
}
	
.post img.alignright{
	float:right;
	margin-left:10px;
}

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

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

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

.alignnone {}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 10px 0px 10px 0px;
	max-width:550px;
}

.wp-caption p.wp-caption-text , .gallery-caption{
	line-height: 1.5em;
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	font-style:italic;
}

.post .admin {
	clear:both;
	font-size: 10px;
	padding:10px;
}

.attachment { 
	padding: 10px 20px 0 20px; 
	margin-bottom: 30px; 
}

.postmeta {
	display:inline;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom:10px;
}

.postmeta .timestamp {}

.postmeta .author {padding-left: 20px;}

.postmeta .author a {padding-left:5px;}

.postmeta .author a:hover {}

.postmeta .categories {padding-left: 20px;}

.postmeta .categories a {padding-left: 5px;}

.postmeta .categories a:hover {}

.postmeta .comments {
	float:right;
	margin-right:10px;
}

.postmeta .comments a {}

.postmeta .comments a:hover {}

.postmetabottom {
	font-size: 10px;
	padding-top: 35px;
}

.postmetabottom .edit {background: url(images/shade.png);}

.postmetabottom .taglist {}

.postmetabotton .pagelist{font-size:10px;}

.entry {margin-top:20px;}

.entry p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.5em;
}

.sticky {
	background: url(images/shade.png);
	margin-top: 20px;
}

.bypostauthor{}

/*
 * ----------------Comments Styling-------------------- */

.commentnav {
	padding: 15px 10px 15px 10px;
	font-size:12px;
}

.commentlist {font-size:12px;}

.comment,.trackback {
	clear:left;
	margin: 20px 0 20px 0;
	padding:10px 10px 20px 10px;
}

.comment .depth-2,.comment .depth-3,.comment .depth-4,.comment .depth-5 {
	margin-left:25px;
	margin-right:0px;
}

img.avatar {
	float:left;
	padding-right: 10px;
}

.commentlist p {padding:10px 10px 10px 0px;}

.commentlist .even {
	background: url(images/shade.png);
}

.comment-author {width:300px;display:inline;}

.comment-meta {float:right;}

.reply {
	float:right;
	margin-bottom:10px;
}

.nocomments {padding:25px 25px 10px 25px;}

#respond{margin-bottom:20px;}

/*  Search unsuccessful
------------------------*/

.nosearch {
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
}

.nosearch h2 {
	margin-top: 15px;
	font-size: 20px;
}

.nosearch p {
	margin-top: 15px;
}

/* Post Navigation
 --------------------*/
.postpagenav {
	font-size: 11px; 
	padding: 20px 10px 10px 10px;
}

/*  Comment Form Styling 
------------------------------------------------*/

#respond { 
	padding:10px;
	background: url(images/shade.png);
	}

#respond h3#reply-title {
	font-size: 20px;
	padding-bottom: 10px;
}

#commentform p {
	font-size: 12px; 
	padding-bottom:15px;
}

.comment-form-author label {margin-left:0px;}

.comment-form-author input {margin-left:15px;}

.comment-form-email label {margin-left:0px;}

.comment-form-email input {margin-left:19px;}

.comment-form-url label {margin-left:0px;}

.comment-form-url input {margin-left:15px;}

input#author, input#email, input#url { 
	margin-bottom: 5px; 
	padding: 2px; width: 250px; 
	font-style: italic; 
}

textarea#comment { 
	width: 556px; 
	height: 150px; 
	padding: 10px; 
	font-style: italic; 
}

input#submit {margin-bottom: 20px; }

/*  Contact Page Styling 
------------------------------------------------*/

#contactmeform {padding:20px;}

#contactmeform li {list-style:none;}

#contactmeform label {
	font-size:14px;
	line-height: 1.5em;
}

.error {
	color:red;
	background-color:white;
}

/*  Short Codes
 * -------------------------------------------------- */

/* ---------------columns --------------------------- */
 
 .one_fourth {
 	width:200px;
 	margin:0px 20px 0px 10px;
 	float:left;
 }
 
 .one_third {
 	width:275px;
 	margin:0px 20px 0px 10px;
 	float:left;
 }
 
 .two_third {
 	width:580px;
 	margin:0px 20px 0px 10px;
 	float:left;
 }
 
 .one_half {
 	width:430px;
 	margin:0px 20px 0px 10px;
 	float:left;
 }
 
 .three_fourth {
 	width:660px;
 	margin:0px 20px 0px 10px;
 	float:left;
}

/* --------------------quotes -------------------------- */
 
 .quote_left_dark,.quote_left_light,.quote_right_dark,.quote_right_light,
 .quote_normal_dark,.quote_normal_light {
 	margin:10px;
 	padding:10px 20px 0px 30px;
 	font-family: Georgia,"Times New Roman",Times,serif;
 	font-size: 16px;
 	line-height:20px;
 	font-style:italic;
 }
 
 .quote_left_dark{
 	width:200px;
 	float:left;
 	background: url(images/quote-dark.png) no-repeat ;
 }
 
 .quote_left_light{
 	width:200px;
  	float:left;
 	background: url(images/quote-light.png) no-repeat ;
 }
 
 .quote_right_dark{
 	width:200px;
 	float:right;
 	background: url(images/quote-dark.png) no-repeat ;
 }
 
 .quote_right_light{
 	width:200px;
 	float:right;
 	background: url(images/quote-light.png) no-repeat ; 	
 }
 
 .quote_normal_dark {
 	background: url(images/quote-dark.png) no-repeat ;
 }
 
 .quote_normal_light {
 	background: url(images/quote-light.png) no-repeat ;
 }

/* --------------------dropcaps ------------------- */
 
 .dropcaps {
 	display: block;
    float: left;
    font-size: 30px;
    line-height: 34px;
    margin: 0px 5px 0px 0px;
 }

/* -------------------------- lists --------------------------- */
 
ul.list-star,ul.list-arrow_1,ul.list-arrow_2,ul.list-arrow_3,ul.list-check_1,
ul.list-check_2,ul.list-cog,ul.list-dot,ul.list-happy {
	margin-left:0px;
}

ul.list-star li,ul.list-arrow_1 li,ul.list-arrow_2 li,ul.list-arrow_3 li,ul.list-check_1 li,
ul.list-check_2 li,ul.list-cog li,ul.list-dot li,ul.list-happy li {
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-size: 12px;
    line-height:1.2em;
    padding-left: 25px;
    padding-bottom: 0.5em;
    margin-left:0;
}

ul.list-star li { background: url(images/li_star.png) no-repeat }

ul.list-arrow_1 li { background: url(images/li_arrow_1.png) no-repeat }

ul.list-arrow_2 li { background: url(images/li_arrow_2.png) no-repeat }

ul.list-arrow_3 li { background: url(images/li_arrow_3.png) no-repeat }

ul.list-check_1 li { background: url(images/li_check_1.png) no-repeat }

ul.list-check_2 li { background: url(images/li_check_2.png) no-repeat }

ul.list-cog li { background: url(images/li_cog.png) no-repeat }

ul.list-dot li { background: url(images/li_dot.png) no-repeat }

ul.list-happy li { background: url(images/li_happy.png) no-repeat }

/* ---------------------messagebox ----------------------------- */

span.messagebox_mbnoshade {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	font-size:20px
}

span.messagebox_mbdark {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	font-size:20px;
	background-image: url(images/mbdark.png);
	background-repeat:repeat-x;
}

span.messagebox_mblight {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	font-size:20px;
	background-image: url(images/mblight.png);
	background-repeat:repeat-x;
}

div.bB_messagebox {
	clear:both;
	padding:20px;
}

/* ----------------- end messagebox --------------------- */

/****** buttons - Sliding door/Sprite ******************/

/* ----------- basic CSS ------------------- */

a.bB_button span {
display: inline-block;
line-height: 41px;
padding-left:20px;
padding-right: 10px;
font-size:20px;
}

a.bB_button {
display: inline-block;
height: 41px;
padding-right: 9px;
text-decoration: none;
font-size:20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ----- button alignment --------------- */
.bB_button_left {text-align:left;}
.bB_button_right {text-align:right;}
.bB_button_center {text-align:center;}

/* ----------------------- gray ----------------------------------------------------- */
a.bB_button_gray span {background: url('images/buttons/gray_l.png') no-repeat 0 0;}
a.bB_button_gray {background: url('images/buttons/gray_r.png') no-repeat top right;}
a.bB_button_gray:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_gray:hover {background-position: right -44px;}

/* ----------------------- red ----------------------------------------------------- */
a.bB_button_red span {background: url('images/buttons/red_l.png') no-repeat 0 0;}
a.bB_button_red {background: url('images/buttons/red_r.png') no-repeat top right;}
a.bB_button_red:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_red:hover {background-position: right -44px;}

/* ----------------------- blue ----------------------------------------------------- */
a.bB_button_blue span {background: url('images/buttons/blue_l.png') no-repeat 0 0;}
a.bB_button_blue {background: url('images/buttons/blue_r.png') no-repeat top right;}
a.bB_button_blue:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_blue:hover {background-position: right -44px;}

/* ----------------------- dark ----------------------------------------------------- */
a.bB_button_dark span {background: url('images/buttons/dark_l.png') no-repeat 0 0;}
a.bB_button_dark {background: url('images/buttons/dark_r.png') no-repeat top right;}
a.bB_button_dark:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_dark:hover {background-position: right -44px;}

/* ----------------------- brown ----------------------------------------------------- */
a.bB_button_brown span {background: url('images/buttons/brown_l.png') no-repeat 0 0;}
a.bB_button_brown {background: url('images/buttons/brown_r.png') no-repeat top right;}
a.bB_button_brown:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_brown:hover {background-position: right -44px;}

/* ----------------------- green ----------------------------------------------------- */
a.bB_button_green span {background: url('images/buttons/green_l.png') no-repeat 0 0;}
a.bB_button_green {background: url('images/buttons/green_r.png') no-repeat top right;}
a.bB_button_green:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_green:hover {background-position: right -44px;}

/* ----------------------- yellow----------------------------------------------------- */
a.bB_button_yellow span {background: url('images/buttons/yellow_l.png') no-repeat 0 0;}
a.bB_button_yellow {background: url('images/buttons/yellow_r.png') no-repeat top right;}
a.bB_button_yellow:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_yellow:hover {background-position: right -44px;}

/* ----------------------- userA ----------------------------------------------------- */
a.bB_button_userA span {background: url('images/buttons/userA_l.png') no-repeat 0 0;}
a.bB_button_userA {background: url('images/buttons/userA_r.png') no-repeat top right;}
a.bB_button_userA:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_userA:hover {background-position: right -44px;}

/* ----------------------- userB ----------------------------------------------------- */
a.bB_button_userB span {background: url('images/buttons/userB_l.png') no-repeat 0 0;}
a.bB_button_userB {background: url('images/buttons/userB_r.png') no-repeat top right;}
a.bB_button_userB:hover span {background-position: 0 -44px;font-weight:normal;}
a.bB_button_userB:hover {background-position: right -44px;}

/* ---------------------------- CSS3 Gradient Button ----------------------------------- */

.bB_3d_button {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /* CSS3 rounded corners */
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   	/* CSS3 shadow */
	-webkit-box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
	-moz-box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
	box-shadow: 2px 5px 5px 0 rgba(72,72,72,0.8);
}
   
.css_button_small {
	padding: 2px 5px 2px 5px;
	font-size: 12px !important;
}
 
.css_button_medium {
	padding: 5px 10px 5px 10px;
	font-size: 20px !important;
}

.css_button_large {
	padding: 8px 13px 8px 13px;
	font-size: 30px !important;
}
   
a.bB_3d_button:hover {
	background-image: url(images/shade.png) !important;
	font-weight:normal !important;
  	/*lighten the shadow */
	-webkit-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
	-moz-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.5);
   } 

/*------------------ Portfolio Page Styling -----------------*/

/*------------------ One Column Portfolio -----------------*/

.portfolio_title {
	display:block;
	font-size:26px;
	width: 910px;
	margin-top:0px;
	line-height:2.0em;
	padding-left:50px;
	background: url(images/shade.png);
}

.portfolio_one_column .left_col{
	width:620px;
	float:left;
	margin-top: 25px;
	margin-bottom: 10px;
}

.portfolio_one_column .left_col img {
	border: 10px solid #FcFcFc;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.portfolio_one_column .left_col h1,.portfolio_one_column .left_col h2,.portfolio_one_column .left_col h3,
.portfolio_one_column .left_col h4,.portfolio_one_column .left_col h5,.portfolio_one_column .left_col h6
 {margin-left:70px;}

.portfolio_one_column .left_col p,.portfolio_one_column .left_col li {
	font-size:12px;
	margin-left:70px;
	margin-right:50px;
}

.portfolio_one_column .right_col{
	width:320px;
	float:right;
	margin-top:25px;
	margin-bottom:10px;
	margin-right:20px;
}

.portfolio_one_column .right_col h1,.portfolio_one_column .right_col h2,.portfolio_one_column .right_col h3,
.portfolio_one_column .right_col h4,.portfolio_one_column .right_col h5,.portfolio_one_column .right_col h6 {
	margin:0px 50px 5px 0px;
}


.portfolio_one_column .right_col p{
	margin-right:50px;
	font-size: 12px;
}

/*------------------ Two Column Portfolio -----------------*/

.portfolio_two_column{
	width:480px;
	float:left;
	overflow:hidden;
	margin-top: 15px;
	margin-bottom: 10px;
}

.portfolio_two_column .image_container {
	width:480px;
}

.portfolio_two_column .image_container img {
	border: 10px solid #FcFcFc;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.portfolio_two_column .display_caption {
	width:420px;
	overflow:hidden;
}

.portfolio_two_column .display_description {
	width:420px;
	height:70px;
	overflow:hidden;
}

.portfolio_two_column .display_post {
	width:420px;
	height:150px;
	overflow:hidden;
}

.portfolio_two_column h1,.portfolio_two_column h2,.portfolio_two_column h1,.portfolio_two_column h3,
.portfolio_two_column h4,.portfolio_two_column h5,.portfolio_two_column h6 {
	margin: 10px 30px 0px 40px;
	font-size:16px;
	height:25px;
	width:420px;
	overflow:hidden;
}

.portfolio_two_column p {
	font-size:12px;
	margin:10px 30px 0px 40px; 
}

.portfolio_two_column ul {margin: 0px 30px 0px 40px;}


/*------------------ Three Column Portfolio -----------------*/

.portfolio_three_column {
	width:320px;
	float:left;
	overflow:hidden;
	margin-top: 15px;
	margin-bottom: 5px;
}

.portfolio_three_column .image_container {
	width:320px;
}

.portfolio_three_column .image_container img {
	border: 7px solid #FcFcFc;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.portfolio_three_column .display_caption {
	width:280px;
	overflow:hidden;
}

.portfolio_three_column .display_description {
	width:280px;
	height:70px;
	overflow:hidden;
}

.portfolio_three_column .display_post {
	width:280px;
	height:120px;
	overflow:hidden;
}

.portfolio_three_column h1,.portfolio_three_column h2,.portfolio_three_column h1,.portfolio_three_column h3,
.portfolio_three_column h4,.portfolio_three_column h5,.portfolio_three_column h6 {
	margin: 10px 20px 0px 35px;
	padding: 0;
	font-size: 15px;
	height: 25px;
	overflow:hidden;
}

.portfolio_three_column p {
	font-size:12px;
	margin: 10px 20px 0px 35px;
	padding:0;
}

.portfolio_three_column ul {margin: 0px 30px 0px 40px;}

/*------------------ Four Column Portfolio -----------------*/

.portfolio_four_column {
	width:240px;
	float:left;
	overflow:hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

.portfolio_four_column .image_container {
	width:240px;
}

.portfolio_four_column .image_container img {
	border: 5px solid #FcFcFc;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.portfolio_four_column .display_caption {
	width:200px;
	height:25px;
	overflow:hidden;
}

.portfolio_four_column .display_description {
	width: 200px;
	height: 70px;
	overflow: hidden;
}

.portfolio_four_column .display_post {
	width: 200px;
	height: 120px;
	overflow: hidden;
}

.portfolio_four_column h1,.portfolio_four_column h2,.portfolio_four_column h1,.portfolio_four_column h3,
.portfolio_four_column h4,.portfolio_four_column h5,.portfolio_four_column h6 {
	padding: 5px 10px 0px 30px;
	font-size: 14px;
	margin: 0;
	height: 25px;
	overflow: hidden;
}

.portfolio_four_column p {
	font-size: 11px;
	padding: 5px 10px 0px 30px;
	margin:0;
}

.portfolio_four_column ul li {
	font-size: 10px;
	margin: 0px 30px 0px 20px;
}

.portfolio_error {
	font-weight: bold;
	font-style:italic;
	color: red;
	background-color: white;
	padding:20px 0 20px 0;
}