/*  
Theme Name: Spectrum Portfolio
Theme URI: http://themespectrum.com/premium-themes/portfolio/
Description: A Clean Portfolio WordPress Theme.
Version: 2.2
Author: Theme Spectrum
Author URI: http://themespectrum.com
Tags: clean, art, color-options, custom-background, custom-menu, threaded-comments, fixed-width, cms, portfolio, jquery-slideshow, showcase, design, embedded-fonts

TABLE OF CONTENTS

01 - Style Reset
02 - Global 
03 - Layout
04 - Header
05 - Slideshoe
06 - Content
07 - Comments
08 - Pagination
09 - Buttons
10 - Sidebar
11 - Widgets
12 - Footer
13 - Custom and override
14 - Customize Social Icons
*/

/* ---------------------------
01 Style 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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: url(images/bgrepeat.jpg) repeat;
}
h1, h2, h3, h4, h5, h6 {	
	clear: both;
}

ul {
	list-style: none;
}

ul, li {
	margin: 0;
	padding: 0;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

pre, code {
	padding: 5px 0 20px 0;
}

dl { padding: 5px 0 10px 0;
}

dt { font-weight:bold; padding: 15px 0 3px 0; }
dd { padding-left: 8px; }

/* ---------------------------
02 Global
----------------------------*/

@font-face {
    font-family: 'SlabTallXRegular';
    src: url('slabtallx-webfont.eot');
    src: url('slabtallx-webfont.eot?iefix') format('eot'),
         url('slabtallx-webfont.woff') format('woff'),
         url('slabtallx-webfont.ttf') format('truetype'),
         url('slabtallx-webfont.svg#webfont6Sa6HYRt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SlabTallXMediumRegular';
    src: url('slabtallx-medium-webfont.eot');
    src: url('slabtallx-medium-webfont.eot?iefix') format('eot'),
         url('slabtallx-medium-webfont.woff') format('woff'),
         url('slabtallx-medium-webfont.ttf') format('truetype'),
         url('slabtallx-medium-webfont.svg#webfontk5ZvdQbw') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	width:auto; height:auto;	
	padding: 0;
	margin: 0;
	color: #333;	
}


p {
	line-height:1.7em;
	margin: 0 0 20px 0;	
}

img {
	margin: 0;
}

a, a:hover {
	text-decoration: none;	
	outline: none;
}

a {
	color:#69555e;
}

a img {
	border:none;
}

h1, h2, h3, h4, h5{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #69555e;	
	margin: 10px 0;	
}

h1, h2, h3 {
	font-family:'SlabTallXMediumRegular', Times, serif;
	font-weight:normal;
	letter-spacing:0.03em;
}

h1 {
	font: 24px;
	margin-top:15px;
}

blockquote, address {
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;	
	font-style: italic;
	font-size: 16px;
	line-height: 1.6em;
	color:#777;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.moreLink {
	font-weight: bold;
}

input[type="text"], textarea {
	background-color: #fefefe;
	border: 1px solid #ddd;
	padding: 5px;
}

/* Clearfix ----------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* ---------------------------
03 Layout
----------------------------*/


#container {	
	margin: 0 auto;
	width: 930px;		
	padding: 0 0 10px 0;
}


#main {
	margin: 10px 0 0 0;	
	border-bottom: 1px solid #dbdbdb;
	padding: 0 0 20px 0;
}

#content {	
	padding: 0 0 20px 0;		
	float: left;
}

#content.full {		
	width: 100%
}

#sidebar {
	width: 300px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;		
}

.oneThird {
	width: 300px;	
}

.posts {
	width:580px;
}


.post img.size-large, .post img.size-full {
		width: 100%;
		height:auto;
		max-width: 980px;
	}


/* ---------------------------
04 Header
----------------------------*/
#headerBar{
	padding: 5px 0 0 0;	
	top:0;
	width:930px;
	z-index: 2;
	color:#000;
	background: url(images/bgrepeat.jpg) repeat;
}


.headerBarText {
	position:relative;
	top:-5px;
	margin-right:5px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#888;
	letter-spacing: 1px;
}

#socialNetworks {
	margin:10px 0 0 0;
	text-align:right;
	
	float:right;
	display:inline;
}

#socialNetworks a {
	margin: 0 5px 0 0;
}

