/*
Theme Name: Colorcubic
Theme URI: http://colorcubic.com
Description: Theme for Colorcubic
Version: 2.0
Author: Colorcubic
Author URI: http://colorcubic.com
Tags: black, ajax, custom header, fixed width, three columns, widgets
*/



/* BODY & HEADER **********************************************************/

body {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	color: #aaaaaa;
	text-align: center;
	background: #313131;
	}

#container {
	/*background: #313131;*/
	padding: 0 6px 0 6px;
	width: 950px;
	margin: 0 auto;
	}

#page {
	margin: 0 auto 0 auto;
	width: 950px;
	border: none;
	text-align: left;
	padding: 74px 0 0 0;
	}

#header-fixed {
	height: 62px;
	width: 100%;
	background: #141211;
	position: fixed;
	z-index: 20;
	border-bottom: 1px solid #313131;
	margin: 0 0 12px 0;
	}
	
#header-container {
	width: 950px;
	margin: 0 auto;
	}

#header {
	height: 50px;
	width: 950px;
	padding: 6px 0 6px 0;
	}

#logo {
	margin: 0 6px 0 0;
	height: 50px;
	width: 50px;
	position: absolute;
	}
#logo-home {
	height: 50px;
	width: 50px;
	margin: 0 0 0 0;
	padding: 0;
	}
#logo-home li {
	margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
    top: 0;
    text-indent: -9999px;
	}
#logo-home li, #logo-home a {
    height: 50px; 
    display: block;
    }	
#logo-btn {
	background: url(images/sprites.png) 0 0;
	width: 50px;
	height: 50px;
	}


#header-bar {
	height: 50px;
	width: 894px;
	background: url(images/sprites.png) -56px 0;
	float: right;
	margin: 0 0 6px 0;
	}

#content {
	font-size: 1.2em;
	}

.six {
	padding: 12px;
	background: #141211;
	margin: 0 0 1px 0;
	}

.advert {
	margin: 0 0 12px 0;
	}

/* MAIN MENU ************************************************************/
#menu {
    height: 12px;
    margin: 18px 0 0 0;
    width: 423px;
    float: right;
    }

ul#nav {
    position:absolute;
    width: 423px;
    height:12px;
    margin: 0;
    padding: 0;
    /*top: 124px;*/
    /*overflow: hidden;*/
    background: transparent url(images/mainmenu.gif) no-repeat 0 0;
    }
ul#nav li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;   
    }
ul#nav li a {
    border:0;
    display:block;
    text-decoration:none;
    background: transparent url(images/mainmenu.gif) no-repeat;
    }

/* Dimensions of menu items */
li#nav-home a {
    width:48px;
    height:12px;
    }
li#nav-work a {
    width:50px;
    height:12px;
    }
li#nav-shop a {
    width:48px;
    height:12px;
    }     
li#nav-filter a {
    width:51px;
    height:12px;
    }
li#nav-about a {
    width:54px;
    height:12px;
    }     
li#nav-contact a {
    width:64px;
    height:12px;
    }
li#nav-search a {
    width:73px;
    height:12px;
    }
li#nav-rss a {
    width:35px;
    height:12px;
    }
        

/* Rollover functions */
/* HOME */
li#nav-home a:link, li#nav-home a:visited {   
    background-position: 0 0;
    }
li#nav-home a:hover, li#nav-home a:focus {
    background-position: 0 -12px;
    }
/* WORK */
li#nav-work a:link, li#nav-work a:visited {   
    background-position: -48px 0;
    }
li#nav-work a:hover, li#nav-work a:focus {   
    background-position: -48px -12px;
    }
/* SHOP */
li#nav-shop a:link, li#nav-shop a:visited {   
    background-position: -98px 0;
    }
li#nav-shop a:hover, li#nav-shop a:focus {   
    background-position: -98px -12px;
    }
/* FILTER */
li#nav-filter a:link, li#nav-filter a:visited {   
    background-position: -146px 0;
    }
li#nav-filter a:hover, li#nav-filter a:focus {   
    background-position: -146px -12px;
    }
/* ABOUT */
li#nav-about a:link, li#nav-about a:visited {   
    background-position: -197px 0;
    }
li#nav-about a:hover, li#nav-about a:focus {   
    background-position: -197px -12px;
    }
/* CONTACT */
li#nav-contact a:link, li#nav-contact a:visited {   
    background-position: -251px 0;
    }
li#nav-contact a:hover, li#nav-contact a:focus {   
    background-position: -251px -12px;
    }
/* SEARCH */
li#nav-search a:link, li#nav-search a:visited {   
    background-position: -315px 0;
    }
li#nav-search a:hover, li#nav-search a:focus {   
    background-position: -315px -12px;
    }
/* RSS */
li#nav-rss a:link, li#nav-rss a:visited {   
    background-position: -388px 0;
    }
li#nav-rss a:hover, li#nav-rss a:focus {   
    background-position: -388px -12px;
    }



/* COLUMNS ************************************************************/

.narrowcolumn {
	float: left;
	padding: 0;
	margin: 0 12px 0 0;
	width: 678px;
	}

#featured {
	height: 236px;
	width: 678px;
	background: #131211;
	margin: 0 0 12px 0;
	overflow: none;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	line-height: 1.6em;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
	}

.post {
	background: #141211;
	width: 678px;
	text-align: justify;
	margin: 0 0 12px 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 2px solid #808080;
	}
.post-single {
	background: #141211;
	width: 678px;
	text-align: justify;
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
	overflow: hidden;
	position: relative;
	border-bottom: 2px solid #808080;
	margin: 0 0 1px 0;
	}
.post-thumb {
	background: #313131;
	float: left;
	height: 150px;
	width: 150px;
	margin: 0 12px 0 0;
	}
.post-title {
	border-bottom: 1px solid #313131;
	padding: 12px 0 0 0;
	margin: 0 12px 0 12px;
	overflow: hidden;
	/*background: url(images/dot.gif) no-repeat 0 6px;*/
	}
.dropcap {
	font-size: 3.5em;
	float: left;
	margin: 12px 3px 0 0;
	font-family: Georgia, Times New Roman;
	text-transform: uppercase;
	font-weight: normal;
	}
