/*

Theme Name: Kate Samworth
Theme URI: 
Description: Kate Samworth (katesamworth.com)
Version: v1.0
Author: Vance Bell

*/	


			/* Global Layout */


body 
{
font-size: 0.75em;
margin: 0px;
text-align: center;
background: #ffffff  top left repeat-x;
color: #391100;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

em {
font-style:italic;	
}

strong {
font-weight:bold;
}

#wrap{
	position: relative;
	margin: auto;
	width: 960px;
}

	#top{
		position: relative;
		height: 74px;
	}
	
		#logo{
			position: relative;
			display: block;
			top: 0px;
			left: 0px;
			height: 74px;
			width: 221px;
			padding-right: 28px;
			float:left;
		}	
			
		#nav{
			position: relative;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			float: right;
			font-size: 1.1em;
			letter-spacing: 1px;
			text-align:right;
		}
			
		#nav li{
			position: relative;
			float: left;
			padding-top: 31px;
			height: 26px;
			text-transform:uppercase;
		}
		
		#nav li a{
			position: relative;
			float: left;
			padding: 0 26px 0 0;
			height: 22px;
			color: #391100;
		}
		
		#nav li a:hover, #nav li.active a{
			background: #fff;
			color: #447800;
			text-decoration: none;			
		}

	#thumbs{
		position: relative;
		display: block;
		width: 460px;
		padding: 0;	
		float:right;
	}

		.thumbrow {
		padding: 20px 0 0 0;
		height:220px;
		}

		.thumb {
		height: 220px;
		width: 220px;
		display: block;
		}
		
		.thumbspace{
		padding: 0 20px 0 0; 
		}

	#callouts{
		position: relative;
		width:960px;
		padding: 0;	
		text-align: left;	
		}

		#callouts p, #callouts a {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.6em;
			font-size:1.0em;
			padding-top: 5px;
		}	
		
		#callouts p a {
		color:#c92710;
		padding-bottom:3px;
		}

		#callouts p a:hover {
		padding-bottom: 2px;
		text-decoration:none;
		border-bottom:solid 1px #d7402b;
		}
		
		.calloutleft{
			float: left;
			width: 300px;
			padding-right: 30px;
		}
		
		.calloutright {
			float: left;
			width: 300px;
			padding-bottom: 20px;
		}

		.calloutlink {
			text-align:right;
			padding: 10px 20px 15px 0;
		}

		.calloutlink a {
 			text-transform:uppercase;
			color: #384751;	
		}
		
		.calloutlink a:hover{
			color: #447800;
		}
		
	#content{
		position: relative;
		font-size: 1.2em;
		padding: 0 0 15px 0;
		text-align: left;
	}
	
		#content em {
			font-style:italic;
		}

		#content strong {
			font-weight:bold;
		}
	
		#content h2{
			position: relative;
			font-size: 1.5em;
			padding-bottom: .7em;
			color: #003350;
		}
	
		#content h3{
			position: relative;
			font-size: 1.35em;
			padding-top: .7em;
			padding-bottom: .7em;
			font-weight: bold;
			color: #003350;
		}

		#content h4{
			position: relative;
			font-size: 1.0em;
			padding-top: .7em;
			padding-bottom: .7em;
			font-weight: bold;
			color: #074986;
		}
		
		#content p{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.8em;
			font-size:1.0em;
			padding-bottom: 10px;
		}

		#content p img{
			padding-top: 10px;
		}
		
		#content p a{
			color: #c05e00;
			text-decoration: underline;
		}

		#content p a:hover{
			text-decoration: none;
		}
		
		#content h2 a{
			color:#003350;
			text-decoration: none;
		}
		
		#content h2 a:hover{
			color: #c05e00;

		}		
				
		.list {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:disc;
			padding-left: 25px;
			line-height: 1.6em;
			padding-bottom: 10px;
		}		

/*  Interior page divs  */

	#resume1 {
		width:100px;
		float:left;
	}
	
	#resume2 {
		width:300px;
		float:left;
	}
	
	#resume3 {
		width:560px;
		float:left;
	}
	
	#resume4 {
		width: 100px;
		float:left;
	}
	
	#resume5 {
		width: 860px;
		float:left;
	}
	
	#statement1 {
		width: 500px;
		padding-right: 30px;
		float:left;
		}
	
	#statement2 {
		width: 430px;
		float:left;
	}

/*  Portfolio  */

	#row1, #row2, #row3, #row4, #row5, #row6, #row7, #row8, #row9, #row10, #row11, #row12, #row13, #row14, #row15, #row16, #row17, #row18, #row19, #row20, #row21, #row22, #row23, #row24, #row25    {
		width: 960px;
		float:left;	
	}

	#row1 p, #row2 p, #row3 p, #row4 p, #row5 p, #row6 p, #row6 p, #row7 p, #row8 p, #row9 p, #row10 p, #row11 p, #row12 p, #row13 p, #row14 p, #row15 p, #row16 p, #row17 p, #row18 p, #row19 p, #row20 p, #row21 p, #row22 p, #row23 p, #row24 p, #row25 p    {
		float:left;
		padding-right: 36px;
		font-size: 0.75em;
		line-height: 1.4em;
	}

	#row1 p a, #row2 p a, #row3 p a, #row4 p a, #row5 p a, #row6 p a, #row7 p a, #row8 p a, #row8 p a, #row9 p a, #row10 p a, #row11 p a, #row12 p a, #row13 p a, #row14 p a, #row15 p a, #row16 p a, #row17 p a, #row18 p a, #row19 p a, #row20 p a, #row21 p a, #row22 p a, #row23 p a, #row24 p a, #row25 p a {
		display:block;
	}

/*  Footer  */
	
	#footer{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		position: relative;
		text-align: left;
		width: 960px;
		padding: 40px 0 25px 0;
	}
	
		#foot-left{
			position: relative;
			float: left;
			width: 361px;
			margin-right: 10px;
			height: 100px;
		}
	
		
		#foot{
			float: right;
			width: 540px;
			padding-left: 20px;
			height: 100px;
			text-align:right;
		}
		
		#foot ul{
			position: relative;	
			font-size: 1.0em;
			height: 25px;
			padding-bottom: 15px;
		}
		
		#foot ul li{
			float:right;
			position: relative;
			color: #391100;
		}
		
		#foot ul li a{
			text-decoration: none;
			color: #391100;
			padding-right: 28px;
		}

		#foot ul li a:hover{
			color:#447800;
		}
	
		#foot p{
			position: relative;
			font-size: 1.0em;
			padding-bottom: 1.1em;
			padding-right: 28px;
		}
		
		#foot p a{
			color: #447800;
			text-decoration: none;
		}

		#foot p a:hover{
			color:#447800;
			text-decoration:underline;
		}
		
		.attribution {
			font-size: 0.75em;
		}

	
	
/* Contact Form  */

form {
  margin: 0 22px 22px 22px;
  border: 1px dotted #cd2300;
  padding: 15px;
}
form div { margin-bottom: 10px; }
form label {
  display: block;
  font-size: 1.3em;
  margin-bottom: 5px;
  cursor: pointer;
}
form input {
  width: 410px;
  padding: 5px;
}
form textarea {
  width: 410px;
  padding: 5px;
}
form p {
  float: left;
  padding-right: 10px;
  margin-bottom: 0;
  color: #555555;
  font-size: 1.3em;
}
form p input { width: auto; }
form .clear {
  clear: both;
  margin: 0;
}
form .submit {
  text-align: right;
  margin-bottom: 0;
}
form .submit input {
  width: auto;
  cursor: pointer;
}