/*
Theme Name: WeFunction v2
Theme URI: http://wefunction.com
Description: WeFunction Wordpress Theme
Version: 2.0
Author: Spencer - Gurnk.com
/* --------------------------------------------- */

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - Any typographic elements
02 - Main Structure - The core of the header, content, and footer
03 - Header - Navigation and Jobs
04 - Posts - Post and Pages styles
05 - Sidebar - Sidebar (sub-left and sub-right)
06 - Sidebar - Sidebar (sub-left and sub-right)
07 - Miscellaneous - Anything else
/* ----------------------------------------------*/


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#efefeb url(images/background.gif) no-repeat bottom center;
	font:12px Verdana, Tahoma; color:#3d3d3c;
	overflow-x: hidden;  position: relative;
}

div.post img {
	border:none;
}

blockquote {
	width:auto; height:auto;
	margin:5px; padding:5px 15px 7px 15px; 
	background:#f0f0e4;
	border:1px solid #e2e2d0;
	font-family:Georgia; color:#7C7C6E; font-size:14px;
} 

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

code { 
	margin:0; padding:0 2px; 
	color:#263291; font:14px Georgria, Serif;
	background:#ededeb;
}

acronym {
	border-bottom:1px dashed #CCC;
	cursor:pointer;
	color:#000;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/
h1, h1 a:link, h1 a:active, h1 a:visited {
	margin:0; padding:0;
	font:35px Georgia, "Times New Roman", Times, serif; color:#262625;
}

h2 {
	margin:0; padding:10px 0 0 0;
	font:11px Georgia, "Times New Roman", Times, serif; color:#72726E; text-transform:uppercase; 
}

h3 {
	margin:0; padding:20px 0 3px 0;
	font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;

}

h4 {
	font-size: 24px; color: #4F4746; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:29px; margin:0;   padding-top:14px; padding-bottom:1px; padding-left:0; padding-right:0;
 
}

h5 {
	margin:0; padding:0; 
	color:#6a6a61; font:bold 18px Arial, Helvetica, sans-serif;
}

h5 a:link, h5 a:active, h5 a:visited {
	margin:0; padding:0;
	font:20px Arial, Helvetica, sans-serif; color:#af6a4c;
	font-weight:bold;
}

a:link, a:active { 
	color:#94350c; font:13px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
}

a:visited { 
	color:#97563a; font:13px Georgia, "Times New Roman", Times, serif; 
	text-decoration:none; 
}

a:hover { 
	text-decoration:underline; 
}

.georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.lighter {
	color:#62615e;
}

.darker {
	color:#50504C;
}

.eleven {
	font-size:11px;
}

.thirteen {
	font-size:13px;
}

.bold {
	font-weight:bold; 
}

.uppercase { 
	text-transform:uppercase; 
}

.block {
	display:block;
}

a.normal:link, a.normal:active, a.normal:visited, a.normal:hover {
	font-weight:normal;
}

#right-left li h3, #right-right li h3 {
	margin:0; padding:0;
	width:140px; height:9px;
	text-indent:-9999px; font-size:1px;
	overflow-y: hidden;
}

#right-left a, #right-right a {
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3c; text-decoration:none;
}

#right-left a:hover {
	text-decoration:underline;
}

#right-right {
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3c;
}

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

#sideblog a:link, #sideblog a:active, #sideblog a:visited {
	font-weight:bold;
}

#right-right .sideblog-title {
	margin:0 0 10px 0; padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#b6846e; font-weight:bold; 
	display:block;
}

.tags a:link, .tags a:active, .tags a:visited {
	font:11px Verdana, Tahoma; color:#736c65; text-decoration:none;
}

.related-post li a:link, .related-post li a:active, .related-post li a:visited {
	margin:0; padding:0 0 0 12px;
	font:11px Verdana, Tahoma; color:#736c65; text-decoration:none;
	background:url(images/bullet.gif) no-repeat center left;
}

.tags a:hover, .related-post li a:hover {
	color:#997c5f; text-decoration:underline;
}


a.subscribe:link, a.subscribe:active, a.subscribe:visited,
a.stumble:link, a.stumble:active, a.stumble:visited,


a.digg:link, a.digg:active, a.digg:visited,
a.delicious:link, a.delicious:active, a.delicious:visited {
	margin:0; padding:5px 0 0 30px;
	width:auto; height:19px; display:inline-block;
	line-height:24px;
	background:url(images/share.gif) no-repeat;
	font:12px Verdana, Tahoma, "Sans Serif"; color:#7c7c6e; 
}

a.subscribe:link, a.subscribe:active, a.subscribe:visited, a.subscribe:hover {
	background-position:0 0;
}

a.stumble:link, a.stumble:active, a.stumble:visited, a.stumble:hover {
	background-position:0 -48px;
}