.post-header-hr {
	border-bottom: 1px solid #313131;
	font-size: 1.1em;
	font-family: Georgia, Arial, Tahoma, Trebuchet MS;
	width: 472px;
	color: #FFFFFF;
	margin: 12px 0 12px 0;
	text-transform: uppercase;
	letter-spacing: .2em;
	}	

.pagetitle-box {
	background: #141211;
	padding: 6px;
	margin: 0 0 6px 0;
	}

.archive-title {
	background: #141211;
	padding: 10px 12px;
	overflow:hidden;
	margin-bottom:12px;
	}

.page-title-inspiration {
	background: #141211;
	padding: 10px 12px;
	margin-bottom: 12px;
	}	

.page-title {
	background: #141211;
	padding: 10px 12px;
	margin-bottom: 1px;
	}	
.entry-page p {
	margin: 0 0 12px 0;
	line-height: 1.7em;
	}
.entry-page {
	margin: 0 0 12px 0;
	font-size: 1.05em;
	width: 654px;
	padding: 12px 12px 0 12px;
	line-height: 1.7em;
	background: #141211;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	overflow: hidden;
	border-bottom: 2px solid #808080;
	}
	
#services {
	margin: 0 0 12px 0;
	font-size: 1.05em;
	width: 654px;
	padding: 12px 12px 0 12px;
	line-height: 1.7em;
	background: #141211;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	overflow: hidden;
	border-bottom: 2px solid #808080;
	}
#services-col1 {
	float: left;
	width: 202px;
	list-style: none;
	margin: 24px 0 3px 0;
	font-size: .85em;
	}
#services-col2 {
	float: left;
	width: 202px;
	margin: 24px;
	list-style: none;
	font-size: .85em;
	}
#services-col3 {
	float: left;
	width: 202px;
	list-style: none;
	margin: 24px 0 3px 0;
	font-size: .85em;
	}
#services-col1 li, #services-col2 li, #services-col3 li {
	list-style: none;
	margin: 0;
	padding: 2px 6px;
	border-bottom: 1px solid #262626;
	}

		
.marginalia-header {
	height: 25px;
	border-left: 1px solid #313131;
	padding: 0 0 0 12px;
	float: right;
	width: 169px;
	}
.post-results {
	height: 23px;
	border-left: 1px solid #313131;
	padding: 2px 12px 0 12px;
	float: right;
	text-align: center;
	font-weight: normal;
	font-size: .85em;
	}
	
.comments-right {
	float: right;
	margin: 3px 0 0 0;
	}
.comment-icon {
	background: url(images/sprites.png) -973px 0;
	height: 10px;
	width: 11px;
	margin: 1px 3px 0 0;
	float: left;
	}
	
	
.rate-read {
	position: absolute;
	margin: 145px 0 0 161px;
	font-size: .8em;
	width: 305px;
	}
#rate-single {
	text-align: center;
	margin: 0 0 6px 0;
	font-style: italic;
	font-family: georgia;
	font-size: 1.1em;
	text-transform: lowercase;
	color: #AD271F;
	}
#like-this {
	margin: -3px 0 0 3px;
	font-size: .85em;
	}
	
.read-more {
	margin: 0 0 0 3px;
	}
.post-footer {
	/*height: 6px;*/
	height: 2px;
	width: 678px;
	background: url(images/sprites.png) 0 -98px;
	clear: both;
	}
.inspiration-footer {
	/*height: 6px;*/
	height: 2px;
	width: 218px;
	background: url(images/sprites.png) 0 -106px;
	margin: 0 0 12px 0;
	clear: both;
	}
.post-footer-hr {
	border-top: 1px solid #313131;
	border-bottom: 1px solid #313131;
	height: 2px;
	width: 654px;
	clear: both;
	margin: 0 auto;
	}
.post-ratings-image {
	margin: 0 0 0 0;
	}
.post-ratings {
	margin: 3px 0 0 0;
	}

.entry {
	margin: 2px 0 0 12px;
	font-size: .95em;
	width: 460px;
	padding: 12px 12px 12px 0;
	line-height: 1.7em;
	float: left;
	background: #141211;
	border-top: 1px solid #313131;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	}
.cont-reading {
	margin: 18px 0 0 0;
	text-align: center;
	}
.marginalia {
	width: 181px;
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
	border-left: 1px solid #313131;
	min-height: 175px;
	text-align: left;
	}
.m-info {
	padding: 10px 0 10px 12px;
	border-top: 1px solid #313131;
	overflow: hidden;
	}
.icon-file {
	height: 9px;
	width: 11px;
	background: url(images/sprites.png) -990px 0;
	float: left;
	margin: 1px 0 0 5px;
	}
.icon-comment {
	float: left;
	background: url(images/sprites.png) -973px 0;
	height: 10px;
	width: 11px;
	margin: 1px 0 0 5px;
	}
.icon-tag {
	height: 7px;
	width: 15px;
	background: url(images/sprites.png) -1007px 0;
	float: left;
	margin: 2px 0 0 5px;
	}
.icon-time {
	height: 11px;
	width: 11px;
	background: url(images/sprites.png) -1027px 0;
	float: left;
	margin: 3px 0 0 5px;
	}

#entry-single {
	margin: 2px 0 0 12px;
	font-size: 1em;
	width: 460px;
	padding: 12px 12px 0 0;
	line-height: 1.7em;
	float: left;
	background: #141211;
	border-top: 1px solid #313131;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	border-right: 1px solid #313131;
	min-height: 500px;
	}
	

	


#marginalia-single {
	width: 181px;
	margin: 2px 0 12px 0;
	padding: 0;
	float: left;
	min-height: 500px;
	text-align: left;
	}
.marginalia-bottom {
	width: 181px;
	margin: 2px 0 12px 0;
	padding: 0;
	text-align: left;
	bottom: 3px;
	position: absolute;
	display: block;
	}


#entry-single p {
	margin: 0 0 12px 0;
	}

.postmetadata {
	clear: both;
	}

.clear {
	clear: both;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	/* background-color: #f8f8f8; */
	}
.thread-even {
	/* background-color: white; */
	}

.depth-1 {
	/* border: 1px solid #ddd; */
	}