#logo {		
	float:left;
	
	margin: 0 25px 15px 0;
	font-size: 20px;
	font-weight: bold;
	color:#000;
}

#logo img {		
	max-height: 90px;
	max-width: 400px;
	width:auto;
}

#header {
	margin: 5px auto;
	border-bottom:#fff groove 2px;
	position:relative;
	min-height:75px;
	width: 930px;
}

#header h1 {
	font-family:'SlabTallXMediumRegular', Times, serif;
	font-size: 40px;	
	text-transform: capitalize;
	padding: 10px 0 0 0;
	margin:10px 0;
	letter-spacing: 0;
}

#header h1 a{	
	color: #c4c3bb;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}

#mainNav {	
	display:block;
	font-size:22px;
	clear:both;
	border-top:#fff groove 2px;
}

#mainNav li {
	margin: 0 5px 0 10px;	
	display: inline-block;
	color: #69555e;
}

#mainNav li.current,
#mainNav li.current-cat,
#mainNav li.current_page_item,
#mainNav li.current-menu-item,
#mainNav li.current-post-ancestor,
#mainNav li.current_page_parent,
#mainNav li:hover{
	display: inline-block;	
	text-decoration: none;	
	position: relative;
	cursor: pointer;
}

#mainNav a {
	color: #69555e;
	font-weight:normal;
	padding: 10px 0;
	display: inline-block;	
	cursor: pointer;
	font-family:'SlabTallXRegular', Times, serif;
	letter-spacing:0.03em;
}

#mainNav a:hover,
#header h1 a:hover {
	color:#999;
}

#mainNav li:after {
	content: '\0000a0\0000a0/';
}

#mainNav li li a {
	font-weight:normal;
	letter-spacing:1px;
}

#mainNav li li:after, #menu-main li:last-child:after {
	content: '';
}

#searchform {
	float:right;
	margin-top:4px;
}


/* ---------------------------
 05 - Slideshow
----------------------------*/

#slideshow {
	width: 930px;	
	position: relative;	
	z-index: 1;
	margin: 0;
	padding: 15px 0 50px 0;	
}

#slider {
	width: 930px;
	margin: 0;
	position:relative;
	background:url(images/preloadLight.gif) no-repeat 50% 50%;
}

#slider a{
	display: block;
	color:#999;
	text-decoration:underline;
}

.noContent {
	text-align: center;
	padding: 70px 0 70px 0;
}


/* ---------------------------
06 Content
----------------------------*/
#pageHead {
	margin: 0 0 40px 10px;	
}

#portfolioHead, #content .post {
	margin: 0 0 0 10px;	
}

.portfolio-item {
	margin-bottom:15px;
}

.post h1 {
	clear:none;
	padding-top:5px;
}

.post .meta {
	margin: 0;		
	padding: 0;		
	color: #555;
	font-style: italic;
}
.post img {
	margin:5px 0;
}

.portfolioDetails {
	padding:0;
	margin:0;
	font-style:italic;
	color:#999;
}

.galview .right img.galimglrg {
	margin-left: 20px;
}

#content .post .meta a{	
	color: #555;
	font-weight: bold;
}

#content .post .meta a:hover{	
	color: #2c2c2c;
}

.threeColumn .contentBox {	
	float: left;
	position: relative;
	margin: 0 0 20px 25px;
	width:275px;
}

.twoColumn .contentBox {	
	float: left;
	position: relative;
	margin: 0 0 20px 16px;
	width:440px;
}

.fourColumn .contentBox {	
	float: left;
	position: relative;
	margin: 0 0 20px 32px;
	width:193px;
}

h3.sectionHead {
	font-size: 20px;
	border-bottom: #999 solid 1px;
	padding: 0 0 8px 10px;
}

#content a{
	text-decoration: none;
	color: #69555e;	
}

#content a:hover {
	color: #523c46;
	text-decoration: none;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a{	
	color: #69555e;		
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover{	
	color: #999;		
}


/*Images------------------*/

#content .postThumb{
	background: #fff;
	padding: 5px;
	border: 1px solid #e4e4e4;
	float: left;
	margin: 0 15px 5px 0;	
}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin: 5px 24px 5px 0;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin: 5px 0 5px 24px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}

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

