/*  
Theme Name: BAI
Theme URI: http://www.badassideas.
Description: Wordpress theme of Badass Ideas
Author: Samantha Warren
Author URI: http://www.badassideas.com/

	Copyright (c) Samantha Warren
*/

* { margin:  0; padding: 0; }
p { margin: 10px 0; font-size:105%; linehight:110%; }
a img, frameset { border: 0; }

.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }

body {
	font-size: 88%;
	font-family: Georgia, Serif;
}

 	h2, h3, h4, h5 {color:#474545; }
	h3 { font-size: 185%; margin: 0px 0;line-height:30px;}
	h3 { font-size: 150%; margin: 10px 0; line-height:20px;}
	h4 { font-size: 135%; margin: 20px 0px 0px 0px; }
	h5 { font-size: 115%; margin: 20px 0px 0px 0px; }	

	a, a:link {/*border-bottom:1px dotted #b6a1b2*/; outline:none; text-decoration: none; color:#a65398;font-family:arial;letter-spacing:.5px;font-size:85%; }
	a:visited {}
	a img{border-bottom:0px;
	}
	
	a:hover { color:#907b8d; text-decoration: none; border-bottom:none; }
	a:active {} 

	button { 
	cursor: pointer; 
	width: auto;
	overflow: visible;
	}
	
		#submit, #error404-searchsubmit{
		background:#a95e9c url(images/btbg.png) top center repeat;
		padding:1px;
		font-family:georgia, times, serif;
		border:2px solid #8a507e;
		color:#d4cdd5;
		font-style:italic;
		font-size:102%;
	}

		#submit:hover, #error404-searchsubmit:hover{
		background:#a95e9c url(images/btbgr.png) top center repeat;
		color:#5e2953;
	}
	
label { font-weight: bold; }
	/* end */		

body{
	margin:0px;
	font-family:georgia, times, serif;
	color:#6d616a;
	padding:0px;
	line-height:25px;
	background:#fff url(images/bg.png) top center repeat;
}
#outerwrap {
	margin:0 auto;
	padding: 0px;
	background: url(./images/headerbg.png) top center no-repeat;
}
#centerwrap{
	position:relative;
    left:50%;
    width:900px;
    margin-left:-475px;
}
#contentwrap{
	width:960px;
	margin:0 auto;
	padding: 0px;
}
#maincontent{
	padding-top:0px;
}

/*------Header--------*/
#mast{
	width: 100%;
	height: 335px;
	margin:0 auto;
	position: relative;
}
h1{
	margin-left:35px;
}
h1 a{
	display:block;
	width:497px;
	height:243px;
	text-indent:-9000px;
	border-bottom:0px;
	background: url(images/logo.png) 0px 0px no-repeat;
	outline:none;
}
h1 a:hover{
	background: url(images/logo.png) 0px -243px no-repeat;
	border-bottom:0px;
}
#leftcolumn{
	width:540px;
	float:left;
	margin-top:10px;
}
#leftcolumn a:hover img{
	display:block;
}
/*---------navigation-------*/

#nav{
	background: url(images/nav.png) no-repeat center top;
	height:32px;
	left:139px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	top:229px;
	width:300px;
}
#nav li {
/*  position: absolute;*/
  top: 0;
  height: 36px;
  list-style: none;
float:left;
}
#nav li a {
  display: block;
  height: 36px;
  text-indent: -9000px;  
border-bottom:none;
}

#navabout { left: 0; }
#navabout, #navabout a { width: 67px; text-decoration:none;}
#navabout a:hover  { background: url(images/nav.png) 1px -33px no-repeat; }

#navwork { left: 67px; }
#navwork, #navwork a { width: 68px; }
#navwork a:hover  { background: url(images/nav.png) -66px -33px no-repeat; }
body.book #navbook  { background: url(images/nav.png) -66px -33px no-repeat; }

#navarchives { left: 143px; }
#navarchives, #navarchives a { width: 82px; }
#navarchives a:hover  { background: url(images/nav.png) -134px -33px no-repeat; }
body.archives #navarchives  { background: url(images/nav.png) -135px -33px no-repeat; }

#navsubscribe { left: 217px; }
#navsubscribe, #navsubscribe a { width: 80px; }
#navsubscribe a:hover  { background: url(images/nav.png) -216px -33px no-repeat; }