.even, .alt {
	/* border-left: 1px solid #ddd; */
	}

.catbg a:link {
	background: #313131;
	float:left;
	margin: 0 5px 0 0;
	position: relative;
	padding: 3px 6px 3px 6px;
	/*border-left: 3px solid #aaaaaa;*/
	text-decoration: none;
	text-transform: uppercase;
	color: #aaaaaa;
	}
.catbg a:hover {
	/*border-left: 3px solid #ad271f;*/
	background: #484848;
	color: #D1E4EC;
	}	
.categorystyle {
	border-top: 1px dotted #5f5e5e;
	font-size: 8px;
	margin: 0 0 0 6px;
	padding: 6px 0;
	width: 460px;
	float: left;
	}
.categorystyle-single {
	border-top: 1px dotted #5f5e5e;
	font-size: 8px;
	margin: 0 0 0 0;
	padding: 6px 0;
	width: 460px;
	float: left;
	}
.cat-listing {
	font-style: italic;
	font-size: .95em;
	font-family: Georgia;
	text-transform: lowercase;
	float: left;
	margin: 2px 0 0 0;
	line-height: 1.4em;
	color: #757575;
	}
.metadata {
	font-style: italic;
	font-size: .9em;
	font-family: Georgia;
	text-transform: lowercase;
	float: left;
	margin: 2px 0 0 0;
	line-height: 1.4em;
	color: #757575;
	}
.metadata a {
	color: #aaaaaa;
	}
.metadata a:hover {
	color: #aaaaaa;
	}


#meta-stuff {
	border-top: 1px dotted #373737;
	padding: 10px 0 0 0;
	color: #484848;
	}
#meta-stuff a {
	color: #484848;
	}

#previous-next {
	overflow: hidden;
	margin: 1px 0 12px 0;
	padding: 0;
	}
#previous-post {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: 338px;
	}
#prev-inner {
	background: #141211;
	padding: 6px 12px 7px 12px;
	min-height: 15px;
	text-align: right;
	width: 314px;
	}
#next-post {
	float: right;
	margin: 0 1px 0 0;
	padding: 0;
	width: 338px;
	}
#next-inner {
	background: #141211;
	padding: 6px 12px 7px 12px;
	min-height: 15px;
	text-align: left;
	width: 315px;
	}

	
.prev-btn {
	margin: 0 6px -1px 0;
	float: left;
	}
.next-btn {
	margin: 0 0 -1px 6px;
	float: right;
	}

.rounded-left-top {
	height: 3px;
	width: 338px;
	background: url(images/rounded-left-top.gif);
	}
.rounded-left-bottom {
	height: 3px;
	width: 338px;
	background: url(images/rounded-left-bottom.gif);
	}

.rounded-right-top {
	height: 3px;
	width: 339px;
	background: url(images/rounded-right-top.gif);
	}
.rounded-right-bottom {
	height: 3px;
	width: 339px;
	background: url(images/rounded-right-bottom.gif);
	}
	
	
	

/* SIDEBAR ************************************************************/

#sidebar {
	padding: 0;
	margin: 0;
	width: 260px;
	float: left;
	}

#sidebar2 {
	padding: 0;
	margin: 0 0 0 0;
	width: 206px;
	float: left;
	}

/* WHAT IS COLORCUBIC */
#what-is-colorcubic {
	margin: 0 0 6px 0;
	background: #141211;
	width: 260px;
	}
#title-what-is {
	height: 23px;
	width: 260px;
	background: url(images/sprites.png) 0 -96px;
	border-bottom: 1px solid #313131;
	}
.sidebar-min-height {
	/*min-height: 64px;*/
	padding: 3px 6px 6px 6px;
	text-align: left;
	font-size: .9em;
	line-height: 1.6em;
	}

/* CONTACT US */	
#contact-colorcubic {
	margin: 0 0 6px 0;
	background: #141211;
	width: 260px;
	}
#title-contact {
	height: 23px;
	width: 260px;
	background: url(images/sprites.png) -478px -96px;
	border-bottom: 1px solid #313131;
	}

/* NEWSLETTER */
#newsletter {
	margin: 0 0 6px 0;
	background: #141211;
	width: 248px;
	padding: 6px;
	}
input.MailPressFormEmail {
	width: 170px;
	border: 0;
	float: left;
	padding: 8px 6px 4px 3px;
	margin: -12px 8px 12px 0;
	background: none;
	border-bottom: 1px dotted #505050;
	color: #aaaaaa;
	font-size: 1.3em;
	font-style: italic;
	font-family: Georgia, Arial, Tahoma, Trebuchet MS;
	}
input.MailPressFormSubmit {
	cursor: pointer;
	border:none;
	background:none;
	color:#AD271F;
	font-style:italic;
	font-size: 1.3em;
	font-family: Georgia, Arial, Tahoma, Trebuchet MS;
	margin: 0 0 0 0;
	padding: 0 3px;
	}

#contact-twitter {
	margin: 0 0 6px 0;
	background: #141211;
	width: 260px;
	min-height: 97px;
	}
#title-twitter {
	width: 236px;
	margin: 0 0 1px 0;
	padding: 9px 12px;
	background: #141211;
	font-size: 1.4em;
	color: #FFFFFF;
	border-bottom: 1px solid #313131;
	overflow: hidden;
	}


/* SUBMIT CONTENT */
	
#title-submit {
	width: 236px;
	margin: 12px 0 1px 0;
	padding: 9px 12px;
	background: #141211;
	font-size: 1.4em;
	color: #FFFFFF;
	/*border-bottom: 1px solid #313131;*/
	overflow: hidden;
	}
#submit-content {
	background: #141211;
	width: 236px;
	margin: 0 0 12px 0;
	padding: 12px;
	line-height: 1.6em;
	font-size: 1.05em;
	border-bottom:2px solid #808080;
	}
	
	
/* NEWSLETTER */	

#title-newsletter {
	width: 236px;
	margin: 0 0 1px 0;
	padding: 9px 12px;
	background: #141211;
	font-size: 1.4em;
	color: #FFFFFF;
	/*border-bottom: 1px solid #313131;*/
	overflow: hidden;
	}