#content ul {	
	margin-bottom: 25px;
	list-style:disc;
	list-style-position:inside;
}

#content ul li {	
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

#content ol li {	
	margin: 0 0 10px 0;	
}

#content ol {	
	margin: 0 0 20px 20px;	
}

#content ul ul, #content ol ul, #content ul ol, #content ol ol {	
	margin-left: 20px;
	padding-top: 10px;	
}

/* ---------------------------
07 Comments
----------------------------*/
	
#comments {
	position: relative;
	margin: 30px 0 30px 40px;	
}

#comment {
	
	display:block;
}

#trackbacks {
	margin: 30px 0 0 40px;
}

ol#commentslist {
	margin: 0 0 0 0px;
	list-style: none;
	padding: none;	
	padding: 0;
}

#commentslist .children li {
	padding: 15px 0 0 40px;
	background: transparent url(images/comment_marker.gif) no-repeat 0px 40px;
	border-left: 1px solid #cbcbcb;
	margin: 0;
}
	
.comment {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;	
}

.comment .avatar {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #e4e4e4;
}

.comment h5 {
	font-size: 16px;
	margin: 0 0 0 110px;
	padding: 0;	
}

.comment .date {	
	margin: 0 0 10px 110px;	
	display: block;
}

.comment p {	
	margin: 0 0 10px 110px;
}

.comment-reply-link,
.comment-reply-login {
	margin: 0 0 0 110px;
}

.comment-reply {
	display: inline-block!important;
	padding: 0 0 0 10px;
}

#comment-add {
	position: absolute;
	top: -5px;
	right: 0px;
}

.moderation {
	margin: 0px;
	padding: 0 0 10px 25px;	
}

#comment-navigation {
	position: absolute;
	top: 0px;
	right: 0px;
}

.older-comments,
.newer-comments {
	display: block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0 8px;		
	text-align: center;
	text-decoration: none;
}

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

#trackbacks ul {
	margin: -5px 0 15px;
}

#trackbacks ul li {
	padding: 5px 0 5px 20px;	
}



/* Comment Form */
	
#commentForm {
	position: relative;
	margin: 0 0 30px 40px;
}

#comments #respond {
	position: relative;
	padding: 0 0 0;
	margin: 0;
}

#respond .form-allowed-tags {
	display: none;
}


#respond form {
	margin: none;
	padding: none;
	position: relative;
}

.cancel-comment-reply {
	float: right;
	margin: 5px 90px 0 0;
}

/* ---------------------------
08 Pagination
----------------------------*/
	
.pagination {
	width: 525px;
	padding: 20px 0 0 0;	
	clear: both;
	font-weight: bold;
	margin: 0 0 0 40px;
}

.pagination-prev a,
.pagination-next a,
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .pages,
.older-comments,
.newer-comments {
	display: block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin: 0 5px 0 0;
	padding: 0 8px;	
	text-align: center;
	text-decoration: none;	
}

.pagination-prev a:hover,
.pagination-next a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi .current {
}

.pagination-prev a,
.pagination-next a {
	float: none;
	margin: 0px;
}

.pagination-prev,
.pagination-next {
	float: left;
	width: auto;
	margin: 0px;
}

.pagination-prev {
	float: right;
}

.wp-pagenavi .pages {
	float: right;
	margin: 0px;
}

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

#content .button,
#sidebar .button,
#footer .button,
#searchsubmit  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: 12px;
	background: #333 url(images/btn_bkg.png) repeat-x;	
	color: #fff!important;
	display: inline-block;	
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	position: relative;
	cursor: pointer;
	font-weight: bold;	
	padding: 4px 15px 5px;
	margin: 0 5px 0 0;
	border: 1px solid rgba(0,0,0,.25);	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		
}

#searchsubmit {
	background: transparent url(images/search.png) center no-repeat;
	border:none;
	text-indent:-999em;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	width:20px; height:20px;
	overflow:hidden;
	line-height:0px;
	display:inline-block;
}

.button.small,
#searchsubmit {
	padding: 4px 10px !important;
	font-size: 11px !important;	
}

#content .button:hover,
#sidebar .button:hover,
#footer .button:hover,
#searchsubmit:hover {
	background-color: #555;
}

/* ---------------------------
10 Sidebar
----------------------------*/

