/* Basic */

body{
background: #eff1eb;
font-family: "andale mono", "courier new", monospace;
font-size: 10px;
color: #262626;
line-height: 16px;
margin: 0;
margin-left: auto;
margin-right: auto;
width: 940px; 
}

a{
text-decoration: none;
color: #262626;
}

a:hover{
text-decoration: none;
color: #ff5959;
}

a img {
border: 0;
}

/*Header*/

#header {
  position: relative;
  background-color: #262626;
  float: left;
  width: 940px;
  height: 30px;
  font-family: "andale mono", "courier new", monospace;
  font-size: 10px;
  color: white; 
} 

.headerleft {
  float: left;
  width: 510px;
  padding-top: 7px;
  padding-left: 10px;
}

.headerright {
  float: right;
  width: 115px;
  padding-top: 7px;
  padding-right: 10px;
}


#content {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin-top: 10px;
}

#left {
position: relative;
background-color: white;
float: left;
width: 590px;
height: 735px;
margin-bottom: 50px;
}

#right {
position: relative;
float: right;
width: 340px;
height: 700px;
}




/*section headers*/
.sectionheader{
position: relative;
float: left;
width: 100%;
height: 30px;
border-bottom: 1px solid #262626;
display: block;
}

.sectionheader a{
text-decoration: none;
color: #262626;
}

.sectionheader a:hover{
text-decoration: none;
color: #ff5959;
}

.sectionleft {
float: left;
padding-top: 7px;
padding-left: 10px;

}
.sectionright {
float: right;
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
padding-top: 7px;
padding-right: 10px;
}


/*Work Accordian*/
h2.acc_trigger {
padding: 0;	
margin: 0;
background: white;
height: 30 px;	
line-height: 30px;
width: 590px;
font-size: 10px;
font-family: "andale mono", monospace;
font-weight: normal;
float: left;
border-bottom: 1px dotted #262626;
}


h2.acc_trigger a {
	color: #262626;
	text-decoration: none;
	display: block;
	padding: 0 0 0 10px;
	border-bottom: 0px;
}

h2.acc_trigger a:hover , h2.active a {
       color: #ff5959;
}

.desc {
  float: left;
  width: 150px;
  font-style: italic;
}


.name {
  float: left;
  width: 420px;

}

.gray{
color: #ccc;
}

.acc_container {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 10px;
	font-family: "andale mono", monospace;
	font-weight: normal;
	width: 590px;
	clear: both;
	background: white;
	border-bottom: 1px dotted #262626;
}
.acc_container .block {
	padding: 10px;
}

.testimage{
position: relative;
float: left;
width: 570px;
height: 320px;
background-color: #ccc;
margin-bottom: 10px;
}

.subnav{
float: left;
width: 150px;
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;

}

.subnav .left{
padding-right:5px;
color: #ccc;
font-style: italic;
}

.subnav .right{
padding-left:5px;
color: #ccc;
}

.description{
float: left;
width: 420px;
font-size: 10px;
line-height: 16px;
margin-bottom: 10px;

}

/*isticus stuff*/
#isticus {
position: relative;
float: left;
width: 570px;
height: 320px;
background-image: url(/v2/static/work/db/db4.jpg);
background-repeat: no-repeat;
overflow: hidden;
padding-bottom: 5px;
}

#isticus-swf {
position: relative;
cursor: hand;
float: left;
width: 503px;
height: 320px;
overflow: hidden;
padding-left: 40px;
}



/*progress stuff*/
#progress {
position: relative;
float: left;
background: white;
width: 340px;
height: auto;
}

#progress_div{
position: relative;
float: left;
width: 340px;
height: auto;
padding-bottom: 10px;
}

#progress_date{
position: relative;
float: left;
background: white;
width: 320px;
height: 30 px;	
line-height: 30px;
margin: 0px 10px 0px 10px;
border-bottom: 1px dotted #262626;
}

#progress_image{
position: relative;
float: left;
width: 320px;
margin: 10px;
}