#submit-newsletter {
	background: #141211;
	width: 236px;
	margin: 0 0 12px 0;
	padding: 12px;
	line-height: 1.6em;
	font-size: .95em;
	border-bottom:2px solid #808080;
	}	

/* CONNECT WITH US */
#connect {
	margin: 0 0 6px 0;
	background: #141211;
	width: 260px;
	}
#title-connect {
	height: 23px;
	width: 260px;
	background: url(images/sprites.png) 0 -125px;
	border-bottom: 1px solid #313131;
	}
#social {
	padding: 12px 0 12px 24px;
	}


/* CALLOUT BOX */
#callout1 {
	margin: 0 0 6px 0;
	background: #141211;
	width: 260px;
	}

/* RESPECTED POSTS */
#title-popular {
	width: 236px;
	/*background: url(images/sprites.png) -265px -55px;*/
	margin: 0 0 1px 0;
	padding: 9px 12px;
	background: #141211;
	font-size: 1.4em;
	color: #FFFFFF;
	overflow: hidden;
	}
#respected-container {
	width: 260px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}	
.respected {
	height: 100px;
	width: 260px;
	background: #141211;
	margin: 0 0 0 0;
	}
#respected-navi {
	width: 260px;
	text-align: center;
	margin: 0 0 -49px 0;
	}
.respected-arrow {
	background: url(images/respected-arrow.png) no-repeat;
	height: 38px;
	width: 19px;
	position: absolute;
	margin: 30px 0 0 75px;
	}
.respected-ratings {
	position: absolute;
	margin: -18px 0 0 103px;
	background: #141211;
	text-align: right;
	}	
.respected-img {
	height: 100px;
	width: 100px;
	background: #141211;
	float: left;
	border-right: 1px solid #313131;
	}
.respected-title {
	width: 99px;
	float: left;
	padding: 0 30px;
	text-align: center;
	}
	
.pop-thumb {
	float: right;
	margin: 12px;
	}


/* BLOGROLL */
#blogroll {
	margin: 0 0 12px 0;
	background: #141211;
	width: 260px;
	}
#title-blogroll {
	width: 236px;
	margin: 0 0 1px 0;
	padding: 9px 12px;
	background: #141211;
	font-size: 1.4em;
	color: #FFFFFF;
	border-bottom: 1px solid #313131;
	overflow: hidden;
	}
#blogroll-container {
	padding: 6px 6px 0 6px;
	font-size: 1.05em;
	/*
	font-family: Georgia, 'Lucida Grande', Arial, Tahoma, Trebuchet MS;
	font-style: italic;
	*/
	list-style: none;
	border-bottom: 2px solid #808080;
	margin: 0 0 0 0;
	}
#blogroll li a {
	background: #191817;
	display: block;
	text-decoration: none;
	padding: 2px 2px 2px 6px;
	color: #808080;
	margin: 0 0 6px 0;
	}
#blogroll li a:hover {
	background: #313131;
	color: #6BABA1;
	}
	

	
#title-mentioned {
	width: 654px;
	margin: 0 0 1px 0;
	padding: 9px 12px;
	background: #141211;
	color: #FFFFFF;
	border-bottom: 1px solid #313131;
	}
#mentioned-container {
	padding: 6px 6px 0 6px;
	font-size: .9em;
	/*
	font-family: Georgia, 'Lucida Grande', Arial, Tahoma, Trebuchet MS;
	font-style: italic;
	*/
	}
#mentioned {
	margin: 0 0 12px 0;
	background: #141211;
	width: 678px;
	list-style: none;
	border-bottom: 2px solid #808080;
	}
#mentioned li a {
	background: #191817;
	display: block;
	text-decoration: none;
	padding: 2px 2px 2px 6px;
	color: #808080;
	list-style: none;
	margin-bottom: 6px;
	}
#mentioned li a:hover {
	background: #313131;
	color: #6BABA1;
	}

.links-title {
	border-bottom: 1px solid #313131;
	padding: 9px 12px;
	background: #141211;
	}
#links-col1, #links-col2, #links-col3 {
	list-style: none;
	float: left;
	width: 218px;
	}
.links-col {
	padding: 6px 6px 0 6px;
	font-size: .9em;
	margin: 0 0 12px 0;
	background: #141211;
	overflow: hidden;
	/*
	font-family: Georgia, 'Lucida Grande', Verdana, Sans-Serif;
	font-style: italic;
	*/
	border-bottom: 2px solid #808080;
	}
.links-col li a {
	background: #191817;
	display: block;
	text-decoration: none;
	padding: 2px 2px 2px 6px;
	color: #808080;
	list-style: none;
	margin-bottom: 6px;
	}
.links-col li a:hover {
	background: #313131;
	color: #6BABA1;
	}


.sidebar-footer {
	border-top: 2px solid #808080;
	width: 260px;
	clear: both;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	margin: 5px 0 0;
	padding: 0;
	}

#sidebar form {
	margin: 0;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 6px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	/* margin: 5px 0 0 10px; */
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0;
	}


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

#contact-col1 {
	float: left;
	width: 315px;
	padding: 0 12px 0 0;
	}

#contact-col1 p, #contact-col2 p {
	font-size: .95em;
	text-align: justify;
	}

#contact-col2 {
	float: left;
	width: 314px;
	padding: 0 0 0 12px;
	border-left: 1px solid #313131;
	min-height: 540px;
	}


/* WORK & COLOR BUREAU STUFF *******************************************************/

/* PORTFOLIO */
#title-view-portfolio {
	height: 23px;
	width: 206px;
	margin: 0 0 6px 0;
	background: url(images/sprites.png) -266px -97px;
	}
.portfolio-images, .callouts {
	margin: 0 0 6px 0;
	}
.sidebar2-footer {
	/*height: 6px;*/
	height: 2px;
	width: 206px;
	background: url(images/sprites.png) -590px -56px;
	clear: both;
	}
	
.btn-more {
	float: right;
	margin: 2px 0 0 0;
	}

#title-work {
	width: 236px;
	margin: 0 0 12px 0;
	padding: 9px 12px;
	background: #141211;
	font-size: 1.4em;
	color: #FFFFFF;
	overflow: hidden;
	}
#selected-work {
	width: 260px;
	margin: 0;
	overflow: hidden;
	}