/*---Sidebar/ right column-----*/
#rightcolumn{
	width:320px;
	float:right;
	margin-top: -50px;
}
#about{
	margin-left:0px;
}
#about h3 a{
	display:block;
	width:320px;
	height:330px;
	text-indent:-9000px;
	border:none;
	background: url(images/about.png) 0px 0px no-repeat;		
}
#about h3 a:hover{
	background: url(images/about.png) 0px -332px no-repeat;	
	border:none;
}
#elsewhere h4{
	display:block;
	width:280px;
	height:83px;
	text-indent:-9000px;
	border:none;
	background: url(images/sidehead-elsewhere.png) 0px 0px no-repeat;
	margin-left:-20px;
}
#elsewhere{
	padding-left:25px;
}
#elsewhere li{
	list-style-type:none;
	background: url(images/side-divide.png) bottom center no-repeat;
	padding-bottom:20px;
}

#elsewhere h5, #elsewhere h5 a{
	color:#795773;
	font-size:16px;
	font-weight:normal;
	border-bottom:none;
	font-family:georgia, times, serif;
}
 #elsewhere h5 a:hover{
	color:#9e1a87;
}
#elsewhere em{
	color:#999999;
	font-size:90%
}
#elsewhere em a{
	color:#a65398;
	font-family: arial, verdana; 
	text-transform:uppercase;
	font-size:85%;
	font-style:normal;
	letter-spacing:1px;
	margin-left:3px;
}
#elsewhere p{
	margin:3px 0px 0px 0px;
	font-size:90%;
	line-height:20px;
}
.moreside a{
	font-style:italic;
	border-bottom:none;
	font-family:georgia;
	color:#84527c;
	letter-spacing:0px;
	color:#761964;
}
.moreside a:hover{
	color:#761964;
	border-bottom:1px dotted #b6a1b2;
}
#resources{
	margin-left:0px;
}
#resources h3 a{
	display:block;
	width:320px;
	height:123px;
	text-indent:-9000px;
	border:none;
	background: url(images/resources.png) 0px 0px no-repeat;		
}

#resources h3 a:hover{
	background: url(images/resources.png) 0px -124px no-repeat;	
	border:none;
}
#recentposts{
	margin-top:40px;
	padding-left:20px;
	
}
#recentposts a{
	display:block;
	margin-bottom:10px;
	border-bottom:none;
	font-family:georgia, times, serif;
	color:#a16d98;
}

#recentposts a:hover{
	color:#a4839d;
}
#recentposts h3{
	display:block;
	width:208px;
	height:46px;
	text-indent:-9000px;
	border:none;
	background: url(images/recenthead.png) 0px 0px no-repeat;
	margin-left:-5px;
	margin-bottom:20px;
}
#browse{
	width:300px;
	padding-left:25px;
}
#browse h4{
	display:block;
	width:129px;
	height:94px;
	text-indent:-9000px;
	border:none;
	background: url(images/browse.png) 0px 0px no-repeat;
	margin-left:70px;
}

#browse a{
	color:#636363;
	font-family:georgia, times, serif;
	border-bottom:none;
}
#browse a:hover{
	color:#782478;
	border-bottom:1px dotted #7f7f7f;
}

#browse li{
  	list-style: none;
}


#subject{
	width:180px;
	float:left;
}
#date{
	float:right;
	width:120px
}
/*-----------footer--------*/
#footer{
	width:952px;
	height:198px;
	background: url(images/footer.png) bottom left no-repeat;
	margin-left:-40px;
	padding-top:40px;
}
#footer p{
	color:#999;
	font-style:italic;
	font-family:georgia,times, serif;
	font-size:115%;
	margin-top:90px;
	position:relative;
	left:675px;
	text-align:right;
	width:250px;
	display:block;
	position:relative;

}
#footer p a{
	color:#996699;
	font-style:normal;
	font-family:georgia,times, serif;
	font-size:70%;
	display:block;
	border-bottom:none;
}
#twitter a{
	display:block;
	width:148px;
	height:48px;
	text-indent:-9000px;
	border:none;
	background: url(images/wannatwitter.png) 0px 0px no-repeat;	
	margin-left:762px;	
	margin-top:-46px;
}
#twitter a:hover{
	background: url(images/wannatwitter.png) 0px -50px no-repeat;	
	border:none;
}
#ninerules{
	position:relative;
	top:134px;
	left:600px;
	width:70px;
}	
#ninerules a{
	display:block;
	width:61px;
	height:61px;
	text-indent:-9000px;
	border:none;
	background: url(images/9-rules.png) 0px 0px no-repeat;		
}

#ninerules a:hover{
	background: url(images/9-rules.png) 0px -64px no-repeat;	
	border:none;
}

/*---------mini post-------*/

#miniport {
	left:650px;
	position:relative;
	top:-70px;
	width:275px;
	height:120px;
	padding:40px 0px 20px 12px;
}