#sidebar {
	color: #333;
}

.sidebarBox {	
	position: relative;
	margin: 0 0 30px 0;	
}

.sidebarBox h3 {		
	font-size: 20px;	
}

#sidebar a {	
	color: #333;		
}

#sidebar a:hover{
	color: #555;
}

#sidebar p a{
	text-decoration: none;
	color: #69555e;	
}

#sidebar p a:hover {
	color: #3896f5;
	text-decoration: none;
}

.widget_tia_facebook iframe {
	background: #eee;
}

/* ---------------------------
11 Widgets
----------------------------*/

#content .widgetBox h3,
#sidebar .widgetBox h3,
#footer .widgetBox h3 {
	margin-bottom: 10px;
	font-size: 20px;
}

.miniFeature64 .icon{	
	position: absolute; left: 0px; top: 0px;	
}

#content .miniFeature64 h3,
#sidebar .miniFeature64 h3,
#footer .miniFeature64 h3{
	font-size: 20px;
	line-height: 1.2em;
	margin-left: 80px;
	margin-bottom: 10px;
}

.miniFeature64 p{	
	line-height: 1.4em;
	margin: 0 0 10px 80px;
}

.miniFeature32 .icon{	
	position: absolute;
	left: 0px; top: -7px;	
}

.miniFeature32 h3{
	font-size: 20px;	
	padding: 0px 0 0px 45px;		
}

.miniFeature32 p{
	margin: 0px 0 10px 0px;
}

#s {
	width: 150px;
} /* search button, see buttons above */

#sidebar ul, #footer ul, #content .contentBox ul {
	margin: 0;
	padding: 0;	
	line-height: 1em;
	background: none;	
}

#sidebar ul li, #footer ul li, #content .contentBox ul li {
	padding: 8px 0 9px 0;
	margin: 0;
	line-height: 1em;
	background: none;	
}

#sidebar ul li p, #footer ul li p, .contentBox ul li p {
	line-height: 1.3em;
	margin: 0;
}

#sidebar ul li h2, #footer ul li h2, .contentBox ul h2 {
	font-size: 13px;
	margin: 0 0 0px 0 !important;
	font-weight: bold;
	padding: 0 !important;	
	line-height: 1em!important;
}



#sidebar ul li span, 
#footer ul li span, 
#content .contentBox ul li span {	
	padding: 0;
	margin: 0 !important;
}

#sidebar ul li a, 
#footer ul li a, 
.contentBox ul li a {	
	color: #777;	
}

#sidebar ul li a:hover,
#footer ul li a:hover {
	color: #999;
}

#sidebar .widget_nav_menu ul,
#footer .widget_nav_menu ul,
#sidebar .widget_pages ul,
#footer .widget_pages ul,
#sidebar .widget_categories ul,
#footer .widget_categories ul{
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar .widget_nav_menu li,
#footer .widget_nav_menu li,
#sidebar .widget_pages li,
#footer .widget_pages li,
#footer .widget_categories li{
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	background: transparent url(images/list_item_marker.png) 0 4px no-repeat;
	border: none;	
}


/*Recent Posts Widget------------------*/

#content .tia_recent_posts .meta,
#sidebar .tia_recent_posts .meta,
#footer .tia_recent_posts .meta {
	margin: 0 0 7px 0 !important;
	display: block;
	padding: 0;	
}

#content .tia_recent_posts h2 a,
#footer .tia_recent_posts h2 a {
	color: #333;
}

#content .tia_recent_posts h2 a:hover,
#footer .tia_recent_posts h2 a:hover {
	color: #555;
}

#sidebar ul.recentPostsSidebar, #sidebar ul.recentPostsSidebar li {
	border:none;
}
#sidebar ul.recentPostsSidebar li {
	padding:0;
	margin: 0 0 7px 0;
	height:35px;
	font-size:12px;
	display:table;
}

#sidebar ul.recentPostsSidebar a {
	display:block;
}

#sidebar ul.recentPostsSidebar a,
#sidebar ul.recentPostsSidebar h2 {
	color:#777;
}

#sidebar ul.recentPostsSidebar li:hover {
	opacity:0.4;filter:alpha(opacity=40)
}

