/* 
Theme Name: Verve
Description: journal and theme portfolio
Author: Charity Ondriezek	
Author URI: http://designadaptations.com
*/


/* -------------------------------------------------
	GLOBALS
------------------------------------------------- */
* {margin: 0; padding: 0;}

body, html {height: 100%;}
	body {color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;}
	body em{font-style: italic;}
	

a {text-decoration: none; color:#69c;}
	a:hover {text-decoration: underline;}
	a img {border: none;}

/* -------------------------------------------------
	FRAME
------------------------------------------------- */
body, #container{background: #fff; /* background:url(images/gridbg.gif); */}

#container {
	width: 100%;
	min-width: 970px; 
	margin:0;
	/* border-top:solid 10px #2f3e5d; */}

#header_wrap, #project_wrap, #content_wrap, #footer_wrap {
	font-size: 1em; 
	width: 100%; 
	position: relative;}
	
#header, #project, #content, #footer {
	width: 960px; 
	margin: 0 auto; 
	font-size: 1.2em;
	/* font-size: 1.2em; */}

#home #content_wrap {padding: 75px 0 35px 0; /* outline:solid 1px #c33; */}

/* -------------------------------------------------
     HEADER 
------------------------------------------------- */
#header_wrap {
	border-top:10px solid #333;
	color: #555; 
	/* background: #2f5083 url(images/header_light.gif) 650px -70px no-repeat; */}
	
#header	{padding: 30px 0 30px 5px; position: relative;}