#miniport a span{
	font-family:georgia, times, serif;
	font-style:italic;
	font-weight:normal;
	color:#791464;
	font-size:116%;
	margin-top:30px;
	text-align:right;
	display:block;

}
#miniport h2{
	display:block;
	position:absolute;
	font-family:georgia, times, serif;
	font-style:italic;
	font-weight:normal;
	color:#791464;
	top:10px;
	font-size:116%;
}

#miniport li {
  top: 0;
  height: 74px;
  list-style: none;
	float:left;
	margin-right:16px;
	margin-bottom:10px;
}
#miniport li a {
  	display: block;
  	height: 74px;
	border-bottom:none;
}

#miniportnews a{ top: 0px; background: url(images/miniport-news.png) }
#miniportnews a { width: 74px; height:74px; text-decoration:none;}
#miniportnews a:hover  { background: url(images/miniport-news.png) 0px -74px no-repeat; }

#miniportam a{ top: 0px; background: url(images/miniport-am.png) }
#miniportam, #miniportam a { width: 74px; height:74px; text-decoration:none;}
#miniportam a:hover  { background: url(images/miniport-am.png) 0px -74px no-repeat; }


#miniportzy a{ top: 0px; background: url(images/miniport-zy.png) }
#miniportzy, #miniportzy a { width: 74px; height:74px; text-decoration:none;}
#miniportzy a:hover  { background: url(images/miniport-zy.png) 0px -74px no-repeat; }


/*-----------post classes--------*/
blockquote, #singlepage blockquote {
	background: url(images/quote.png) top left no-repeat;
	width:350px;
	font-size:120%;
	padding-left:45px;
	color:#5e4259;
	padding-bottom:20px;
	margin-top:20px;
	font-style:italic;
	line-height:150%;
	font-variant:normal;
	font-family:georgia, serif;
}
blockquote small{
	color:#666;
	font-style:normal;
	display:block;
	font-size:70%;
	text-align:right;
}

.tweet{
	background: url(images/tweet.png) top left no-repeat;
	width:350px;
	font-size:120%;
	padding-left:65px;
	color:#5e4259;
	padding-bottom:20px;
	margin-top:20px;
	font-style:normal;
	line-height:130%;
	font-variant:normal;
	font-family: georgia;
	display:block;
}
#singlepage p blockquote{
		line-height:130%;
}
.wp-caption-text{
	color:#666666;
	font-style:normal;
	font-size:90%;
	text-align:center;
}
.postmetadata{
	color:#999999;
	font-size:90%;
	padding-top:10px;
	display:block;
}
.postmetadata a{
	font-style:italic;
	font-family:georgia, times, serif;
	letter-spacing:0px;
}
.commentspot{
	background: url(images/comment-icon.png) center left no-repeat;
	padding-left:20px;
}
/*----------new stuff-----------*/
.name {
	font-size:190%;
	font-style:italic;
	font-family:georgia, times, serif ;
	border-bottom:none;	
	background: url(images/curl.png) top left no-repeat;
	display:block;
	height:26px;
	padding-left:43px;
	padding-top:5px;
	color:#63495e;
}

.commentlinks p{
	font-size:100%;
	color:#766871;
	padding-left:40px;
}

/*----------new stuff-----------*/

a.comments{
	display:block;
}
.post ul{
	padding:0px 0px 15px 50px;
}
.post li{
	list-style-image:url(images/bullet.png);
	line-height:170%;
}
.post li a{
	font-family:georgia, times, serif;
}
.postdate{
	position:absolute;
	background: url(images/dateboxbg.png) top left no-repeat;
	display:block;
	width:95px;
	height:72px;
	margin-top:-14px;
	text-align:center;
	padding:20px 10px 0px 7px;
}
.everybutdate{padding-left:114px;
	width:430px;
}
.post h2 a, .post-cat-three h2 a{
		font-family:georgia, serif;
		font-size:170%;
		color:#403d3d;
		border-bottom:0px;
		line-height:90%;
		font-weight:normal;
		-webkit-text-stroke: .5px #343232;
			text-shadow:0 1px 0 #FFFFFF;
}
.post h2 a:hover, .post-cat-three h2 a:hover{
		color:#761c70;
}
.entry {
display:block;
padding-bottom:40px;
background: url(images/postdivider.png) bottom center no-repeat;
margin-bottom:40px;
}

