/* css portfolio                     adam */

/*
problem...
this isn't really dynamic
nothing uses floats, description can't move to the left right now



*/



#portfolio_menu_sidepanel
{
padding-top: 12px;
border-top: 4px solid #DEDEDE;
border-bottom: 4px solid #DEDEDE;
float: left;
width: 190px;
margin-top: 20px;
overflow: hidden;
}

/* the cv, contact portfolio menu links*/
#portfolio_menu_sidepanel a
{text-decoration: none; font: bold 12px Verdana, "Lucida Grande"; color: #666666;

margin: 0;
}

#portfolio_menu_sidepanel a:hover
{text-decoration: none; font: bold 12px Verdana, "Lucida Grande"; color: #0099CC;}


#portfolio_mailing_list
{
margin-top: 30px;
padding: 0;
width: 190px;

clear: left;
}
#portfolio_body
{
margin-top: 7px;
float: right;
width: 510px;
}


#portfolio_main_content
{

margin: 0;
padding: 0;


}

#portfolio_main_images
{

margin: 0;
padding: 0;
}


#portfolio_main_image
{
display: block;
text-align: center;
margin: 0;
padding: 0;
}

#portfolio_folder_other_items{
margin: 10px 0 10px 0;
background: #CCC;
width: 510px;
}

#portfolio_next
{
text-align: right;
padding-right: 5px;
}
#portfolio_next a:link, #portfolio_next a:visited{
text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #666666;
}

#portfolio_next a:active, #portfolio_next a:hover{
text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #0099CC;
}


/* portfolio thumb outlines */
a.portfolio_thumb_preview:link img , a.portfolio_thumb_preview:visited img, a.portfolio_thumb_preview:active img 
{text-decoration: none; border: 1px solid #FFFFFF; border-top: 3px solid #FFF;}
a.portfolio_thumb_preview:hover img 
{text-decoration: none; border: 1px solid #0099CC; border-top: 3px solid #0099CC;}


/* the next / prev button on the portfolio */
/*
a.portfolio_next_prev_button:link, a.portfolio_next_prev_button:visited {text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #666666;}
a.portfolio_next_prev_button:active, a.portfolio_next_prev_button:hover {text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #0099CC}
*/
.portfolio_title_heading { font: 18px Verdana, "Lucida Grande"; color:#666666; font-weight:normal; margin:0 0 10px 0;padding:0;}


#portfolio_heading_block01,#portfolio_heading_block02, #portfolio_heading_block03,#portfolio_heading_block04, #portfolio_heading_wildcard{
font: 12px Verdana, "Lucida Grande";
color: #0099CC;
margin-bottom: 4px;
}

#portfolio_heading_block01 h1, #portfolio_heading_block02 h1, #portfolio_heading_block03 h1,#portfolio_heading_block04 h1, #portfolio_heading_wildcard h1{
font: bold 12px Verdana, "Lucida Grande";
color: #0099CC;
margin: 0; display: inline;
}


/*-------------------*/
/*
oh my god!!!!!!
*/
#portfolio_item_list {
/*//this is the ul*/
list-style-type: none;
margin: 0 0 0 10px;
padding:0;
}


#portfolio_item_list li, #portfolio_item_list li.selected, #portfolio_item_list li.selected_sub ,
#portfolio_item_list li.selected_folder
{margin: 0; padding: 0; line-height: 1.2em;}

#portfolio_item_list li a, #portfolio_item_list li.sub a{
 font: normal 12px Verdana, "Lucida Grande"; color: #666666;  text-decoration: none; 
padding: 0 0 0 25px;
margin: 0;
display: block !important;
display:inline-block;
background-image: url(http://www.portfoliohub.com/images/Bullet_lightgrey.gif);
background-position: 3px 5px;
background-repeat: no-repeat;
}

#portfolio_item_list li.selected a, #portfolio_item_list li a:hover,
#portfolio_item_list li.selected_sub a, #portfolio_item_list li.sub a:hover,
#portfolio_item_list li.selected_folder a, #portfolio_item_list li.folder a:hover{
display: block;
font: normal 12px Verdana, "Lucida Grande"; color: #FF3063;  text-decoration: none; 
padding: 0 0 0 25px;
margin: 0;

background-image: url(http://www.portfoliohub.com/images/Bullet_pink.gif);
background-position: 3px 5px;
background-repeat: no-repeat;
}

#portfolio_item_list li.folder a, #portfolio_item_list li.folder a:visited
{background-image: url(../images/Bullet_folder_yellow.gif);
background-position: 3px 5px;
background-repeat: no-repeat;
display: block;
margin: 0;
}
#portfolio_item_list li.selected_folder a, #portfolio_item_list li.folder a:hover, #portfolio_item_list li.selected_folder a:hover
{background-image: url(../images/Bullet_folder_pink.gif);
background-position: 3px 5px;
background-repeat: no-repeat;
display: block;
margin: 0;
}


/*
sub items inside folders
*/
#portfolio_item_list li.sub, #portfolio_item_list li.selected_sub{margin: 0 0 0 7px; padding: 0;}

#portfolio_item_list li.sub a{
padding-left: 15px; 
background-image: url(http://www.portfoliohub.com/images/subnav2bullet.gif);
background-position: 3px;
background-repeat: no-repeat;
margin: 0;
}


#portfolio_item_list li.selected_sub a, #portfolio_item_list li.sub a:hover, 
#portfolio_item_list li.selected_sub a:hover{
padding-left: 15px;  
background-image: url(http://www.portfoliohub.com/images/subnav2bullet_on.gif);
background-position: 3px;
background-repeat: no-repeat;
margin: 0;
}
/*
end sub items in folders
*/



/* temp brandejs index begins */


/* the header that exists only on portfolio pages. it is NOT the normal header and does NOT apeear on the index.*/
#portfolio_item_header{
clear: both;
width: 740px;
border-top: 10px solid #CECECE;
}


#index_thumbnail_container{
clear: both;
width: 740px;

border-top: 10px solid #CECECE;
border-bottom: 10px solid #CECECE;
background: #000;

}

#index_greeting{
clear: both;
float: left;
width: 490px;
margin: 10px 10px 10px 0;
}

#index_news{
margin: 10px 0 10px 0;
}