/*
Theme Name: Shea Cadrin Portfolio
Description: Shea Cadrin's Portfolio Theme
Version: 1.0
Author: Shea Cadrin
Author URI: http://www.sheacadrin.com
*/

@charset "UTF-8";
background {
	background: #e0e0df;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #767675;
	line-height:16px;
	background: #e0e0df;
}
a {
	border-bottom: dotted 1px #79429c;
	text-decoration: none;
	color: #767675;
	padding:1px;
}
a:hover {
	border-bottom: solid 1px #79429c;
	color: #79429c;
}
 a:visted {
text-decoration:none;
}
/*************** TOP NAVIGATION ***************/

#top_nav {
	height: 25px;
	width: 100%;
	position: fixed;
	top: 0px;
	left:0px;
	background: #f3f3f2;
}
#top_nav_container {
	position:fixed;
	margin-left:750px;
	top:5px;
}
#top_nav_list {
	float:right;
	padding:0px;
	margin:0px;
}
#top_nav_list li {
	display:inline;
}
#top_nav_list li a {
	font-size: 13px;
	color: #b8b8b1;
	font-weight:bold;
	text-transform: uppercase;
}
#top_nav_list li a:hover {
	color: #79429c;
}
#top_nav_list li a:visited {
	text-decoration:none;
}
.page_item a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0px 20px 0px 10px;
	padding-left:10px;
	color: #b8b8b1;
	font-weight:bold;
	text-transform: capitalize;
}
.current_page_item a {
	color: #767675;
}
/*************** END TOP NAVIGATION ***************/

/*************** LEFT NAVIGATION ***************/

#left_nav {
	width:240px;
	position:fixed;
	top:-20px;
	left:40px;
	z-index:10;
}
h1 {
	width: 240px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	background: url(_images/shea_cadrin_logo.gif) no-repeat;
	margin:0px;
}
h1:hover {
	background: url(_images/shea_cadrin_logo_rollover.gif) no-repeat;
}
#logo {
	border-bottom: none;
	text-decoration: none;
	padding:none;
}
#logo:hover {
	border-bottom: none;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #767675;
	line-height:16px;
	font-size: 13px;
	font-weight: bold;
	padding: 7px 20px 0px 20px;
	border-top: #f3f3f2 solid 4px;
	margin: 30px 0px 15px 0px;
	text-transform: uppercase
}
/*************** NAVIGATION ***************/

#left_nav_list {
	margin: 0px 20px;
}
li {
	margin: 6px 0px;
}
li a {
	border-bottom: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
li a:hover {
	border-bottom: none;
	color: #79429c;
}
li a:visited {
	border-bottom: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration:line-through;
}
.selected_side {
	color: #79429c;
	font-weight: bold;
}
/*************** END NAVIGATION ***************/

/*************** END LEFT SIDE BAR ***************/






/*************** WORK ***************/

#content {
	padding-left:340px;
	width:640px;
	background: #e0e0df;
}
#metadata {
	text-transform: uppercase;
	padding:20px;
}
#content p {
	padding-left:20px;
	padding-right:20px;
	color:#767675;
	font-family:Helvetica, Arial, sans-serif;
	line-height:16px;
	font-size: 11px;
	margin-top:10px;
}
#footer {
	width:640px;
	float:left;
	margin-top: 200px;
	border-top: #FFF solid 4px;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	color: #767675;
	line-height:16px;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 162px;
	border-top: #f3f3f2 solid 4px;
	text-transform: uppercase;
}
strong {
	font-weight:normal;
	font-size: 11px;
	text-transform: capitalize;
	borer-bottom: none;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
strong a {
	border-bottom: none;
}
img {
	padding: 50px 0px 0px 0px;
}
img {
	margin-bottom: 20px;
}
img.blog {
	padding: 20px 0px;
}
img.web1 {
	margin:50px 0px 0px 0px;
	border: #fff solid 1px;
	padding:0px;
}
img.web2 {
	margin: 10px 0px 0px 0px;
	border: #fff solid 1px;
	padding:0px;
}
img.detail {
	padding: 0px;
	margin-top: 20px;
	outline: #fff solid 4px;
}
#video {
	margin:50px 100px 0px 100px;
}
/*************** END WORK ***************/


.contact {
	margin-top:40px;
}
/*************** RESUME ***************/


h4 {
	font-size: 13px;
	font-weight:normal;
	margin: 30px 20px 7px 20px;
}
h5 {
	font-size: 13px;
	font-weight: normal;
	margin: 15px 20px 0px 20px;
}
h6 {
	font-size: 13px;
	font-weight: normal;
	margin: 5px 20px 0px 20px;
}
h7 {
	font-size: 11px;
	font-weight:normal;
	margin: 30px 0px 20px 0px;
}
.resume p {
	margin: 0px 20px;
	width: 450px;
}
/*************** END RESUME ***************/

div.comment-author img {
	padding: 20px 0px 0px 0px;
}
.comment-author {
	padding:0px 20px;
	font-weight:bold;
}
.commentmetadata {
	padding:0px 20px;
	font-weight:bold;
}



/*************** SLIDESHOW ***************/

/*preload classes*/
.svw {width: 620px; height: 400px; background: #e0e0df;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 4px solid #f3f3f2;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Helvetica, Arial, sans-serif;
text-align: center;
line-height: 22px;
background: #f3f3f2;
color: #767675;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #79429c;
color: #f3f3f2;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}