#sidebar ul.recentPostsSidebar span, #sidebar ul.recentPostsSidebar h2 {
	float:left;
}

#sidebar ul.recentPostsSidebar img {
	background:#fff;
	padding:2px;
	border:1px solid #e4e4e4;
}


#sidebar ul.recentPostsSidebar h2 {
	float:right;
	width:80%;
}

#sidebar ul.recentPostsSidebar span {
	margin-right:10px;
	border:#dbdad8 solid 2px;
	width:50px;
}

.recentSidebarPost {
	border-bottom: 1px solid #dbdad8;
	padding: 10px 0 10px 0;	
}

.recentSidebarPost h2 {
	font-size: 14px !important;
	margin: 0;
}

.feedLink {
	padding: 0;
	margin: 0 0 15px 0;
}

.feedLink a{
	background: transparent url(images/icons/feed_16.png) 0 0px no-repeat;
	font-weight: bold;
	padding: 0 0 0 25px;
}

#content .feedLink a,
#footer .feedLink a {
	color: #686868;
}

#content .feedLink a:hover,
#footer .feedLink a:hover {
	color: #2c2c2c;
}

.popular-posts .wpp-thumbnail {
	float:left;
	background:#fff;
	margin-right:6px;
	padding:2px;
	border: solid 1px #e4e4e4;
}

#sidebar .popular-posts ul {
	border:none;
}

#sidebar .popular-posts ul li {
	height:30px;
	margin: 0 0 7px 0;
	padding:0;
	border: none;
}

/* Categories and Tag Widgets */

#sidebar .widget_categories ul li,
#sidebar .widget_tag_cloud a
{
	display: inline-block;
	font-size:12px !important;
	margin: 0 auto;
	width: 95px;
	border:0px;
	margin: 5px 0;
	padding: 0;
	zoom: 1;
	*display:inline;
}

#sidebar .widget_categories a {
	display:block;
	color:#333;
}

#sidebar .widget_categories a:hover,
.widget_tag_cloud a:hover {
	color:#555;
}

/*Calendar Widget--------------------*/
table#wp-calendar {
	width: 100%;
}

table#wp-calendar td, table#wp-calendar th{
	text-align: left;
}

table#wp-calendar td {	
	padding-top: 10px;
	color: #888888;
}

table#wp-calendar td a{
	font-weight: bold;
	color: #686868;
}

table#wp-calendar td a:hover{
	font-weight: bold;
	color: #2c2c2c;
}

#wp-calendar caption {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdad8;
	font-size: 14px;	
	font-weight: bold;	
}




/*Twitter Widget--------------------*/

#twitter_div{
	margin: 0 0 10px 0;
}

#twitter_div li{
	line-height: 1.4em !important;	
}

#twitter_div li a{
	font-weight: bold;
}

.twitterLink a{
	background: transparent url(images/icons/twitter_16.png) 0 0px no-repeat;	
	padding: 0 0 0 25px;
	font-weight: bold;
}



/* ---------------------------
12 Footer
----------------------------*/

#footer .main{
	width: 938px;		
	border-bottom: 1px solid #d6d7d6;
	
	clear: both;
	padding: 20px 0 0 0;	
	margin: 0 0 25px 0;
}

#footer .oneThird {
	width:260px;
}

.footerBox{
	margin: 0 0 25px 40px;	
	float: left;
	position: relative;
}

#footer h1, #footer h2, #footer h3, #footer h4{
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}

#footer a {	
	color: #69555E;
	text-decoration:underline;
}

#footer a:hover{
	color: #595959;
}

.footerBox p{			
	padding: 0;	
}

.footerBox p img{			
	border-color: #d6d6d6;
}


#footer .secondary {
	margin: 0 40px;
	color: #656565;	
	font-size:11px;
}


#footer .secondary a {
	color: #555;
	text-decoration:none
}

#footer .secondary a:hover {
	color: #999;
	text-decoration: none;	
}

#footer .secondary .copyright {
	float: left;
}

#footer .secondary .credit {
	float: right;
}

#footer a {
	text-decoration:none
}


/* ---------------------------
13 Custom and Override CSS
----------------------------*/