.entry p{
	padding-left:2px;
	margin-bottom:10px;
}
.entry a, .entry-content a{
	border-bottom:1px dotted #ae1ea6;
}
.entry a:hover, .entry-content a:hover{
	border-bottom:none;
}
.firstline{
	text-transform:uppercase;
	color:#403d3d;
	font-size:90%;
	font-family: georgia, serif;
}
.firstletter{
font-size:150%;
	color:#403d3d;

}
.question{
font-size:120%;
color:#615561;
font-style:italic;

}
.answer{
font-size:140%;
color:#713b66;
font-style:italic;

}
.endnote{
	font-style:italic;
	color:#8d8c8c;
	font-size:90%;
/*	border-top: 1px solid #cccccc;*/
	padding-top:15px;
	margin-top:30px;
}
.datemonth{
	font-size:80%;
	display:block;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#988394;
}
.dateday{
	font-size:120%;
	display:block;
	letter-spacing:0px;
	margin-top:-14px;
	color:#4e3248;
	text-shadow:0 1px 0 #FFFFFF;
}
.dateyear{
	font-size:90%;
	display:block;
	letter-spacing:1px;
	margin-top:-12px;
	color:#988394;
}

/*Styles for stuff inside entries*/
.entry h3, #resourcespage h3, .entry-content h3{
	text-transform:uppercase;
	color:#4b2a43;
	font-size:120%;
	margin-top:20px;
	font-weight:normal;
	font-family:georgia,serif;
}
.entry-content h3 em{
	font-size:70%;
	color:#666666;
	text-transform:none;
}

.entry h4{
	text-transform:uppercase;
	color:#645460;
	font-size:100%;
}
.entry img, .entry-content a img, .entry-content img{
	
	border:1px solid #ccc;
	margin:10px 10px 10px 0px;
	padding:10px 10px 10px 10px;
	display: block;
	-webkit-box-shadow: 0 1px 4px #c4c4c3;
	-moz-box-shadow: 0 1px 4px #c4c4c3;
	box-shadow: 0 1px 4px #c4c4c3;

}
.interview{
	display:block;
	float:left;
}
.alignleft{
	margin-top:5px;
	float:left;
	padding:3px;
}
.entry img, .entry-content a img, .entry-content img{
	
	border:1px solid #ccc;
	margin:10px 10px 10px 0px;
	padding:10px 10px 10px 10px;
	display: block;

}
#portpic img{
	padding:0px;
}
/*#port .entry-content img{
	border:none;
}*/
.alignright{
	float:right;
	margin-left:10px !important;
}

.entry a:hover img, .entry-content a:hover img {
	border:1px solid #ccc;
	margin:10px 10px 10px 0px;
	padding:10px 10px 10px 10px;
	display: block;
	background-color:#fefbfe;

}
.everybutdate ol li{
	margin-bottom:25px;
}

/**************single Post css************/

#singlepage .everybutdate, #singlepage #assend, .entry-meta{
	width:450px;
}
 #singlepage #assend, .entry-meta{
	padding-left:114px;
	display:block;
}
.entry-meta{
	font-size:80%;
	padding-bottom:15px;
	padding-top:20px;
	color:#9e9c9c;
	background: url(images/singlepostline.png) top right no-repeat;
	line-height:130%;
	margin-top:20px;
}
.entry-comments{
	color:#9e9c9c;
}
.entry-meta a{
	color:#404040;
}
#singlepage p{
	line-height: 22px;
}
#singlepage h2{
	font-size:300%;
	font-weight:normal;
	line-height:90%;
	margin-bottom:20px;
	font-family:georgia,serif;
	text-shadow:0 1px 0 #FFFFFF;

}
#singlepage .post img{
/*	float:left;*/
/*	border: 1px solid #ccc;*/
	margin:10px 20px 10px 0px;
	-webkit-box-shadow: 0 1px 4px #c4c4c3;
	-moz-box-shadow: 0 1px 4px #c4c4c3;
	box-shadow: 0 1px 4px #c4c4c3;
}
#singlepage blockquote{
	width:400px;
}
.form-textarea #comment, .form-input #email, .form-input #url, .form-input #author, #error404-s{
	background:#fff url(images/formbg.png) top center repeat;
	border:1px solid #ccc;
	padding:3px 3px 3px 3px;
	font-family:georgia, times, serif;
	color:#7e257e;
	letter-spacing:1px;
	margin-bottom:6px;
}
.form-textarea #comment{
height:110px;
width:410px;
padding:13px;
margin-bottom:15px
}

.formcontainer{
	background:url(images/newcommentbg.png) top left no-repeat;	
	display:block;
	height:420px;
	width:530px;
	padding-left:32px;
	padding-top:35px;
	margin-top:30px;
}

.comments li{
	margin-bottom:15px;
	list-style:none;
	padding-left:10px;
	padding-bottom:20px;
	background: url(images/singlepostline.png) bottom center no-repeat;
}
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist{
	padding-top: 60px;
	display:block;
	font-style:normal;
}	
.commentlist a:link, .commentlist a:visited {
	color:#541f49;
}