.work-col1 {
	height: 72px;
	width: 116px;
	float: left;
	margin: 0 12px 12px 0;
	border: 4px solid #141211;
	background: #141211;
	}
.work-col2 {
	height: 72px;
	width: 116px;
	float: left;
	margin: 0 0 12px 0;
	border: 4px solid #141211;
	background: #141211;
	}

/* ---- styling the list ---- */
		
#work {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	overflow: hidden;
	}
#work li {
	float: left;
	width:116px;
	height:72px;
	margin: 0 0 0 0;
	border: 4px solid #141211;
	}
#work p {
	margin-bottom:0;
	font-size: .85em;
	padding: 0;
	}
		
/* ---- show-hide elements ---- */
		
#work li .show{
	position: absolute;
	width:116px;
	height:72px;
	}
#work li .hide {
	position: absolute;
	color:#aaaaaa;
	text-align: center;
	height: 0;
	overflow: hidden;
	background:#141211;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	}
#work li:hover .hide, #work li.over .hide {
	/*cursor: pointer;*/
	height: 72px;
	padding:0;
	width:116px;
	}
#work li:hover .show, #work li.over .show {
	height: 0;
	}	
#work li a {
	color:#FFFFFF;
	font-size:1.2em;
	display: block;
	border:none;
	}
#work li a:hover {
	color:#FFFFFF;
	text-decoration: none;
	}

	

/* TYPOGRAPHY STYLES ************************************************************/

p {
	margin: 0;
	padding: 0;
	}

small {
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	}

h1 {
	font-size: 4em;
	text-align: center;
	padding-top: 70px;
	margin: 0;
	}

h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}

h2.pagetitle {
	text-align: center;
	}

h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}

h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}

h4 a {
	color: #6BABA1;
	}

h4 a:hover {
	text-decoration: none;
	}

h4.pop-title {
	font-size: 1.2em;
	text-align: center;
	}
h4.pop-title a {
	color: #aaaaaa;
	}
	
h3 a {
	color: #aaaaaa;
	}

h3 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	/* color: #777; */
	}

code {
	font: 1.15em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

.red-text {
	color: #ad271f;
	}

.subhead {  /* Subheadings inside single post */
	font-family:Georgia;
	font-size:1.5em;
	color:#FFFFFF;
	font-style:italic;
	text-align: left;
	}
.subhead2 {  /* Subheadings inside single post - Teal color, UPPERCASE */
	font-family:Georgia;
	font-size:1.5em;
	color:#6BABA1;
	text-transform:uppercase;
	}


/* LINK STYLES ****************************************************************/

a {
	color: #6baba1;
	text-decoration: none;
	}

a:hover {
	color: #6baba1;
	text-decoration: underline;
	}

a {
	outline: none;
	}
	
h2 a {
	color: #FFFFFF;
	text-decoration: none;
	}
h2 a:hover {
	color: #6baba1;
	text-decoration: none;
	}
h2 a:visited {
	color: #FFFFFF;
	}


/* IMAGES *******************************************************************/

p img {
	padding: 0;
	max-width: 100%;
	margin: 0 0 0 0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 12px 6px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}



/* FORM ELEMENTS ************************************************************/
#searchform {
	margin: 10px auto;
	/* padding: 5px 3px; */
	text-align: center;
	width: 310px;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 219px;
	padding: 4px;
	margin: 0 0 6px 0;
	background: #404040;
	border: none;
	color: #aaaaaa;
	}
#commentform textarea {
	width: 452px;
	padding: 4px;
	background: #404040;
	border: none;
	color: #aaaaaa;
	margin: 0 0 6px 0;
	font-size: 1em !important;
	}
.btn-submit input {
	width: 129px;
	height: 27px;
	border: none;
	}

label {
	font-size: .9em;
	text-transform: lowercase;
	/*
	font-style: italic;
	font-family: georgia, arial, tahoma;
	*/
	}

#commentform {
	margin: 0 0 0 0;
	}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform #submit {
	margin: 0 0 0 0;
	float: right;
	}

.comment-input {
	margin: 0 0 6px 0;
	}


/* COMMENTS ************************************************************/

#comment-left {
	float: left;
	width: 460px;
	}
#comment-right {
	float: left;
	margin: 0 0 0 12px;
	width: 169px;
	}

.comment-head {
	border-bottom: 1px solid #313131;
	margin: 0 0 0 0;
	padding: 0 0 0 2px;
	width: 652px;
	overflow: hidden;
	font-family: Georgia;
	height: 25px;
	}

.comnumbox {
	float: left;
	border-right: 1px solid #313131;
	height: 25px;
	padding: 0 12px 0 0;
	}

.comnum {
	float: left;
	margin: 3px 3px 0 0;
	padding: 0 0 6px 0;
	font-style: italic;
	font-weight: normal;
	font-size: 1.2em;
	}
.commentnumber {
	float: left;
	font-style: italic;
	margin: 3px 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.2em;
	}

.ident {
	border-left: 1px solid #313131;
	float: right;
	padding: 0 0 0 12px;
	width: 169px;
	height: 25px;
	}

.comment-title-icon {
	float: right;
	background: url(images/sprites.png) -973px 0;
	height: 10px;
	width: 11px;
	margin: -13px 0 0 0;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

#commentlist {
	padding: 0;
	margin: 12px 0;
	text-align: justify;
	}

#commentlist li {
	margin: 15px 0 10px;
	/*padding: 6px;*/
	padding: 0;
	list-style: none;
	}

.vcard-inside {
	border-bottom: 1px solid #313131;
	float: left;
	width: 415px;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	}

.comment-number {
	float: right;
	}

.comment-content {
	border-top:1px solid #313131;
	border-right: 1px solid #313131;
	float:left;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	line-height:1.7em;
	margin:2px 0 0 0;
	padding:8px 12px 8px 0;
	width:460px;
	float: left;
	min-height: 130px;
	font-size: 1.1em;
	}

.ident-box {
	width: 181px;
	margin: 2px 0 12px 0;
	padding: 0;
	float: left;
	text-align: left;
	overflow: hidden;
	}

.comment-divider {
	border-top: 1px dotted #373737;
	width: 100%;
	}
	
