@charset "utf-8";
/* CSS Document */

/*	*************************
	Kate Payton's Portfolio
	*************************
	Desc:		stylesheet
	File:		general.css
	Version:	2.0
	Created:	August 15th, 2009
	Last Edit:	August 23rd, 2009
	Author:		Kate Payton @ www.katepayton.com
	************************* */

/* Buttons */
@import "buttons.css";

		
/*	_________________________

	Main styles
	_________________________ */

a 			{ 				color: #152f64;	text-decoration: underline; }
a:hover 	{ 				color: #152f64;	text-decoration: none; }
a img 		{ 				border: 0px;	text-decoration: none; }

body {
	background-color:		#c9ddf1;
	color: 					#152f64;
	font-family: 			Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	font-weight: 			normal;
	line-height: 			16px;
	margin: 				0px;
	padding: 				0px;
}

h1 {
	color:				 	#FFFFFF;
	margin: 				20px 0px -1px 0px;
}


h2 { /*  Used for column titles */
	color: 					#152f64;
	font-family: 			Tahoma, Verdana, Arial;
	font-size: 				18px;
	font-weight: 			normal;
	padding: 				0px;
	text-align: 			left;
	text-decoration: 		none;
}

img 		{ 				padding: 0px;	margin: 0px; }
img a 		{ 				border: 0px;	text-decoration: none; }

p {
	color:					#3b5998;
	font-family: 			Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 			normal;
	line-height: 			18px;
	margin: 				0px 0px 10px 0px;
	padding: 				0px;
}

/*	_________________________

	Header styles
	_________________________ */


h1 a {	/*  Will negate text and replace with image */
	background-image: 		url(../images/g_logo_175x72.png);
	display: 				block;
	float: 					left;
	height: 				72px;
	padding: 				0px;
	text-indent: 			-900em;
	width: 					175px;
}

#header_outer 	{ 			
	background: 			#fff; 
	clear: 					both; 
	height: 				110px;	
	margin: 				0px auto 0px auto;	
	padding: 				0px;	
	width: 					100%; 
}
#header_inner	{ 
	background: 			#fff;
	clear:					both;
	margin: 				0px auto;
	padding:				15px 0px 0px 0px;
	width: 					850px; 
}
#header 		{ 			height: 90px;	margin: 0px 0px 0px 0px;	padding: 0px; }


/*	_________________________

	Navigation styles
	_________________________  */
	

#nav_outer 	{ 	
	background: 			url(../images/g_bg_tnav.png) repeat-x bottom left #FFF;
	clear:					both;
	height: 				41px;
	margin: 				0px 0px 0px 0px;
	width: 					100%;
}
#nav_inner 	{ 				height: 39px;	margin: 0px auto;	padding: 1px 0px 0px 0px;	width: 850px; }


/* --- Left - main content --- */
.nav_left {					float: left;	margin: 10px 0px 0px 0px;	padding: 0px;	width: 550px; }
.nav_left ul {				margin: 0px;	padding: 0px; }
.nav_left ul li {			float: left;	list-style: none;	margin: 0px 5px; }

/* --- Right - small stuff --- */
.nav_right {				float: right;	margin: 0px 0px 0px 0px;	padding: 0px;	width: 250px; }
.nav_right ul {				float: right;	margin: 0px 0px 0px 0px; padding: 0px; text-align: right; }
.nav_right ul li { 			float: left;	list-style: none;	margin: 0px 7px; }



/*	_________________________

	Feature Area styles
	_________________________  */

#feature_outer 	{ 			
	background: 			#fff; 
	clear: 					both; 
	height: 				265px;	
	margin: 				0px auto 0px auto;	
	padding: 				0px;	
	width: 					100%; 
}
#feature_inner	{ 			clear: both; height: 260px;	margin: 0px auto;	padding: 0px;	width: 850px; }

/* --- Left - introduction --- */
.feature_left { 
	background:				url(../images/g_bg_intromain.png) no-repeat top left;
	float:					left;
	height: 				157px;	
	margin: 				30px 20px 30px 0px;	
	padding: 				20px 30px 25px 30px; 
	width:					522px;
}
.feature_left h2 { 			margin: 0px 0px 10px 0px;	padding: 0px; }
.desc_icon {
	float:					left;
	height:					120px;
	margin:					0px 20px 0px 0px;
	width:					50px;
}