.commentlist a:hover, .commentlist a:active {
	color:#725d6e;
}
.comments{
	padding-top:50px;
	background: url(images/postdivider.png) top center no-repeat;
}
.comments img{
	margin:-35px;
	border: 1px solid #ccc;
	background: url(images/avatar.png) center center no-repeat;
	margin-top:20px;
}

.comments h3{
	font-weight:normal;
	color:#666;
	font-style:italic;
	font-size:180%;
	margin-bottom:30px;
}
.comments a{
	font-style:italic;
	font-family: georgia, times, serif ;
	border-bottom:none;
}
.comments cite{
	font-size:90%;
}
.commentlinks p a{
	font-size:100%;
}
#nav-below {
	width:530px;	
}
#nav-below a{
	border-bottom:none;
	font-family:georgia, times, serif;
	color:#881889;
	text-transform:uppercase;	
}
.nav-next{
	float:right;
	width:250px;
	display:block;
	text-align:right;
}
.nav-previous{
	float:left;
	width:250px;
	display:block;	
}

#nav-below a:hover{
	border-bottom:1px dotted #666;
	color:#666;
	
}
.searchresults{
	display:block;
	width:400px;
	padding-left:10px;
}
#archivespage{
	padding-left:150px;
	width:300px;
}

#archivespage ul{
	margin-top:20px;
}
#archivespage li, #resourcespage li{
	list-style-type:none;
	margin-bottom:5px;
}
#resourcespage {
	padding-left:60px;
}
#resourcespage ul{
	background: url(images/side-divide.png) bottom left no-repeat;
	padding-bottom:12px;	
}

#archivespage h2, #notfound h2, #innerarchive h2, #port h2, #resourcespage h2{
	font-size:320%;
	font-weight:normal;
	line-height:100%;
	margin-bottom:20px;
}
#archivespage #main h2{
	font-size:140%;
	font-weight:normal;
	line-height:100%;
	margin-bottom:20px;
	font-style:italic;
	color:#999999;
}
#notfound{
	padding-left:70px;
}
#notfound img{
	margin-top:30px;
}

#innerarchive{
	padding-left:100px
}

.archiveswidth{
	width:400px;
}
.entry-header a{
	font-family:,georgia, times, serif;
	font-weight:normal;
	font-size:130%;
	display:block;
	margin-top:20px;
	border-bottom:none;
	line-height:100%;
}

#searcharea{
	position:relative;
	top:-110px;
	right:-720px;
	background: url(images/searchbg.png) top center no-repeat;
	width:228px;
	height:112px;
	padding-top:62px;
	padding-left:18px;
}
input.submit_input {

	background:transparent;
	border:none;
	float:left;
	height:35px;
	line-height:normal;
	margin:0 0 0 5px;
	padding:0;
	width:45px;
	margin-top:-5px;
	cursor:pointer;
}

input.search_input {
	background:transparent no-repeat scroll 0 0;
	border:none;
	color:#999;
	float:left;
	font-style:italic;
	font-family:georgia,times, serif;
	font-size:115%;
	margin:0;
	padding:5px;
	width:115px;
	height:17px;
}

/*****portfolio related styles*/

#portabout{
	margin-left:0px;
}
#portabout h3 a{
	display:block;
	width:265px;
	height:280px;
	text-indent:-9000px;
	border:none;
	background: url(images/portfolio/portabout2.png) 0px 0px no-repeat;		
}

#portabout h3 a:hover{
	background: url(images/portfolio/portabout2.png) 0px -280px no-repeat;	
	border:none;
}
#port{
	width:600px;
}
#port ul{
	padding-top:20px;
}
#port li {
  	top: 0;
  	height: 150px;
  	list-style: none;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
	}
#port li a {
  	display: block;
  	height: 150px;
	border-bottom:none;
 	text-indent: -9000px; 
	}

#portamanda a{ top: 0px; background: url(images/portfolio/amanda.png) }
#portamanda a { width: 142px; height:150px; text-decoration:none;}
#portamanda a:hover  { background: url(images/portfolio/amanda.png) 0px -150px no-repeat; }

#portzy a{ top: 0px; background: url(images/portfolio/zy.png) }
#portzy a { width: 142px; height:150px; text-decoration:none;}
#portzy a:hover  { background: url(images/portfolio/zy.png) 0px -150px no-repeat; }

#portnews a{ top: 0px; background: url(images/portfolio/newslit.png) }
#portnews a { width: 142px; height:150px; text-decoration:none;}
#portnews a:hover  { background: url(images/portfolio/newslit.png) 0px -150px no-repeat; }