a.digg:link, a.digg:active, a.digg:visited, a.digg:hover {
	background-position:0 -24px;
}

a.delicious:link, a.delicious:active, a.delicious:visited, a.delicious:hover {
	background-position:0 -72px;
}

#commentform h1 { 
	margin:15px 0; padding:0; 
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#262625; 
}

#commentform h1 em { 
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#aa6649; font-style:normal; 
}

#comment-list abbr { 
	font-size:11px; color:#6A6A61; 
}

#comment-list abbr a:link, #comment-list abbr a:visited { 
	color:#af6a4c; font-size:11px; text-decoration:none; font-family:Verdana, Tahoma; 
}

#comment-list abbr a:hover { 
	text-decoration:underline; 
}

.wordpress {
	margin:0 0 0 788px;
	color:#807b60; font-size:10px; text-transform:uppercase;
}

#rss a {
	margin:0 0 0 15px;
	font:11px Georgia, "Times New Roman", Times, serif; color:#646463;
}

	#rss a span {
		margin:0; padding:2px 0 0 0;
		font:18px Georgia, "Times New Roman", Times, serif; color:#d96400;
		display:block;
	}

.rss {
	margin:0; padding:0 0 0 50px;
	width:auto; height:40px;
	background:url(images/rss.gif) no-repeat center left;
	display:block;
}
	
/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/
.container {
	margin:0 auto;
	width:968px; height:auto;
}

#header-repeat {
	background:url(images/header-repeat.gif) repeat-x top center;
}

#header {
	background:url(images/header.gif) no-repeat;
	width:968px; height:275px;
}

#top-curl {
	margin-right:-71px;
	background:url(images/top-curl.gif) no-repeat top right;
	width:auto;
	height:auto;
	position:relative;
	overflow:hidden;
	background-image: url(images/top-curl.gif);
}

#content-back {
	background:url(images/content-back.gif) repeat-y top center;
	width:968px; height:auto;
}

#left-back {
	background:url(images/left-back.gif) no-repeat top center;
	width:541px; height:auto;
	float:left; line-height:18px;
}

#right-back {
	background:url(images/right-back.gif) no-repeat top center;
	width:427px; height:auto;
	float:right;
}

#footer {
	background:url(images/footer.gif) no-repeat top center;
	width:968px; height:99px;
	clear:both;
}

/* 03 - HEADER
/* ----------------------------------------------*/
#navigation {
	margin:0; padding:0;
	width:auto; height:auto;
	line-height:52px;
	font-size:8px; color:#727272;
	float:left; display:inline;
}
	#navigation a:link, #navigation a:active, #navigation a:visited {
		margin:0 10px; padding:0;
		font:11px Georgia, Verdana; color:#727272;
		text-decoration:none; text-transform:uppercase;
	} 
	
	#navigation a:hover { color:#AFAFAF; }
	
a.jobs:link, a.jobs:active, a.jobs:visited { 
	width:330px; height:50px;
	margin:0 0 0 0; padding:17px 0 0 0;
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#61615b;
	float:right; position:relative; z-index:1000;
}

/* 04 - POSTS
/* ----------------------------------------------*/
.post {
	margin:30px 23px 0 27px;
}

.post-alt {
	margin:10px 0 0 0; padding:60px 23px 0 27px;
	background:url(images/post-alt.gif) no-repeat top center;
}

.tags {
	margin:8px 0; padding:0;
}

.related-post {
	margin:0; padding:0;
	list-style:none; list-style-position:outside;
}

	.related-post li {
		margin:6px 0; padding:0;
		background:none; list-style:none;
	}
	
.related_post {
	margin:0; padding:0;
}

	.related_post li {
		margin:6px 0 6px 6px;
	}
	
.share {
	margin:10px 0 0 0; padding:0;
	list-style:none;
}

	.share li {
		margin:0 24px 0 0; padding:0;
		float:left; display:inline;
	}
	
#comment-list {
	margin:15px 0 0 0; padding:0;
	list-style:none;
}

	#comment-list li.comment-bg {
		margin:0; padding:22px; 
		background:none; border:0;
	}
	
	#comment-list li.comment-bg-alt {
		margin:0; padding:22px; 
		background:#efefeb; border:1px solid #e8e8d7;
	}
	
	#comment-list p {
		margin:10px 0 0 0; padding:0;
	}
	
#pagination {
	margin:0 0 -15px 0; padding:20px 0 0 0;
	width:auto; height:70px; display:block;
	background:url(images/pagination.gif) no-repeat top center;
}

	.pagination-older {
		margin:0 0 0 20px; padding:0;
		width:auto; height:auto;
		float:left; display:inline;
	}
	
	.pagination-newer {
		margin:0 20px 0 0; padding:0;
		width:auto; height:auto;
		float:right; display:inline;
		text-align:right;
	}

	#pagination a {
		font:11px Georgia, "Times New Roman", Times, serif; color:#646463;
	}
	
		#pagination a span {
			font:18px Georgia, "Times New Roman", Times, serif; color:#b6846e;
			display:block;
		}