.welcome_copy {				float: left;	height: 120px;	width: 420px; }
.welcome_copy .left {		float: left;	height: 27px;	width: 120px; }
.welcome_copy .right {
	float:					right;
	height:					25px;
	margin: 				3px 0px 0px 0px;
	width:					200px;
}
ul.social {					float: right;	margin: 0px;	padding: 0px;}
ul.social li {
	float:					left;
	list-style:				none;
	margin: 				0px 5px 0px 0px;
	padding: 				0px;
}

/* --- Right - twitter feed --- */
.feature_right { 
	background:				url(../images/g_bg_introside.png) no-repeat top left;
	float:					right;
	height: 				202px;	
	margin: 				30px 0px 30px 20px;	
	padding: 				0px; 
	width:					202px;
}

.feature_right .inner { 
	background:				#fff;
	border-top:				1px solid #b5c8da;
	border-left:			1px solid #b5c8da;
	border-bottom:			1px solid #9cb2c6;
	border-right:			1px solid #9cb2c6;
	height:					131px;
	margin:					20px 16px 0px 16px;
	width:					167px;
}

.feature_right .icon {		height: 53px;	margin: -20px 16px 0px 10px;	width: 48px; }
#twitter_div {				height: 131px;	margin: 0px;	width: 167px;}
#twitter_update_list {		font-size: 85%;	line-height:14px;	list-style: none;	margin: 10px 10px 0px -30px; }
.twitter-link {				float: right;	font-size: 9px; list-style: none;	margin: -25px 25px 0px 0px; }


/*	_________________________

	Break styles
	_________________________  */
	

#break_outer 	{ 	
	background: 			url(../images/g_bg_bnav.png) repeat-x top left #c9ddf1;
	clear:					both;
	height: 				39px;
	margin: 				0px;
	width: 					100%;
}
#break_inner 	{ 			height: 25px;	margin: 0px auto;	padding: 1px 0px 0px 0px;	width: 850px; }
#break_inner .title { 		height: 17px;	margin: 6px 0px;	padding: 0px;	width: 250px; }

/*	_________________________

	Content styles
	_________________________  */

#content_outer 	{	
	background: 			url(../images/bg_content_blue.jpg) repeat-x top left #c9ddf1; width: 100%; }
#content_inner 	{ 	
	background: 			#c9ddf1;
	clear:					both;
	margin: 				0px auto;
	width: 					850px; 
}

.can_do {					float: left;	height: 315px;	margin: 10px 30px 10px 0px;	width: 585px; }
.can_do .item {				float: left;	height: 130px;	margin: 10px 30px 10px 0px;	width: 250px; }
/* icon is .desc_icon - previous section */
.desc_copy {				float: left;	margin: 10px 0px 0px 0px;	width: 170px; }
.desc_copy p {
	font-size:				90%;
	line-height:			14px;
	margin:					5px 0px 0px 0px;
	text-transform: 		lowercase;
}

.recent_work {
	background:				url(../images/g_bg_recent.png) no-repeat top left;
	float:					right;
	height: 				305px;	
	margin: 				10px 0px 30px 20px;	
	padding: 				0px; 
	width:					202px;
}

.recent_work .inner { 
	background:				#fff;
	height:					275px;
	margin:					15px 16px 0px 16px;
	width:					170px;
}

.poloroid_sml {
	background:				url(../images/g_bg_poloroid_sml.png) no-repeat bottom right;
	height:					50px;
	margin:					10px 0px 15px 0px;
	padding:				8px 6px 10px 7px;
	width:					157px;
}

.poloroid_sml img {			border: 1px solid #474747; }
.poloroid_sml img a {		border: 1px solid #000000; }



/*	_________________________

	Footer styles
	_________________________  */

#footer_outer { 	
	background: 			url(../images/g_bg_tnav.png) repeat-x top left #c9ddf1;
	clear:					both;
	font-size:				85%;
	height: 				30px;
	margin: 				0px auto;
	padding: 				15px 0px 0px 0px;
	text-align:				center;
	width: 					100%;
}

#footer_outer a {
	color:					#3b5998;
}

#footer_outer img {
	margin:					auto 0px auto 3px;
}