#porthild a{ top: 0px; background: url(images/portfolio/hild.png) }
#porthild a { width: 142px; height:150px; text-decoration:none;}
#porthild a:hover  { background: url(images/portfolio/hild.png) 0px -150px no-repeat; }

#portchoice a{ top: 0px; background: url(images/portfolio/choice.png) }
#portchoice a { width: 142px; height:150px; text-decoration:none;}
#portchoice a:hover  { background: url(images/portfolio/choice.png) 0px -149px no-repeat; }

#portrethink a{ top: 0px; background: url(images/portfolio/rethink.png) }
#portrethink a { width: 142px; height:150px; text-decoration:none;}
#portrethink a:hover  { background: url(images/portfolio/rethink.png) 0px -150px no-repeat; }

#portdebbie a{ top: 0px; background: url(images/portfolio/debbie.png) }
#portdebbie a { width: 142px; height:150px; text-decoration:none;}
#portdebbie a:hover  { background: url(images/portfolio/debbie.png) 0px -150px no-repeat; }

#portjanis a{ top: 0px; background: url(images/portfolio/janis.png) }
#portjanis a { width: 142px; height:150px; text-decoration:none;}
#portjanis a:hover  { background: url(images/portfolio/janis.png) 0px -150px no-repeat; }


#portgetty a{ top: 0px; background: url(images/portfolio/getty.png) }
#portgetty a { width: 142px; height:150px; text-decoration:none;}
#portgetty a:hover  { background: url(images/portfolio/getty.png) 0px -150px no-repeat; }

#portnav{
	padding-left:80px;
}
#portnav h3{
	font-weight:normal;
	font-size:170%;
}
#portnav li{
	list-style-type:none;
	display:block;
	padding-bottom:10px;
	padding-top:10px;
	text-transform:uppercase;
	background: url(images/side-divide.png) bottom right no-repeat;
}
#portnav li a{
	border-bottom:none;
	font-family:georgia, times, serif;
}
.project{
	padding-left:30px;
}
#port h2, #portinfoblock{
	padding-left:6px;
}
#port h2{
	font-family:georgia, times, serif;
}
#aboutimage{
	background: url(images/aboutimage.png) bottom right no-repeat;
	width:265px;
	height:236px;
}

#flickr img{
	float:left;
	width:72px;
	height:72px;
	margin:10px;
	border:1px solid #ccc;
}

#contact{
	margin-left:0px;
}
#contact h3 a{
	display:block;
	width:264px;
	height:102px;
	text-indent:-9000px;
	border:none;
	background: url(images/contact.png) 0px 0px no-repeat;		
}
#contact h3 a:hover{
	background: url(images/contact.png) 0px -105px no-repeat;	
	border:none;
}
#flickr{
	width:230px;
	height:319px;
	padding-left:37px;
	background: url(images/flickr.png) top left no-repeat;
	margin-left:3px;
	padding-top:25px;
}

/*Portfolio Side nav*/

#  {
  width: 265px;
  height: 570px;
  background: url(images/portfolio/projects.png) top center no-repeat;
  list-style: none;
	margin-left:70px;
	padding-top:53px;
	padding-left:25px;
}

#portside li {
  display: block;
  height: 52px;
list-style: none;
margin-bottom:3px;
	
}

#portside li a {
  display: block;
  height: 52px;
  text-indent: -9000px;  
}
#portsideamanda, #portsideamanda a { width: 210px;background: url(images/portfolio/portsidelist.png) 0px -5px no-repeat; }
#portsideamanda a:hover  { background: url(images/portfolio/portsidelist.png) -231px -5px no-repeat; }


#portsidezy, #portsidezy a { width: 210px; background: url(images/portfolio/portsidelist.png) 0px -60px no-repeat; }
#portsidezy a:hover  { background: url(images/portfolio/portsidelist.png) -231px -60px no-repeat; }


#portsidenews, #portsidenews a {width: 210px; background: url(images/portfolio/portsidelist.png) 0px -120px no-repeat; }
#portsidenews a:hover   { background: url(images/portfolio/portsidelist.png) -231px -120px no-repeat; }

/*
#portsidehild, #portsidehild a { width: 210px;background: url(images/portfolio/portsidelist.png) 0px -179px no-repeat; }
#portsidehild a:hover  { background: url(images/portfolio/portsidelist.png) -231px -179px no-repeat; }
*/
#portsidechoice, #portsidechoice a { width: 210px;background: url(images/portfolio/portsidelist2.png) 0px -179px no-repeat; }
#portsidechoice a:hover  { background: url(images/portfolio/portsidelist2.png) -232px -179px no-repeat; }

