/*
Theme Name: The Vault
Theme URI: http://www.trampolinebranding.com/
Description: A custom WordPress theme for The Vault
Version: 1.0
Author: Mike Postma
Author URI: http://www.mikepostma.com/
Tags: purple
*/

/* Resets */
*		{margin:0; padding:0;}
img 	{display:block; border:0;}


/* Begin Typography & Colors */
body 					   {font-size: 85%;
							font-family: Georgia, "Times New Roman", Times, serif;
							color: #333; text-align: center; background: #734c72 url('images/body_background.png') top center;
}
	
#page 						{background: url('images/page_background.png') repeat-y; text-align: left;}

h1, h2, h3 					{font-weight: normal; clear:both;}

#headerimg .description,
#headerimg h1				{position: absolute; left: -99999px;}
#headerimg a				{display:block; width:100%; height:100%; float:left;}
#headerimg a:hover			{text-decoration:none;}

h2 							{font-size: 1.6em; line-height: 1.6em;}
h2.pagetitle 				{text-align: center;}

h3 							{font-size: 1.3em; margin: 20px 0 0;}
h3.comments 				{margin: 40px auto 20px;}

h4							{margin-top: 1em;}

h1, h1 a, h1 a:hover, h1 a:visited {
							color:#734b71;text-decoration: none;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
							color: #734b71;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
							text-decoration: none;}
	