/* Background */
body.dark {	
	background: #333 url(images/bgrepeatdark.jpg) repeat;	
	color: #999;
}
.dark #header h1 a {text-shadow: 0 1px 1px rgba(0,0,0,1); color:#777;}
.dark #header h1 a:hover {color:#999;}
.dark #slider {background:url(images/preloadDark.gif) no-repeat 50% 50%;}
.dark #sidebar {color:#555;}
.dark #mainNav {border-top:#222 solid 2px;}
.dark #header {border-bottom:#222 solid 2px;}
.dark #main {border-bottom: #111 solid 1px;}
.dark #footer .main {border-top: #222 solid 1px; border-bottom: #222 1px solid;}
.dark #footer h1, .dark #footer h2, .dark #footer h3, .dark #footer h4 {
	text-shadow: 0 1px 1px rgba(0,0,0,1);
}

body.light {	
	background: url(images/bgrepeat.jpg) repeat;	
}


/* ---------------------------
14 Customize Social Icons
----------------------------*/
#socialNetworks a {width:20px; height:20px; display:inline-block; overflow:hidden; margin:0; padding:0;}
#socialNetworks span { display:block; clear:right; padding-bottom:0; margin-bottom:0;}

.black_and_white #facebook { background: url(images/icons/black_and_white/facebook-20.png) no-repeat center; }
.black_and_white #facebook:hover { background: url(images/icons/color/facebook-20.png) no-repeat center; }
.color #facebook { background: url(images/icons/color/facebook-20.png) no-repeat center; }
.color #facebook:hover { background: url(images/icons/black_and_white/facebook-20.png) no-repeat center; }	

.black_and_white #twitter { background: url(images/icons/black_and_white/twitter-20.png) no-repeat center; }
.black_and_white #twitter:hover { background: url(images/icons/color/twitter-20.png) no-repeat center; }
.color #twitter { background: url(images/icons/color/twitter-20.png) no-repeat center; }
.color #twitter:hover { background: url(images/icons/black_and_white/twitter-20.png) no-repeat center; }	

.black_and_white #flickr { background: url(images/icons/black_and_white/flickr-20.png) no-repeat center; }
.black_and_white #flickr:hover { background: url(images/icons/color/flickr-20.png) no-repeat center; }
.color #flickr { background: url(images/icons/color/flickr-20.png) no-repeat center; }
.color #flickr:hover { background: url(images/icons/black_and_white/flickr-20.png) no-repeat center; }	

.black_and_white #tumblr { background: url(images/icons/black_and_white/tumblr-20.png) no-repeat center; }
.black_and_white #tumblr:hover { background: url(images/icons/color/tumblr-20.png) no-repeat center; }
.color #tumblr { background: url(images/icons/color/tumblr-20.png) no-repeat center; }
.color #tumblr:hover { background: url(images/icons/black_and_white/tumblr-20.png) no-repeat center; }	

.black_and_white #behance { background: url(images/icons/black_and_white/behance-20.png) no-repeat center; }
.black_and_white #behance:hover { background: url(images/icons/color/behance-20.png) no-repeat center; }
.color #behance { background: url(images/icons/color/behance-20.png) no-repeat center; }
.color #behance:hover { background: url(images/icons/black_and_white/behance-20.png) no-repeat center; }

.black_and_white #deviantart { background: url(images/icons/black_and_white/deviantart-20.png) no-repeat center; }
.black_and_white #deviantart:hover { background: url(images/icons/color/deviantart-20.png) no-repeat center; }
.color #deviantart { background: url(images/icons/color/deviantart-20.png) no-repeat center; }
.color #deviantart:hover { background: url(images/icons/black_and_white/deviantart-20.png) no-repeat center; }

.black_and_white #linkedin { background: url(images/icons/black_and_white/linkedin-20.png) no-repeat center; }
.black_and_white #linkedin:hover { background: url(images/icons/color/linkedin-20.png) no-repeat center; }
.color #linkedin { background: url(images/icons/color/linkedin-20.png) no-repeat center; }
.color #linkedin:hover { background: url(images/icons/black_and_white/linkedin-20.png) no-repeat center; }

.black_and_white #reddit { background: url(images/icons/black_and_white/reddit-20.png) no-repeat center; }
.black_and_white #reddit:hover { background: url(images/icons/color/reddit-20.png) no-repeat center; }
.color #reddit { background: url(images/icons/color/reddit-20.png) no-repeat center; }
.color #reddit:hover { background: url(images/icons/black_and_white/reddit-20.png) no-repeat center; }