#portsiderethink, #portsiderethink a { width: 217px;background: url(images/portfolio/portsidelist.png) 0px -233px no-repeat;}
#portsiderethink a:hover  { background: url(images/portfolio/portsidelist.png) -231px -233px no-repeat; }

#portsidedebbie, #portsidedebbie a { width: 210px;background: url(images/portfolio/portsidelist.png) 0px -292px no-repeat;}
#portsidedebbie a:hover  { background: url(images/portfolio/portsidelist.png) -231px -292px no-repeat; }

#portsidejanis, #portsidejanis a { width: 210px;background: url(images/portfolio/portsidelist.png) 0px -348px no-repeat; }
#portsidejanis a:hover  { background: url(images/portfolio/portsidelist.png) -231px -348px no-repeat; }

#portsidegetty, #portsidegetty a { width: 210px;background: url(images/portfolio/portsidelist.png) 0px -406px no-repeat; }
#portsidegetty a:hover  { background: url(images/portfolio/portsidelist.png) -231px -406px no-repeat; }


/*all new port styles 
*/



#portabout2{
	margin-left:0px;
}
#portabout2 h3 a{
	display:block;
	width:265px;
	height:280px;
	text-indent:-9000px;
	border:none;
	background: url(images/portfolio/portabout2.png) 0px 0px no-repeat;		
}

#portabout2 h3 a:hover{
	background: url(images/portfolio/portabout2.png) 0px -280px no-repeat;	
	border:none;
}
#port2{
	width:960px;
	padding-left:20px;
}
#port2 ul{
	padding-top:20px;

}
#port2 li {
  	top: 0;
  	height: 150px;
  	list-style: none;
	float:left;
	margin-right:25px;
	margin-bottom:25px;

	}
#port2 li a {
  	display: block;
  	height: 50px;
	border-bottom:none;
	 -webkit-box-shadow: 0 0px 4px #666666;
	-moz-box-shadow: 0 0px 4px #666666;
	box-shadow: 0 0px 4px #666666;
	 top: 0px;padding-top:100px;
	width: 210px;  

	text-decoration:none;opacity:0.95;}
	
#port2 li a:hover { -webkit-box-shadow: 0 1px 7px #000;-moz-box-shadow: 0 1px 7px #000;box-shadow: 0 1px 7px #000; opacity:1.0;	color:#b14e9d;  }

#port2 li a h4{margin:0px; border-top: 2px solid #b14e9d; color:#fff;background-color:#474545; font-family:georgia,times,serif; font-weight:normal; font-size:140%; opacity: 0.90; line-height:90%;padding:10px; height:30px; }
#port2 li a h4 em{font-family:georgia,times,serif;font-style:italic; font-size:70%;}

#portearth2 a{ background: url(images/portfolio/smallports/earthsmall.jpg);}

#portexistor2 a{ background: url(images/portfolio/smallports/existorsmall.jpg);}

#portrefresh2 a{ background: url(images/portfolio/smallports/refreshsmall.jpg);}

#portamanda2 a{ background: url(images/portfolio/smallports/amandasmall.jpg);}

#portzy2 a{ top: 0px; background: url(images/portfolio/smallports/zysmall.jpg) }

#portnews2 a{ top: 0px; background: url(images/portfolio/smallports/newslitsmall.jpg)  }

#portchoice2 a{ top: 0px; background: url(images/portfolio/smallports/choicesmall.jpg) }

#portrethink2 a{ background: url(images/portfolio/smallports/rethinksmall.jpg);}

#portdebbie2 a{ top: 0px; background: url(images/portfolio/smallports/debbiesmall.jpg) }

#portjanis2 a{ top: 0px; background: url(images/portfolio/smallports/janissmall.jpg) }

#portgetty2 a{ top: 0px; background: url(images/portfolio/smallports/gettysmall.jpg) }

#portphil2 a{ background: url(images/portfolio/smallports/philsmall.jpg);}

#portnbpa2 a{ background: url(images/portfolio/smallports/nbpasmall.jpg);}

#portflex a{ background: url(images/portfolio/smallports/flexsmall.jpg);}
}
#port2 h2, #portinfoblock{
	padding-left:6px;
}
#port2 h2{
	font-family:georgia, times, serif;
}
#port2 h1{
	font-family:georgia, times, serif;
	padding-top:20px;
	padding-bottom:10px;
	font-size:230%;
	margin:0px;
	color:#666;
}

/*Portfolio Side nav*/

#portside2 {
  width: 265px;
  height: 570px;
  background: url(images/portfolio/projects.png) top center no-repeat;
  list-style: none;
	margin-left:70px;
	padding-top:53px;
	padding-left:45px;
}

#portside2 li {
  display: block;
  height: 52px;