/* 05 - SIDEBAR
/* ----------------------------------------------*/
#motto {
	width:auto; height:226px;
	margin:27px 20px 0 23px;
	line-height:24px;
}

	#motto img {
		margin:0 0 10px 0; padding:0;
		display:block;
	}
	
#right-left {
	margin:0 0 0 22px; padding:0;
	width:165px; height:auto;
	float:left;
	display:inline;
}

	#right-left li, #right-right li {
		margin:0 0 25px 0; padding:0 0 10px 0;
		background:url(images/dots.gif) repeat-x bottom center;
		list-style:none; list-style-position:outside;
	}
	
	#right-right #feeds {
		margin:-27px 0 0 -19px; padding:30px 0 0;
		width:220px; height:60px;
		background:url(images/feeds.gif) no-repeat bottom right !important;
		border:0; text-align:center;
	}
	
		#right-right #feeds a {
			margin:0 12px;
			width:32px; height:32px;
			display:inline-block;
		}
	
		#right-right #feeds img {
			border:0;
			width:32px; height:32px;
		}
	
	#right-left li.blank, #right-right li.blank {
		background:none;
	}
	
		#right-left li ul, #right-right li ul {
			margin:0; padding:0;
		}
		
			#right-left li ul li, #right-right li ul li {
				margin:12px 0; padding:0;
				background:none;
			}
	
	.inspirations {
		background:url(images/side-h1/side-h1-inspirations.gif) no-repeat top left;
	}
	
	.popular-posts {
		background:url(images/side-h1/side-h1-popularposts.gif) no-repeat top left;
	}
	
	.random {
		background:url(images/side-h1/side-h1-randomarticles.gif) no-repeat top left;
	}
	
	.resources {
		background:url(images/side-h1/side-h1-resources.gif) no-repeat top left;
	}
	
	.services {
		background:url(images/side-h1/side-h1-services.gif) no-repeat top left;
	}
	
	.sideblog {
		background:url(images/side-h1/side-h1-sideblog.gif) no-repeat top left;
	}
	
	.flickr {
		background:url(images/side-h1/side-h1-flickr.gif) no-repeat top left;
	}
	
	.sponsors {
		background:url(images/side-h1/side-h1-sponsors.gif) no-repeat top left;
	}
	
	#right-right #dribbble-feed {
		margin:25px auto;
		width:140px; height:28px;
		background:url(images/icons/dribbble-feed.png) no-repeat top left;
	}
	
		#right-right #dribbble a {
			margin:0 0 18px;
			border:0;
			display:block;
			border:4px solid #FFF;
			box-shadow:0 1px 2px rgba( 0, 0, 0, .10 ); -moz-box-shadow:0 1px 2px rgba( 0, 0, 0, .10 ); -webkit-box-shadow:0 1px 2px rgba( 0, 0, 0, .10 );
		}
		
			#right-right #dribbble img {
				width:167px; height:124px;
				border:0;
			}

#right-right {
	margin:0 27px 0 0; padding:0;
	width:175px; height:auto;
	float:right;
	display:inline;
}

.sideblog-image { border:0px solid #CECECB; }

.image-left {margin-right:20px; margin-bottom:20px; float:left;}
	
/* 06 - FOOTER
/* ----------------------------------------------*/
.recruitment {
	margin:52px 0 0 238px; padding:0;
	width:198px; height:11px;
	background:url(images/footer-text.gif) no-repeat top left;
	text-indent:-9999px; display:inline-block; float:left;
}

.liam {
	margin:52px 0 0 20px; padding:0;
	width:245px; height:11px;
	background:url(images/footer-text.gif) no-repeat -198px 0;
	text-indent:-9999px; display:block; float:left;
}

.copyright {
	margin:52px 0 0 20px; padding:0;
	width:213px; height:18px;
	background:url(images/footer-text.gif) no-repeat -443px 0;
	text-indent:-9999px; display:block; float:left;
}
	
/* 07 - MISCELLANEOUS
/* ----------------------------------------------*/
.clear { clear:both; }

.hr {
	margin:20px 0; padding:0;
	width:auto; height:1px; display:block;
	background:url(images/divider.gif) no-repeat;
}

/* 07.1 - FORMS
/* ----------------------------------------------*/
#commentform input, #commentform textarea { 
	margin:0; padding:5px; 
	background:#f9f9f7; border:1px solid #d7d7d4; color:#7d7d76;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

#commentform input.submit { 
	margin:0; padding:8px 10px;
	background:#e5e5d1 url(images/submit.gif) repeat-x;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#606056;
}