/*
Theme Name: 6 West Design Blog
Theme URI: http://6westdesign.com
Description: 6 West Designs blog
Author: 6 West Design
Author URI: http://6westdesign.com
version: 1.0
Tags: two-column, widget-ready,blank
*/
/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin:0px; padding:0px; list-style:none}
img									{border:none;}
a:link, a:visited					{color:#000; text-decoration:none; cursor:pointer;}
a:hover, a:active					{color:#000; text-decoration:none; cursor:pointer;}
/*input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer; margin-bottom: 5px}
*/
/* Set html & body 
--------------------------------------------------*/
html								{width:100%;}
body								{position:relative; width:100%; min-width:1000px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#777; background:#FFF url(images/bkg_pattern_top.png) 0 0 repeat-x; z-index:1;}
#site_wrapper						{position:relative; width:1000px; min-height:700px; margin:0 auto; left:0px; z-index:3;}

#gradient							{position:absolute; /*top:560px;*/ top:480px; width:100%; min-width:1000px; height:150px; margin:0 auto; background:url(images/bkg_gradient.png) 0 0 repeat-x; z-index:2;}

/* BRANDING & NAVIGATION
---------------------------------------------------*/
#branding 							{position:relative; height:105px; border-bottom:#bebebe 2px dotted; width:904px; margin:0 auto;}
#branding h2						{position:absolute; left:-9997px;}

#logo								{position:relative; top:47px; left:0px; width:440px; height:50px;}

/* Main Navigation*/
#nav								{float:right; margin-top:20px; height:24px; letter-spacing:1px;}
#nav h2								{position:absolute; left:-8999px;}

#nav ul								{font-family: "Trebuchet MS", TrebuchetMS, Arial; padding:4px 0px; list-style:none; float:right;}
#nav ul li							{float:left; font-size:14px;}
#nav ul li a						{display:block; color:#bebebe; text-decoration:none;}
#nav ul li a:hover					{color:#5b5b5b;}
#nav ul li a:active					{color:#005d86;}

#pg_blog #nav ul li a:hover, a:active	{color:#5b5b5b; text-decoration:none;}

#nav_work, #nav_casestudies, #nav_studio, #nav_blog {margin:0px 10px;}
#nav_contact						{margin:0px 0px 0px 10px;}

#pg_packaging #nav_work a, 
#pg_branding #nav_work a, 
#pg_websites #nav_work a,
#pg_klinkerbrick #nav_casestudies a,
#pg_pianetta #nav_casestudies a,
#pg_usb #nav_casestudies a,
#pg_studio #nav_studio a,
#pg_services #nav_studio a,
#pg_process #nav_studio a,
#pg_team #nav_studio a,
#pg_contact #nav_contact a 			{color:#005d86;}
#pg_blog #nav_blog a				{color:#b42814;}


/* Sub Navigation */
#subnav								{position:relative; height:35px; width:904px; margin:0px auto; padding-top:12px; }

#subnav ul							{font-family: "Trebuchet MS", TrebuchetMS, Arial; padding:4px 0px; list-style:none; float:right;}
#subnav ul li						{float:left; font-size:11px;}
#subnav ul li a						{display:block; color:#bebebe; text-decoration:none;}
#subnav ul li a:hover 				{color:#5b5b5b;}
#subnav ul li a:active				{color:#005d86;}

#pg_blog #subnav ul li a:hover, a:active	{color:#5b5b5b; text-decoration:none;}

/* Subnav - Work */
#subnav_packaging, #subnav_branding {margin:0px 6px 0px 0px; padding-right:6px; border-right:1px solid #bebebe;}
#subnav_websites					{margin:0px; border:none;}

#pg_packaging #subnav_packaging a, 
#pg_branding #subnav_branding a, 
#pg_websites #subnav_websites a		{color:#005d86;}

/* Subnav - case studies */
#subnav_kb, #subnav_pianetta 		{margin:0px 6px 0px 0px; padding-right:6px; border-right:1px solid #bebebe;}
#subnav_usb							{margin:0px; border:none;}

#pg_klinkerbrick #subnav_kb a, 
#pg_pianetta #subnav_pianetta a, 
#pg_usb #subnav_usb a				{color:#005d86;}

/* Subnav - studio */
#subnav_studio, #subnav_services  	{margin:0px 6px 0px 0px; padding-right:6px; border-right:1px solid #bebebe;}
#subnav_process						{margin:0px; border:none;}

#pg_studio #subnav_studio a, 
#pg_services #subnav_services a, 
#pg_process #subnav_process a, 
#pg_team #subnav_team				{color:#005d86;}

/* TEXT FORMATTING
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6				{margin-bottom:8px;}

h1									{font-size:26px; font-weight:normal; color:#005d86;}
h2									{font-size:15px; font-weight:normal; color:#005d86; text-transform:uppercase;}
h3									{font-size:16px; font-weight:normal; color:#4c4c4c;}
h4									{font-size:14px; font-weight:normal; color:#4c4c4c;}
p									{line-height:22px; margin-bottom:10px;}

/* GLOBAL FORMATTING
---------------------------------------------------*/
#content							{position:relative; min-height:600px; overflow:auto; z-index:4;}

#whiteBoxFull						{margin:0px 50px; padding:0px 38px; background:url(images/bkg_transwhiteblock.png) repeat; overflow:auto;}
#whiteBoxHalf						{float:left; margin:0px 0px 0px 50px; padding:0px 38px; width:420px; background:url(images/bkg_transwhiteblock.png) repeat; overflow:auto;}

#oneColLeft							{float:left; width:420px;}
#twoColLeft							{float:left; width:395px; margin-right:30px; text-align:justify;}
#twoColRight						{float:left; width:395px; margin-right:0px; text-align:justify;}

#brandingPhoto						{width:824px; height:275px; margin-bottom:20px;}		
#pg_contact #brandingPhoto			{background:url(images/img_contact.jpg);}	
#pg_studio #brandingPhoto			{background:url(images/img_studio.jpg);}	
#brandingPhoto p					{width:400px; color:#FFF; padding:80px 0px 0px 40px; font-size:18px; line-height:30px;}
#pg_studio #brandingPhoto p			{float:right; width:400px; color:#FFF; padding:80px 70px 0px 0px; font-size:18px; line-height:30px; text-align:right;}

/* Global Classes */
.link								{float:right;}
.link span							{float:left; font-size:12px; text-transform:uppercase; margin-left:5px;}
.link a:link, .link a:visited		{color:#bebebe;}
.link a:hover, .link a:active		{color:#5b5b5b;}

.dottedline							{margin:0px auto; width:904px; height:2px; border-top:2px dotted #bebebe;}
.solidline							{margin:15px 0px; width:auto; height:1px; border:none; background-color:#dfdfdf;}
.clear								{clear: both; width:1px; height:1px;}
.left								{float:left;}
.right								{float:right; padding:0px 0px 15px 15px;}
.largeText							{font-size:22px; font-weight:normal; color:#999;}


/* BLOG PG FORMATTING
---------------------------------------------------*/
#blogpost							{float:left; width:594px; padding:0px 25px 0px 88px;}
#blogpost h2						{color:#b42814; font-size:26px; font-weight:normal; margin-bottom:0px; text-transform:none;}
small								{font-size:10px; line-height:18px;}
#blogpost a:link, #blogpost a:visited 	{color:#b42814;}
#blogpost a:hover, #blogpost a:active 	{color:#ff2000;}
		
#sidebar							{float:left; width:205px; border-left:2px dotted #CCC; min-height:500px; text-align:right;}
#sidebar h2							{font-size:12px; color:#4c4c4c; margin-bottom:3px; margin-top:10px; text-transform:none;}
#sidebar h3							{font-size:13px; color:#b42814; letter-spacing:1px; margin-top:3px; text-transform:none;}
#sidebar ul							{margin-bottom:10px;}
#sidebar ul li						{font-size:11px; color:#bebebe; margin-bottom:3px;}
#sidebar ul li a:link, #sidebar ul li a:visited	{color:#bebebe;}
#sidebar ul li a:hover,#sidebar ul li a:active	{color:#828282;}
#sidebar img#igniting				{margin-bottom:12px;}
#sidebar .spacer					{height:60px;}							
#sidebar .right						{padding:0px 0px 0px 5px;}
							
/* BLOG POST FORMATTING
---------------------------------------------------*/
.entry p{margin:12px 0;}
.postmetadata						{clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; width:580px;}

.navigation 						{font-size:8pt; width:590px; float:left; margin:0 0 15px 0; padding:0; overflow:hidden;}
	
.alignleft a						{float:left; margin:0px 0;}
.alignright a						{float:right; margin:0px 0;}

#commentform						{background:#fff; margin:0; padding:0;}	
#commentform p						{color: #000;}
#commentform a						{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
#commentform h3						{font-size: 10pt; font-weight: 300; color: #000; margin:0; padding:0;}	
#comment							{width: 500px;}

#author, #email, #url, #comment, #submit	{background: #fff; font-family: verdana, arial, times; font-size: 8pt; margin:5px 5px 0 0; padding:0; border: 1px solid #000;}
	
#submit								{margin:5px 5px 0 0;}
#comments							{margin:0; padding:0}
	
.avatar								{float:left; margin:0 12px 0 50px;}

ol.commentlist 						{list-style-type: none; margin:0; padding:0;}
ol.commentlist li 					{background: #fff; margin:10px 0; padding:5px 0 5px 10px; list-style-type:none;}
ol.commentlist li.alt 				{background: #eee;}
ol.commentlist li p 				{margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
ol.commentlist a 					{color:#000;}

cite 								{font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal;}
cite a								{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* search
--------------------------------------------------*/
#searchform							{padding:0; margin:14px 0;}
#searchform input#s					{margin:0; padding:2px; border:1px solid #000;}
#searchform input#searchsubmit		{border:none; background:#333; color:#fff; text-transform:lowercase;}
.alignright 						{float: right;}
.alignleft 							{float: left}


/* FOOTER
---------------------------------------------------*/
#footer_wrapper						{position:relative; width:100%; min-width:1000px; height:270px; background:url(images/bkg_pattern_bottom.png) repeat-x; /*z-index:3;*/}
#footer								{width:1000px; margin:0px auto;}
#footer blockquote					{margin:12px 50px 0px; padding:15px 0px; border-top:#bebebe 2px dotted;}
#footer cite						{font-style:normal; font-weight:normal; text-transform:uppercase; color:#bebebe; font-size:10px; text-decoration:none;}
#footer cite a:link, #footer cite a:visited {color:#bebebe; text-decoration:none;}
#footer cite a:hover, #footer cite a:active {color:#5b5b5b; text-decoration:none;}

#footer ul							{font-family: "Trebuchet MS", TrebuchetMS, Arial; list-style:none; float:right; font-size:11px; letter-spacing:1px;}
#footer ul li						{float:left; margin-left:30px;}
#footer ul li a						{display:block; color:#bebebe;}
#footer ul li a:hover, a:active		{color:#5b5b5b; text-decoration:none;}