#progress_caption{
position: relative;
float: left;
width: 320px;
height: 100%;
margin: 0px 10px 0px 10px;
}

.video{
height: 340px;
width: 570px;
padding-left: 70px;
background-color: black;
}

/*twitterstuff*/

#twitter{
position: relative;
float: left;
background: white;
width: 340px;
margin-top: 10px;
}

#twitter_div{
position: relative;
float: left;
width: 340px;
margin-top: 10px;
}

#twitter_joansie_update_list{
position: relative;
float: left;
width: 320px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
list-style-type: none;
word-wrap: break-word;
}

#twitter_joansie_update_list li a 
{
display: none;
}

#twitter_joansie_update_list li{
width: 320px;
margin-right: 5px; 
padding-bottom: 5px; 
margin-bottom: 5px; 
word-wrap: break-word;
}

#twitter_joansie_update_list li span a{
width: 340px;
display: inline; 
text-align: left;

}

/*eero twitter*/

#eeropup{
position: relative;
float: left;
background: white;
width: 165px;
height: 165px;
margin-right: 10px;
margin-top: 10px;
}



#eero_div{
position: relative;
float: left;
width: 165px;
height: 100px;
margin-top: 10px;
}

#twitter_eero_update_list{
position: relative;
float: left;
width: 165px;
height: 100px;
margin: 0;
padding-top: 0px; 
padding-left: 10px;
padding-right: 10px;
list-style-type: none;
word-wrap: break-word;
}

#twitter_eero_update_list li a {
display: none;
}

#twitter_eero_update_list li{
margin-right: 5px; 
padding-bottom: 5px; 
margin-bottom: 5px;
word-wrap: break-word;
}

#twitter_eero_update_list li span a {
display: inline; 
text-align: left;
word-wrap: break-word;
}



/*go button rollovers*/

#eeropup2 a{
position: absolute;
bottom: 5px;
right: 5px;
display: block;
background: url(/static/images/eeropup2.gif) top;
width: 35px;
height: 25px;
border: 0;
}

#eeropup2 a:hover {   
background:  url(/static/images/eeropup2.gif) no-repeat bottom;
border: 0;   
}



/*go button rollovers*/

/*link column*/

#links{
position: relative;
float: right;
width: 165px;
height: 180px;
margin-top: 10px;
}

#links a{
text-decoration: none;
color:#262626;
border: 0;
}

#links a:hover{
text-decoration: none;
color: #ff5959;
border: 0;
}

.indiv-link{
color: white;
position: relative;
float: left;
display: block;
width: 100%;
height: 100%
height: 30px;
padding-bottom: 5px;
border-bottom: #999 dotted 1px;
}

.special{
border-bottom:0;
}

.alignleft {
float: left;
padding-top: 7px;

}
.alignright {
float: right;
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
padding-top: 7px;
}


/*link-accordion*/
#accordion {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 165px;
}
#accordion li{
	display: block;
	color: white;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	height: 25px;
	padding-bottom: 5px;
	border-bottom: #999 dotted 1px;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	font-weight: normal;
	cursor: auto;
	height: 15px;
	padding-top: 7px;
	border-bottom: #999 dotted 1px;
	
	
ul#accordion li a:hover{
color: #ffff00;
background-color: #003366;
}	
	
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: none;
}

/*slideshow*/
a.prev{
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
padding-right: 10px;
border: 0px;
}

a.next{
font-family: "arial", "helvetica", sans-serif;
font-weight: bold;
font-size: 20px;
border: 0px;
}

.slideshow { 
height: 320px; 
width: 570px; 
margin: auto; 
overflow: hidden; 
}

.slideshow img {
padding: 0px; 
border: 0px; 
}

.pics { 
height: 320px; 
width: 570px; 
padding:0; 
margin-bottom: 10px; 
overflow: hidden; 
}

.pics img { 
height: 320px; 
width: 570px; 
border: 0px; 
top:0; 
left:0;
}