.reply {
	text-align: left;
	height: 23px;
	padding: 0 0 6px 0;
	border-top: 1px dotted #525252;
	width: 100%;
	}

.reply a {
	font-size: 0px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	color: #313131;
	}

.comment-reply-link {
	font-family: Georgia;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	font-style: italic;
	font-weight: normal;
	}
.replydiv {
	border-left: 1px solid #313131;
	padding: 0 2px 0 6px;
	}

.comment-footer {
	/*height: 6px;*/
	height: 2px;
	width: 100%;
	background: url(images/sprites.png) -590px -80px;
	clear: both;
	}

.comment-padding {
	padding: 12px;
	overflow: hidden;
	}
	
#commentlist li ul li { /* NESTED COMMENTS */
	margin: 0 0 0 0;
	/*border-top: 1px solid #313131;*/
	border-top: 12px solid #313131;
	}

#commentlist p {
	margin: 0 0 12px 0;
	}

.children { 
	padding: 0;
	}

#commentform p {
	margin: 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.comment-author {
	
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	font-size: .85em;
	}

#commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#commentlist li ul li {
	font-size: 1em;
	}

#commentlist li {
	font-weight: bold;
	background: #141211;
	margin: 0 0 12px 0;
	}

#commentlist li .avatar { 
	float: left;
	margin: 0 6px 0 0;
	/*
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	*/
	}

#commentlist cite, .commentlist cite a {
	/*
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	*/
	}

#commentlist p {
	font-weight: normal;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	}

h3.comments {
	padding: 0;
	margin: 18px 0 0 0;
	}

#comment-box {
	background: #141211;
	padding: 12px;
	margin: 1px 0 0 0;
	overflow: hidden;
	border-bottom: 2px solid #808080;
	margin: 0 0 12px 0;
	}

#comments-nav {
	display: block;
	text-align: left;
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: -2px;
	}
	
.cancel-comment-reply {
	padding: 0 0 0 12px;
	background: #141211;
	}


/* CALENDAR ************************************************************/

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }



/* MISC TAGS & CLASSES ************************************************************/

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 15px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #313131;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

#navigation {
	display: block;
	text-align: left;
	margin: 6px 0 12px -2px;
	}



/* CAPTIONS ************************************************************/

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

.wp-caption {
	border: none;
	text-align: center;
	padding: 0;
	margin: 0 0 6px 0;
}

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

.wp-caption-text {
	background: #232121;
	font-size: .9em;
	line-height: 15px;
	padding: 5px;
	margin: 0 0 12px 0;
	color: #999999;
	font-style: italic;
	text-align: left;
	width: 450px;
	}



/* jQUERY TWITTER ************************************************************/

#twitter {
	background: #141211;
	color: #aaaaaa;
	margin: 12px 0 12px 0;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif;
	overflow: hidden;
	border-bottom: 2px solid #808080;
	}

.tweet {
	background: #141211;
	width: 236px;
	float: left;
	margin: 0;
	padding: 12px;
	line-height: 1.6em;
	font-size: 1.05em;
	}

.tweet .tweet_list {
	/*-webkit-border-radius: .5em;*/
	list-style-type: none;
    margin: 0;
    background-color: #1d1b1b;
    }
    
.tweet .tweet_list li {
    overflow: hidden;
    padding: 6px;
    }

.tweet .tweet_list li a {
    color: #6baba1; 
    }

.tweet .tweet_list .tweet_even {
	background: #141211;
	}

.tweet_text {
	width: 213px;
	}
	
.tweet_avatar {
	padding: 0 6px 0 0;
    float: left;
    list-style: none;
    }
      
.tweet .tweet_list .tweet_avatar img {
	vertical-align: top; 
    }

#follow-colorcubic {
	height: 27px;
	width: 260px;
	margin: -6px 0 6px 0;
	background: url(images/sprites.png) 0 -155px;
	float: left;
	}



/* jCAROUSEL ************************************************************/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
    position: relative;
	}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	}

.jcarousel-list li,
.jcarousel-item {
    /*float: left;*/
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 260px;
    height: 100px;
	}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
	}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* TANGO SKIN */

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 260px;
    height: 330px;
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  260px;
    height: 302px;
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 260px;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 131px;
    width: 129px;
    height: 27px;
    cursor: pointer;
    background: transparent url(images/next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -54px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -27px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 27px;
    cursor: pointer;
    background: transparent url(images/previous.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -54px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -27px;
}




/* THUMBIE ************************************************************/

#wp_thumbie{
	width: 472px;
	margin: 0;
	background: #141211;
	padding: 0 0 6px 0;
	}

#related-wrapper {
	background: #141211;
	border-top: 6px solid #313131;
	margin: 0 auto;
	padding: 6px 0 6px 6px;
	clear: both;
	width: 466px;
	text-align: center;
	}

.wp_thumbie_image {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	/*border: 5px solid #313131;*/
	}
	
.wp_thumbie_li li {
	list-style: none;
	}


/* SHOW/HIDE SECTIONS ******************************************************/
	
#work-box, #search-box, #shop-box, #contact-box, #subscribe-box, #articles-box {
	float: left;
	background: #404040;
	width: 926px;
	margin: 0 0 0 0;
	padding: 0 0 24px 24px;
	font-size: 1em;
	text-align: left;
	line-height: 1.3em;
	color: #FFFFFF;
	overflow: hidden;
	list-style: none;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	}
#articles-box {
	/*font-size: 1.15em;*/
	}	
.articles {
	padding: 3px;
	border-bottom: 1px solid #606060;
	overflow: hidden;
	}
.articles-header {
	border-bottom: 1px solid #606060;
	margin: 20px 0 0 0;
	padding: 6px 3px;
	width: 890px;
	}
.articles a {
	display: block;
	color: #e1e1e1;
	text-transform: uppercase;
	}
.articles a:hover {
	text-decoration: none;
	color: #6BABA1;
	}
	
.closebox {
	margin: 10px 10px 0 0;
	float: right;
	height:11px;
	width:11px;
	}

.numcount {
	float: right;
	text-transform: lowercase;
	font-size: 1em;
	font-style: italic;
	font-family: Georgia, Arial, Tahoma, Trebuchet MS;
	color: #AAAAAA;
	}