a, h2 a:hover, h3 a:hover {color: #734b71; text-decoration: none;}

.entry p 					{line-height:1.6em; margin: 0.6em 0;}
a.more-link 				{display: block; padding:0.7em 0; font-size: 1.1em;}
.entry p a:visited 			{color: #734b71;}
a:hover 					{color: #333; text-decoration: underline;}

#sidebar ul li.single_tweet_message		{font-size: 1.6em; line-height: 1.4em; color:#333;}
#sidebar ul li.single_tweet_message a	{font-size: 85%; display:block;}
#sidebar ul li.aktt_more_updates a		{font-size: 1.1em;}


#footer p 					{font-size: 0.9em;margin: 0; padding: 20px 0; text-align: center;}
small 						{font-size: 0.9em;line-height: 1.5em;}
code 						{font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps	{font-size: 0.9em; letter-spacing: .07em;}

/* hidden */
.narrowcolumn .postmetadata {text-align: center;}

/* comments */
.thread-alt 				{background-color: #f8f8f8;}
.thread-even 				{background-color: #ffffff;}
.alt						{border-left: 1px solid #ccc;}

.commentlist li ul li 		{font-size: 1em;}
.commentlist li 			{font-size:0.9em; border: 1px solid #ddd;}
.commentlist li .avatar 	{float: right; 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; line-height: 1.5em; text-transform: none;}
.commentmetadata 			{font-weight: normal;}

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

small, #sidebar ul li, #sidebar ol li, .nocomments, .postmetadata, blockquote, strike {
							color: #777; line-height:2em;}
/* End Typography & Colors */



/* Begin Structure */
body 							{}
#wrapper						{margin:0 auto 10px; width:980px;}
#page 							{padding:0 15px; float:left;}
#header 						{margin:0 auto; width:950px; height:120px; position:relative;}
#headerimg 						{margin:25px 30px; height: 71px; width:274px; float:left; background:url('images/vault-logo.png') no-repeat;}

#banner							{clear: both; float:left;}
#sidebar						{float: right; padding-right: 35px; width:270px;}
#content						{width: 100%; background:url('images/banner_shadow.jpg') top center no-repeat; float:left; padding-top:15px;}
#footer 						{clear: both; margin:0 auto; width:980px; height:30px; background: url('images/page_bottom.png') no-repeat top center;}

.narrowcolumn 					{margin:0 35px; width:540px; float:left; padding-right:34px; border-right: 1px solid #ccc;}
.widecolumn 					{margin:0 50px; width:850px; float:left;}
.widecolumn .smallattachment	{text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment			{text-align: center; margin: 5px 0px;}

.post 							{margin: 0;}
.post hr 						{display: block;}
.postmetadata 					{clear: both; padding-top: 5px;}
.clear 							{clear: both;}

.contacttable					{width: 100%;}
.contacttable tr				{vertical-align:top;}
.contacttable td.leftcell		{padding-right:35px; width:365px; border-right: 1px #ccc solid;}
.contacttable td.rightcell		{padding-left:40px;}
/* End Structure */


/* Begin Navigation */
#topnav							{list-style: none; position:absolute; bottom:18px; right: 30px;}
#topnav	li						{display: inline; margin-left: 1.6em; float:left; font: 1.2em/1.6em Helvetica, Arial, Verdana, sans-serif; letter-spacing:0.01em;}
#topnav	a						{color:#fff; text-decoration:none;}
#topnav	a:hover					{color:#eee;}
#topnav .current_page_item a	{color:#e6cbb0;}
/* End Navigation */



/* Begin Images */
p img 							{padding:0; max-width:100%;}
img.centered 					{display:block; margin:0 auto;}
img.alignright 					{padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft 					{padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright 					{float: right; margin-left: 7px;}
.alignleft 						{float: left; margin-right: 7px;}
.hideimages img					{display:none !important;}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul 			{margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li 			{margin: 7px 0 8px 10px;}

.entry ul li:before, 
/*#sidebar ul ul li:before 		{content: "\00BB \0020";}*/
.entry ol 						{padding: 0 0 0 35px; margin: 0;}
.entry ol li 					{margin: 0; padding: 0;}

.postmetadata ul, 
.postmetadata li 				{display: inline; list-style-type: none; list-style-image: none;}

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

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

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


ul.designers					{list-style: none; position:relative;}
ul.designers li					{display: block; width: 265px; float: left; margin:15px 15px 0 0; border: 1px #ccc solid; text-align:center;}
ul.designers li	img				{display: inline; float: left; border-right: 1px #ccc solid;}
ul.designers li	a.designerlink	{position: relative; top: 25px; left:0px; font-size: 1.2em;}

#sidebar ul.designer-sidenav	{list-style: none; margin-top:10px;}
#sidebar ul.designer-sidenav li	{margin-bottom:0;}
/* End Entry Lists */



/* Begin Form Elements */
#searchform 				{margin: 10px auto; padding: 5px 3px; text-align: center;}
#sidebar #searchform #s 	{width: 108px; padding: 4px;}
#sidebar #searchsubmit 		{padding: 1px;}

.entry form 				{text-align:center;}
select 						{width: 130px;}

#commentform input 			{width: 170px; padding: 4px; margin: 5px 5px 1px 0;}
#commentform 				{margin: 5px 10px 0 0;}
#commentform textarea 		{width: 100%; padding: 4px;}
#respond:after 				{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit 		{margin: 0 0 5px auto; float: right;}
/* End Form Elements */



/* Begin Comments*/
.alt 						{padding: 10px;}
.commentlist 				{text-align: justify;}
.commentlist li 			{margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li 		{margin-right: -5px; margin-left: 10px;}
.commentlist p 				{margin: 10px 5px 10px 0;}

.children 					{padding: 0;}
#commentform p 				{margin: 5px 0;}
.nocomments 				{text-align: center;}
.commentmetadata 			{margin: 0; display: block;}
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps 		{cursor: help;}
acronym, abbr 					{border-bottom: 1px dashed #999;}
blockquote 						{margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite 				{margin: 5px 0 0; display: block;}
.center 						{text-align: center;}
.hidden 						{display: none;}
hr 								{display: none;}
a img 							{border: none;}
.navigation 					{display: block; float:left; width:100%; text-align: center; margin:10px 0;}
/* End Various Tags & Classes*/



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

.wp-caption 					{text-align: right;}
.wp-caption img 				{border: 0 none;}
.wp-caption p.wp-caption-text 	{font-size: 0.8em; line-height: 17px; padding: 0 4px 5px;}
/* End captions */