.logoarea {
	float: right; 
	margin:-15px 0 0 0;}

	h1.logo	{
		width: auto; 
		font-size: 2.8em; 
		font-weight: bold; 
		letter-spacing: -.05em; 
		position: relative;
		z-index: 100;}

	h1.logo a {text-decoration: none;}
	h1.logo, h1.logo a{ color: #333;}
	
	p.description {text-align: right; text-transform: uppercase; letter-spacing: 1px; color: #2f3e5d;}
		
/* -------------------------------------------------
     MAIN NAV 
------------------------------------------------- */
body#home ul.main_nav {top: 20px;} /* pushes nav up to make space for project image */

ul.main_nav {
	/* width: 650px;  */
	float: left;
	text-transform: uppercase;}
	
	ul.main_nav li {
		display: inline; 
		list-style: none; 
		background:#f3f3f3; 
		border:solid 1px #e9e9e9;  
		padding:7px 10px; 
		margin:0 5px 0 0;
		line-height: 1.8em;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px;}
		
	ul.main_nav li a {color:#666; text-decoration: none;}
	ul.main_nav li a:hover {color:#fff;}
	ul.main_nav li:hover{background:#333;}

ul.main_nav li.current_page_item a, #home li.left a {color:#fff;}

/* ul.main_nav li.left{padding:0 5px; outline:solid 1px #c33; border: none;} */

.pagetitle {
	width: 100%; 
	background: #222;}
	
.breadcrumb {
	width: 960px;
	margin: 0 auto; 
	padding: 10px 0;
	font-size: 1em; 
	font-weight: normal;
	color:#999;}

	.breadcrumb h3{display: inline;}
	
	.breadcrumb a{color:#69c;}
	h3.breadcrumb span{text-transform:uppercase; color:#fff;}
		
.breadarrow{color:#69c;}
.current_crumb{color:#fff;}

/* -------------------------------------------------
	PROJECTS / THEMES
------------------------------------------------- */
#project_wrap{background: #222;}

#project {position: relative; z-index: 101;}

.project_screen {
	float: left;
	width: 560px; 
	height: 350px;
	padding:5px; 
	margin: -35px 0; 
	position: relative; 
	z-index: 100;
	overflow: hidden;
	background: #fff; 
	border: 1px solid #ddd;}

.project_screen img{}

.info { /* project description */
	float: right;
	width: 350px; 
	padding: 35px 0; 
	min-height: 185px; 
	line-height: 22px;
	font-size: 1em;
	color: #999;}
	
	.info h2 {font-size: 1.9em; margin-bottom: 20px;}
		.info h2, .info h2 a{font-weight:normal; color: #999;}
	
	.info a.view {
		float: left;
		width: 110px; 
		height: 32px;  
		display: block;
		padding: 6px 0 0 45px;
		margin: 25px 0 0 50px;
		font-size: 0.95em;}
	
	.info a.nextproject {
		float: left;
		width: 110px; 
		height: 32px; 
		display: block; 
		padding: 6px 0 0px 35px;
		font-size: 0.95em; 
		margin-top: 25px;}
	
	.info a.nextproject, .info a.view{color: #69c; background: url(images/button2.gif) no-repeat top left;}
	.info a:hover.nextproject, .info a:hover.view{color: #fff; text-decoration:none;}

/* -------------------------------------------------
	POSTS
------------------------------------------------- */
#content_wrap {padding: 35px 0; float:left;}

#main {float: left; width: 570px;}
	
	.text_left { /* styles metadata atop each single post page */
		width: auto; 
		float: left; 
		text-transform: uppercase;
		margin-bottom: 20px;}
		
	.text_left span{color:#555; font-weight: bold;}
		
	.text_right {
		width: auto; 
		float: right; 
		text-align: right; 
		text-transform: uppercase; 
		margin-bottom: 20px;}
	
.post {clear: both; margin: 20px 5px 20px 0; border-top:solid 2px #555;}
	
	.post h2.posttitle, .post h2.posttitle a, h4.title {
		width:auto; 
		float: left;
		color: #555; 
		font-weight: bold;}
		
	.post h2.posttitle a:hover{color:#ccc; text-decoration: none;}	
	.post h2.posttitle {font-size: 2em; line-height: 1.4em;}
		 
	h4.title {font-size: 1.6em;}
	
	.post p.comments {
		margin-top:15px;
		border-bottom: solid 1px #ccc;
		line-height: 1.6em;
		float: right; 
		text-align: right; 
		text-transform: uppercase;}
	
	p.comments, p.comments a{ color: #ccc; }
		p.comments a:hover{ text-decoration: none; color:#69c;}
	
	.post .entry {clear: both; padding-top: 10px; line-height: 20px;  }
		
		.post ul, .post ol {margin: 0px 0px 15px 10px; }
			.post .entry ul li {list-style: disc inside; padding: 2px 0; }
			.post .entry ol li	{list-style: decimal inside; padding: 2px 0;}
		
		.post .entry p {margin:15px 0;}
		.entry h3{font-weight: bold; font-size: 1.4em; line-height:1.6em; color:#555;}
		
	.post blockquote {padding-left: 25px; font-style: italic; color:#2f5083; border-left: solid 5px #e2e2e2;}
		.post cite {font-style: italic; margin-left: 25px; }
	
	.post img{padding: 4px;}
	.post img.alignleft {float:left; margin-right: 20px; }
	.post img.alignright {float:right; margin-left: 20px; }
	
.wp-caption{border:solid 1px #ddd; background:#f6f6f6; margin-bottom: 20px; }
	.wp-caption small{clear:both; float:right; padding: 5px;}
	.wp-caption-text{text-align:left; padding:5px; margin: 0 !important;}

.more-link{color:#6e6e6e; font-weight: bold;}

.navigation	{margin-top: 25px;}
	.navigation a {
		display: block; 
		width: auto; 
		padding: 5px 15px;
		font-size: 1em; 
		background: #6699cc; 
		color: #fff;
		text-decoration: none; }

	.navigation .alignleft a {float: left;}
	.navigation .alignright a {float: right;}

h4.title {width: auto; float: none; margin-bottom: 25px; }

/* -------------------------------------------------
	THEME DESCRIPTION PAGES 
------------------------------------------------- */
.featureswrap {
	clear:both;
	margin-top: 20px;}
	
	.featureswrap h2, .featureswrap h3{line-height: 2em;}
	
	.featureswrap a{background: #ececec; color:#333; line-height: 4em; padding:4px 8px; border:solid 1px #ddd;}
	
.features-block {
	width: 440px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;}

.features-thumbnail {
	float: left;
	border: 7px solid #F0F0F0;
	margin-right: 15px;}

.features-inside{
	float:left;
	width:320px;
	margin-right:20px;}

.gallery-no-crop {
	float:left;
	width: 560px; 
	overflow: hidden; 
	border: 1px solid #DADADA; 
	margin: 20px 0; }
		

#options{float:right; margin-top:20px; width:350px; background: #ececec;}
	
	#options p{border-top:solid 1px #ddd; clear:right; line-height: 1.5em; padding: 20px;}
	
	.options{
		clear:both; 
		text-align: center; 
		padding:10px; 
		margin:20px; 
		background: #f6f6f6;
		font-size: 1.5em;
		font-weight: bold;}
	
	.options a:hover{text-decoration: none; color:#333;}

/* -------------------------------------------------
	SIDEBAR 
------------------------------------------------- */
#sidebar {width: 340px; float: right;}
	#sidebar hr {margin-bottom: 25px; }

#searchform {padding: 7px 5px 7px 12px; background: #e9e9e9;}
	
	#searchform input#s	{
		border: none; 
		width: 285px; 
		float: left; 
		padding: 5px 0 5px 5px;
		font-size: 1.1em;
		color: #999;
		background: #f3f3f3; /* color:#6e6e6e !important; */ }

	#searchform input#searchsubmit {float: right; margin: 2px 3px 0 5px; }

#categories{padding:0 0 10px 0;}
#home #categories {display: none; outline:solid 1px #69c;}

.about .thumb {float: right; margin-left: 20px; }
	.about h4 {margin-bottom: 15px; }
		
.module {margin-bottom: 25px; line-height: 16px; float:left;}
	.module h4 {font-size: 1.35em; }

.flickr h4 {margin-bottom: 15px; }
	.flickr img{ border: 1px solid #e2e2e2; }
	.flickr a img {margin: 0 8px 10px 0; }

	.module h4, .flickr h4 {font-weight: bold; color: #5f5f5f;}

.list {line-height: 2em; background: #e9e9e9;}
	.list ul {list-style: none; padding: 10px 10px 10px 12px; text-transform: uppercase; font-size: 1em; }
	.list li {float:left; width: 105px; }	
	.list h4 {padding: 10px; font-weight: bold; border-bottom: 1px solid #d7d7d7;}
	.list a {color: #5f5f5f; }

/* -------------------------------------------------
     TABS
------------------------------------------------- */
#tabwrap{
	float:left;
	background:#e9e9e9;
	padding:0 10px;
	/* margin:10px 0; */
	margin:0 0 20px 0;}
	
/* hide non-active content in browser */
.tabberlive .tabbertabhide {display:none;}

/*	styling after interface is set up */
.tabberlive {
	width:320px;
	margin:0 0 10px 0;
	background:#f6f6f6;}

/*	tab headings */
ul.tabbernav{
	width:100%;
	height:30px; 
	float:left;
	clear:both;
	margin:0 0 10px 0;
	background:#e9e9e9;
	list-style:none;}

	ul.tabbernav li{float:left; border:none !important;}
	
	ul.tabbernav li a{
		display: block;
		font-size: 1.2em;
		margin:0 4px 0 0; 
		padding:3px 8px;
		text-decoration:none;
		color:#666 !important;}
	
	ul.tabbernav li a:hover{
		color:#fff !important; 
		background:#69c;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px;}

/*	active tab */
ul.tabbernav li.tabberactive a{
	color:#fff !important;
	padding:3px 8px;
	background:#333;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;}
	
/*	tab content */
.tabberlive .tabbertab {margin-top:10px; padding:5px;}

	/* hide content headings since provided in tabs */
	.tabberlive .tabbertab h3 {display:none;}
	
	.tabbertab a{color:#666 !important; padding:3px;}
	.tabbertab a:hover{color:#666 !important;}
	
	.tabbertab li{
		clear:both;
		font-weight: bold;
		font-size:1em !important;
		list-style:none; 
		padding:3px 0;
		margin:5px 0 0 2px;
		border-bottom:solid 1px #ececec;}
	
		.tabbertab li a{color:#69c !important; font-weight: normal;}
		.tabbertab li a:hover{color:#555 !important; text-decoration: none;}
		.tabbertab li:last-child{border-bottom:none !important;}
		
		.tabbertab li small{font-size:.9em; font-weight: normal;}
		.tabbertab li small a{color:#666!important;}
		
/* -------------------------------------------------
	COMMENTS 
------------------------------------------------- */	
.commentarea {margin-top: 25px;}
	.commentarea p {margin-bottom: 10px; }
	
.commentlist {margin-bottom: 20px; border-top: 1px solid #e9e9e9;}

.comment{border-bottom: 1px solid #e9e9e9; /* outline:solid 1px #69c; */}

.name{line-height: 1.8em; /* outline:solid 1px #fc6; */}

.text{border-left: 1px solid #e9e9e9; /* outline:solid 1px #393; */}

	.comment .name {width: 150px; float: left; padding-top: 15px; font-size: 0.9em; }
		.comment .name a {font-size: 1.2em; }

	.comment .text {
		width: 390px; 
		padding: 15px 10px 10px 10px; 
		float: right; 
		line-height: 1.8em;}

.avatar{float:left; padding:2px; margin:0 10px 5px 0; border: solid 1px #ddd;}

input.text {
	padding: 10px;
	border: none; 
	font-size: 1.1em; 
	float: none;
	margin-bottom: 20px; 
	display: block;
	width: 320px; }

textarea {
	padding: 10px; 
	border: none; 
	font-size: 1.1em;
	width: 320px !important;  
	height: 150px !important;
	margin-bottom: 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif; }

	input.text, textarea{ color: #6e6e6e; background: #e9e9e9; border: solid 1px #ddd;}

input.submit {
	display: block;
	width: auto;
	background: #6699cc;
	padding: 7px 40px;
	text-transform: uppercase;
	color: #fff;
	border: none; 
	cursor: pointer; }

#commentform{float:left;}
.rules{float:left; width: 180px; margin-left:20px; padding-left:20px; border-left:solid 1px #ddd;}
.rules h4{margin-bottom:5px;}
	
/* -------------------------------------------------
	FOOTER 
------------------------------------------------- */
#footer_wrap{
	clear:both;}
	
	#footer_wrap{min-width: 970px;}
	
	 /* .push {height: 70px; min-width: 970px; outline:solid 1px #69c;} */
	 
#footer	{
	border-top:solid 5px #333;
	color:#666; 
	padding:30px 0 20px 0; 
	text-transform: uppercase;}
	
	#footer a{color:#69c;}
	#footer p.credits {width: 600px; float: left; }
	
	#footer a.feed {
		float: right;
		display: block; 
		line-height:2.2em; 
		padding-left: 35px;
		color:#666;
		vertical-align:middle; 
		background-image: url(images/rss_icon.png); 
		background-repeat: no-repeat; }

/* -------------------------------------------------
	SITEMAP
------------------------------------------------- */
.vault{clear:both; width:100%; float:left; margin:20px 0;}
	.vault ul{margin:0; padding:0;}
	.vault li{list-style:none !important; padding:3px 0; border-bottom: dotted 1px #ddd;}

.vault li.cat-item {
	float:left; 
	color:#ccc; 
	text-align:right; 
	width: 250px; 
	margin:5px 25px 5px 0; }
	
	.vault li.cat-item a{float:left; text-align:left; width: 100px;}
	.vault li ul li{margin-left:20px; padding:3px 0; border-bottom: none;}
	.vault li ul li a{color:#999;}
	.vault small{color:#999;}

li.calendar{
	float:left;
	width:80px; 
	height:40px; 
	list-style:none !important; 
	/* outline:solid 1px #ddd; */ 
	background:#ececec; 
	margin:6px 12px 6px 0;}
	
	.calendar a{display:block; padding:5px; float:left; color:#6e6e6e;}
			
/* -------------------------------------------------
	MISC
------------------------------------------------- */
hr {
	clear: both; 
	height: 0; 
	border: none; 
	background: none; 
	border-top: 1px solid #e0e0e0;}

.crop_image {
	width: 560px;
	height: 350px; 
	overflow: hidden; 
	border: 1px solid #DADADA; 
	margin: 20px 0; }

.no-crop {
	width: 560px; 
	overflow: hidden; 
	border: 1px solid #DADADA; 
	margin: 20px 0; }

.adsquare{margin:0 0 20px 0; background:#ddd; padding:20px; /* outline:solid 1px #ddd; */}

h4 small{color:#ccc; font-weight:normal; text-transform: uppercase; }

.twitter {
	background: #e9e9e9 url(images/twitterbird.png) right bottom no-repeat;
	clear:both;
	min-width:310px; 
	padding:1.5em 1em; 
	margin:0 0 20px 0;}
	
	.twitter ul{list-style: none;}
	.twitter li{margin:10px 0;}

.twitter h4 small{color:#c0c0c0;}
.tweet{color:#666; text-decoration: none;}

#wpstats{display:none;}

/* -------------------------------------------------
	CLEARS
------------------------------------------------- */
.clearfix:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}