.search-title {
	padding: 0 3px 6px 3px;
	border-bottom: none;
	}
#search-info, #search-advanced {
	float: left;
	margin: 12px 12px 0 0;
	padding: 0 12px 0 0;
	font-size: .85em;
	line-height: 1.6em;
	border-right: 1px dotted #909090;
	}
#search-form {
	float: left;
	margin: 12px 6px 0 0;
	padding: 0 12px 0 0;
	font-size: .85em;
	}

input.searchfield {
	width: 240px;
	border: 0;
	float: left;
	padding: 8px 6px 4px 3px;
	margin: -12px 0 0 -3px;
	background: none;
	border-bottom: 1px dotted #b5b5b5;
	color: #d0d0d0;
	font-size: 1.8em;
	font-style: italic;
	font-family: Georgia, Arial, Tahoma, Trebuchet MS;
	}
input.btn-search {
	cursor: pointer;
	border:none;
	background:none;
	color:#ffffff;
	font-style:italic;
	font-size: 1.8em;
	font-family: Georgia, Arial, Tahoma, Trebuchet MS;
	margin: 0;
	padding: 0 3px;
	}



.rss-btn {
	height: 13px;
	width: 13px;
	float: left;
	margin: 0 5px 0 0;
	background: url(images/sprites.png) -956px -30px;
	}
.rssfeeds {
	float:left;
	margin-right:24px;
	width:161px;
	text-transform: uppercase;
	}
.rss-title {
	padding: 0 3px 6px 3px;
	border-bottom: 1px solid #606060;
	}
.rssfeeds a {
	color: #e1e1e1;
	}
.rssfeeds a:hover {
	color: #6BABA1;
	text-decoration: none;
	}
.rssfeeds li {
	padding: 3px;
	border-bottom: 1px solid #606060;
	font-size: .85em;
	}


/* jQUERY CYCLE SLIDESHOW ************************************************************/

.slideshow { 
	height: 236px; 
	width: 678px; 
	margin: 0; 
	overflow: hidden; 
	position: absolute;
	z-index: 0;
	}
#slidenav {
	display:block;
	position: absolute;
	z-index: 10;
	margin: 210px 0 0 598px;
	padding: 5px 0 0 5px;
	height: 11px;
	width: 65px;
	background: url(images/dot-bg.png);
	}
#slidenav a {
	background: url(images/dot-gray.png) no-repeat;
	text-decoration:none;
	color:#dcdcdc;
	font-size:8px;
	margin:0 3px;
	height:6px !important;
	width:6px !important;
	display:block;
	float:left;
	text-indent: -9999px;
	font-size: 0px;
	}
#slidenav a.activeSlide {
	background: url(images/dot-red.png) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	}



/* TOOL TIPS ************************************************************/

.tool-tip {
	color: #fff;
	width: 193px;
	z-index: 13000;
	margin: -57px 0 0 -95px;
}
 
.tool-text {
	font-size: .85em;
	padding: 12px 8px 24px 8px;
	background: url(images/black_arrow.png);
}


/* CONNECT WITH US ******************************************************/

ul#socialnav {
    width: 297px;
    height:35px;
    margin: 0;
    padding: 0;
    /*top: 124px;*/
    /*overflow: hidden;*/
    background: transparent url(images/socialmedia.gif) no-repeat 0 0;
    }
ul#socialnav li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;   
    }
ul#socialnav li a {
    border:0;
    display:block;
    text-decoration:none;
    background: transparent url(images/socialmedia.gif) no-repeat;
    }

/* Dimensions of menu items */
li#socialnav-behance a {
    width:43px;
    height:35px;
    }
li#socialnav-twitter a {
    width:44px;
    height:35px;
    }
li#socialnav-facebook a {
    width:44px;
    height:35px;
    }     
li#socialnav-vimeo a {
    width:43px;
    height:35px;
    }
li#socialnav-flickr a {
    width:44px;
    height:35px;
    }     
li#socialnav-kdu a {
    width:44px;
    height:35px;
    }
li#socialnav-society6 a {
    width:35px;
    height:35px;
    }
          

/* Rollover functions */
/* BEHANCE */
li#socialnav-behance a:link, li#socialnav-behance a:visited {   
    background-position: 0 0;
    }
li#socialnav-behance a:hover, li#socialnav-behance a:focus {
    background-position: 0 -35px;
    }
/* TWITTER */
li#socialnav-twitter a:link, li#socialnav-twitter a:visited {   
    background-position: -43px 0;
    }
li#socialnav-twitter a:hover, li#socialnav-twitter a:focus {   
    background-position: -43px -35px;
    }
/* FACEBOOK */
li#socialnav-facebook a:link, li#socialnav-facebook a:visited {   
    background-position: -87px 0;
    }
li#socialnav-facebook a:hover, li#socialnav-facebook a:focus {   
    background-position: -87px -35px;
    }
/* VIMEO */
li#socialnav-vimeo a:link, li#socialnav-vimeo a:visited {   
    background-position: -131px 0;
    }
li#socialnav-vimeo a:hover, li#socialnav-vimeo a:focus {   
    background-position: -131px -35px;
    }
/* FLICKR */
li#socialnav-flickr a:link, li#socialnav-flickr a:visited {   
    background-position: -174px 0;
    }
li#socialnav-flickr a:hover, li#socialnav-flickr a:focus {   
    background-position: -174px -35px;
    }
/* KDU */
li#socialnav-kdu a:link, li#socialnav-kdu a:visited {   
    background-position: -218px 0;
    }
li#socialnav-kdu a:hover, li#socialnav-kdu a:focus {   
    background-position: -218px -35px;
    }
/* SOCIETY6 */
li#socialnav-society6 a:link, li#socialnav-society6 a:visited {   
    background-position: -262px 0;
    }
li#socialnav-society6 a:hover, li#socialnav-society6 a:focus {   
    background-position: -262px -35px;
    }
        


/* FOOTER ************************************************************/

#footer-container {
	background: #141211;
	width: 100%;
	margin: 0 auto;
	clear: both;
	text-align: left;
	}