.black_and_white #delicious { background: url(images/icons/black_and_white/delicious-20.png) no-repeat center; }
.black_and_white #delicious:hover { background: url(images/icons/color/delicious-20.png) no-repeat center; }
.color #delicious { background: url(images/icons/color/delicious-20.png) no-repeat center; }
.color #delicious:hover { background: url(images/icons/black_and_white/delicious-20.png) no-repeat center; }

.black_and_white #digg { background: url(images/icons/black_and_white/digg-20.png) no-repeat center; }
.black_and_white #digg:hover { background: url(images/icons/color/digg-20.png) no-repeat center; }
.color #digg { background: url(images/icons/color/digg-20.png) no-repeat center; }
.color #digg:hover { background: url(images/icons/black_and_white/digg-20.png) no-repeat center; }

.black_and_white #friendfeed { background: url(images/icons/black_and_white/friendfeed-20.png) no-repeat center; }
.black_and_white #friendfeed:hover { background: url(images/icons/color/friendfeed-20.png) no-repeat center; }
.color #friendfeed { background: url(images/icons/color/friendfeed-20.png) no-repeat center; }
.color #friendfeed:hover { background: url(images/icons/black_and_white/friendfeed-20.png) no-repeat center; }

.black_and_white #stumbleupon { background: url(images/icons/black_and_white/stumbleupon-20.png) no-repeat center; }
.black_and_white #stumbleupon:hover { background: url(images/icons/color/stumbleupon-20.png) no-repeat center; }
.color #stumbleupon { background: url(images/icons/color/stumbleupon-20.png) no-repeat center; }
.color #stumbleupon:hover { background: url(images/icons/black_and_white/stumbleupon-20.png) no-repeat center; }

.black_and_white #vimeo { background: url(images/icons/black_and_white/vimeo-20.png) no-repeat center; }
.black_and_white #vimeo:hover { background: url(images/icons/color/vimeo-20.png) no-repeat center; }
.color #vimeo { background: url(images/icons/color/vimeo-20.png) no-repeat center; }
.color #vimeo:hover { background: url(images/icons/black_and_white/vimeo-20.png) no-repeat center; }

.black_and_white #designfloat { background: url(images/icons/black_and_white/designfloat-20.png) no-repeat center; }
.black_and_white #designfloat:hover { background: url(images/icons/color/designfloat-20.png) no-repeat center; }
.color #designfloat { background: url(images/icons/color/designfloat-20.png) no-repeat center; }
.color #designfloat:hover { background: url(images/icons/black_and_white/designfloat-20.png) no-repeat center; }

.black_and_white #blogger { background: url(images/icons/black_and_white/blogger-20.png) no-repeat center; }
.black_and_white #blogger:hover { background: url(images/icons/color/blogger-20.png) no-repeat center; }
.color #blogger { background: url(images/icons/color/blogger-20.png) no-repeat center; }
.color #blogger:hover { background: url(images/icons/black_and_white/blogger-20.png) no-repeat center; }

.black_and_white #google { background: url(images/icons/black_and_white/google-20.png) no-repeat center; }
.black_and_white #google:hover { background: url(images/icons/color/google-20.png) no-repeat center; }
.color #google { background: url(images/icons/color/google-20.png) no-repeat center; }
.color #google:hover { background: url(images/icons/black_and_white/google-20.png) no-repeat center; }

.black_and_white #youtube { background: url(images/icons/black_and_white/youtube-20.png) no-repeat center; }
.black_and_white #youtube:hover { background: url(images/icons/color/youtube-20.png) no-repeat center; }
.color #youtube { background: url(images/icons/color/youtube-20.png) no-repeat center; }
.color #youtube:hover { background: url(images/icons/black_and_white/youtube-20.png) no-repeat center; }

.black_and_white #rss { background: url(images/icons/black_and_white/rss-20.png) no-repeat center; }
.black_and_white #rss:hover { background: url(images/icons/color/rss-20.png) no-repeat center; }
.color #rss { background: url(images/icons/color/rss-20.png) no-repeat center; }
.color #rss:hover { background: url(images/icons/black_and_white/rss-20.png) no-repeat center; }