list-style: none;
margin-bottom:3px;
	
}

#portside2 li a {
  display: block;
  height: 48px;
font-family:georgia, times, serif;
color:#666666;
font-size: 20px;
/* padding-left:60px;*/
line-height:17px;
padding-top:5px;
}
#portside2 em{font-size:70%; color:#999;}

#portsideamanda2 a { padding-left:60px; width: 150px; background: url(images/portfolio/portsidelist3.png) 0px -5px no-repeat; }
#portsideamanda2 a:hover  { background: url(images/portfolio/portsidelist3.png) -231px -5px no-repeat; color:#993399; }


 #portsidezy2 a { padding-left:60px; width: 150px; background: url(images/portfolio/portsidelist3.png) 0px -60px no-repeat; }
#portsidezy2 a:hover  { background: url(images/portfolio/portsidelist3.png) -231px -60px no-repeat;color:#993399; }


#portsidenews2 a {padding-left:60px; width: 150px; background: url(images/portfolio/portsidelist3.png) 0px -120px no-repeat; }
#portsidenews2 a:hover   { background: url(images/portfolio/portsidelist3.png) -231px -120px no-repeat;color:#993399; }

/*
#portsidehild, #portsidehild a { width: 210px;background: url(images/portfolio/portsidelist.png) 0px -179px no-repeat; }
#portsidehild a:hover  { background: url(images/portfolio/portsidelist.png) -231px -179px no-repeat; }
*/
#portsidechoice2 a {padding-left:60px; width: 150px;background: url(images/portfolio/portsidelist3.png) 0px -179px no-repeat;}
#portsidechoice2 a:hover  { background: url(images/portfolio/portsidelist3.png) -232px -179px no-repeat; color:#993399;}

 #portsiderethink2 a { padding-left:60px;width: 150px;background: url(images/portfolio/portsidelist3.png) 0px -240px no-repeat; margin-top:12px;}
#portsiderethink2 a:hover  { background: url(images/portfolio/portsidelist3.png) -231px -240px no-repeat; color:#993399;}

#portsidedebbie2 a {padding-left:60px; width: 150px;background: url(images/portfolio/portsidelist3.png) 0px -299px no-repeat;}
#portsidedebbie2 a:hover  { background: url(images/portfolio/portsidelist3.png) -231px -299px no-repeat; color:#993399;}

#portsidejanis2 a {padding-left:60px; width: 150px;background: url(images/portfolio/portsidelist3.png) 0px -360px no-repeat; }
#portsidejanis2 a:hover  { background: url(images/portfolio/portsidelist3.png) -231px -360px no-repeat; color:#993399;}

#portsidegetty2 a {padding-left:60px; width: 150px;background: url(images/portfolio/portsidelist3.png) 0px -416px no-repeat; }
#portsidegetty2 a:hover  { background: url(images/portfolio/portsidelist3.png) -231px -416px no-repeat;color:#993399; }

#portsideearth a {margin-left:10px; padding-left:50px; width: 150px;background: url(images/portfolio/side-thumbs/side-earth.png) left 4px no-repeat; }
#portsideearth a:hover  { background: url(images/portfolio/side-thumbs/side-earth-roll.png) left 4px no-repeat;color:#993399; }

#portsideexistor a {padding-left:50px; margin-left:10px;width: 150px;background: url(images/portfolio/side-thumbs/side-existor.png) left 4px no-repeat; }
#portsideexistor a:hover  {margin-left:10px; background: url(images/portfolio/side-thumbs/side-existor-roll.png) left 4px no-repeat;color:#993399; }

#portsiderefreshdc a {padding-left:50px; margin-left:10px; width: 150px;background: url(images/portfolio/side-thumbs/side-refresh.png) left 4px no-repeat; }
#portsiderefreshdc a:hover  { margin-left:10px; background: url(images/portfolio/side-thumbs/side-refresh-roll.png) left 4px no-repeat;color:#993399; }

#portsidephil a {padding-left:50px; margin-left:10px; width: 170px;background: url(images/portfolio/side-thumbs/side-phil.png) left 4px no-repeat; }
#portsidephil a:hover  { margin-left:10px; background: url(images/portfolio/side-thumbs/side-phil-roll.png) left 4px no-repeat;color:#993399; }

#portsidenbpa a {padding-left:50px; margin-left:10px; width: 170px;background: url(images/portfolio/side-thumbs/side-nbpa.png) left 4px no-repeat; }
#portsidenbpa a:hover  { margin-left:10px; background: url(images/portfolio/side-thumbs/side-nbpa-roll.png) left 4px no-repeat;color:#993399; }

.the{
	font-size:40%;
	text-transform:uppercase;

}