#footer {
	margin: 0 auto;
	width: 950px;
	padding: 24px 0;
	clear: both;
	border: none;
	min-height: 100px;
	background: #141211;
	overflow: hidden;
	}
#footer-end {
	width: 950px;
	border-top: 1px solid #313131;
	border-bottom: 1px solid #313131;
	height: 2px;
	clear: both;
	}

.title-footer {
	width: 236px;
	margin: 0 0 12px 0;
	padding: 0;
	background: #141211;
	font-size: 1.2em;
	color: #FFFFFF;
	}
	
.title-footer-mailpress {
	width: 236px;
	margin: 0 0 18px 0;
	padding: 0;
	background: #141211;
	font-size: 1.2em;
	color: #FFFFFF;
	}

#footer p {
	margin: 0 0 6px 0;
	padding: 0;
	text-align: left;
	}

#footer-col1 {
	width: 316px;
	margin: 0 0 0 0;
	float: left;
	}
#footer-col2 {
	width: 315px;
	margin: 0 0 0 0;
	float: left;
	border-left: 1px solid #313131;
	border-right: 1px solid #313131;
	/* min-height: 430px; */
	}
#footer-col3 {
	width: 317px;
	margin: 0 0 0 0;
	float: left;
	}

.footer-section-left {
	/* border-bottom: 1px solid #313131; */
	padding: 0 12px 12px 0;
	margin: 0 0 12px 0;
	overflow: hidden;
	}
.footer-section-about {
	/* border-bottom: 1px solid #313131; */
	padding: 0 12px 6px 0;
	margin: 0 0 12px 0;
	overflow: hidden;
	}
.footer-section-right {
	/* border-bottom: 1px solid #313131; */
	padding: 0 0 12px 12px;
	margin: 0 0 12px 0;
	}
.footer-section-middle {
	/* border-bottom: 1px solid #313131; */
	padding: 0 12px 12px 12px;
	margin: 0 0 12px 0;
	overflow: hidden;
	}
.footer-section-left p, .footer-section-right p, .footer-section-middle p {
	font-size: 1em;
	line-height: 1.5em;
	}

.italic {
	font-style: italic;
	}


#footer ul {
	list-style: none;
	padding: 0;
	font-size: 1.05em;
	}
#footer-work ul {
	margin-top:12px;
	float:left;
	width:100%;
	}
#footer-work li a {
	background: #191817;
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	margin: 0 0 6px 0;
	color: #808080;
	font-size: 1em;
	/*
	font-style: italic;
	font-family: Georgia, 'Lucida Grande', Arial, Tahoma, Trebuchet MS;
	*/
	width:276px;
	float: left;
	}
#footer-work li a:hover {
	text-decoration: underline;
	color: #6BABA1;
	}

#footer-popular ul {
	margin-top:12px;
	float:left;
	width:100%;
	}
#footer-popular li {
	background: #191817;
	text-decoration: none;
	padding: 3px 8px;
	margin: 0 0 6px 0;
	font-style: italic;
	float: left;
	width: 275px;
	}
#footer-popular li a {
	color: #808080;
	font-size: 1em;
	font-style: italic;
	font-family: Georgia, 'Lucida Grande', Arial, Tahoma, Trebuchet MS;
	}
#footer-popular li a:hover {
	color: #6BABA1;
	}

#footer .additional-info {
	color: #404040;
	font-size: 1em;
	}
#footer .additional-info a {
	color: #555555;
	}

#bookshelf {
	font-size: .95em;
	}
#bookshelf a img {
	border:5px solid #262423;
	}
#bookshelf a:hover img {
	border: 5px solid #404040;
	}

#flickr {
	width: 315px;
	}	
#flickr a img {
	border:3px solid #262423;
	margin:6px 6px 0 0;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	}
#flickr a:hover img {
	border:3px solid #404040;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	}

.footer-about-p {
	float: left;
	margin: 12px 0 0 0;
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.4em;
	}
	
.footer-contact-p {
	float: left;
	margin: 0 0 0 0;
	font-size: 1em;
	line-height: 1.4em;
	}
	
.cufon-loading h2 {
visibility: hidden !important;
}
.cufon-loading h3 {
visibility: hidden !important;
}
.cufon-loading h4 {
visibility: hidden !important;
}


/* FACEBOOK FAN WIDGET ************************************************************/

.fan_box a:hover{
	text-decoration: none;
	}
.fan_box .full_widget{
	height: 200px;
	border: 0 !important;
	background: none !important;
	position: relative;
	}
.fan_box .connect_top{
	background: none !important;
	padding: 0 !important;
	}
.fan_box .profileimage, .fan_box .name_block{
	display: none;
	}
.fan_box .connect_action{
	padding: 0 !important;
	}
.fan_box .connections{
	padding: 0 !important;
	border: 0 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #AAAAAA;
	}
span.total{
	color: #6BABA1;
	font-weight: bold;
	}
.fan_box .connections .connections_grid {
	padding-top: 10px !important;
	}
.fan_box .connections_grid .grid_item{
	padding: 0 12px 10px 0 !important;
	}
.fan_box .connections_grid .grid_item .name{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight: normal;
	color: #666 !important;
	padding-top: 1px !important;
	}
.fan_box .connect_widget{
	position: absolute;
	bottom: 0;
	right: 10px;
	margin: 0 !important;
	}
.fan_box .connect_widget .connect_widget_interactive_area {
	margin: 0 !important;
	}
.fan_box .connect_widget td.connect_widget_vertical_center {
	padding: 0 !important;
	}
.connect_widget_connected_text {
	color: #AAAAAA;
	}
.unlike_link {
	text-indent: -9999px;
	display: none;
	font-size: 0px;
	}
.fan_box .connect_widget td.connect_widget_vertical_center a.connect_widget_like_button {
	margin-right:4px;
	}
	

/* ADDTHIS TOOLBOX ************************************************************/
.addthis_toolbox .custom_images a {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
	}

.addthis_toolbox .custom_images a:hover img {
    opacity: 1;
	}

.addthis_toolbox .custom_images a img {
    /*opacity: 0.85;*/
	}
	
	
/* COLORTONES **********************************************************/


#subscribe-colortones {
	width: 224px;
	height: 29px;
	float: left;
	}