/* ------------------------ */
/* Adam brandejs CSS file   */
/* www.brandejs.ca          */
/* messy as hell during my transition 
/* phase to the new site code */
/* ------------------------ */



body { 
	margin: 0;
	padding: 0;
	background-color:#FFF;
	font: 12px Verdana, "Lucida Grande";
        font-style: normal;
	color:#000000;
	/*behavior:url("http://www.brandejs.ca/htcmime.php?file=csshover.htc");*/
	
}



a img
{
border-style: none
}



	
#container {
	text-align: left;
	position:relative;
	width: 740px;
	margin: 0 auto;
	background: #FFFFFF;
	font: 12px Verdana, "Lucida Grande";
	}

#topblackrow {
	text-align: right;
	width: 740px;
	height: 15px;
	background: #FFFFFF;
	font: 12px Verdana, "Lucida Grande";
    font-style: normal;
	color:#999999;
	
	}



#top_row {
	text-align: right;
	width: 740px;
	height: 15px;
	background: #FFFFFF;
	font: 12px Verdana, "Lucida Grande";
    font-style: normal;
    font: 12px verdana;
	color:#999999;
	
	}



/* used for the search/sitemap buttons */
#top_row ul
{
list-style: none; 
padding: 0;
margin: 0;

}

#top_row li
{padding: 0;
display: inline;

}

#top_row li a
{
display:block;
padding-left: 5px;
float: right;
border-left: 1px solid #C6CBD6;
margin-left: 30px;
text-decoration: none; font: 9px Verdana, "Lucida Grande"; color: #C6CBD6;
text-transform:uppercase;
}

#top_row li a:hover
{
float: right;
display:block;
border-left: 1px solid #FF3063;
text-decoration: none; font: 9px Verdana, "Lucida Grande"; color: #C6CBD6;
text-transform:uppercase;
}








#hMenu {
	/*border-style: solid;
	border-color: #545454; 
	border-width: 1px 0; */
	height: 52px;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	}


#top_menu
{

width: 740px;
height: 58px;
	background: #FFF;
	padding: 0;
	margin: 0 25px 0 25px;
	
	  background-image: url(images/brandejs_logo02.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}






h1 { font: 12px Verdana, "Lucida Grande"; color:#666666; font-weight:normal; padding:0; margin: 0;}
td h1, #portfolio_main_content h1 { font: 12px Verdana, "Lucida Grande"; color:#666666; font-weight:normal; padding:0; margin: 0;}

/* portfolio headings */
/* rename to span class= portfolio_heading01 etc */
td h2, #portfolio_main_content h2 { font: 18px Verdana, "Lucida Grande"; color:#666666; font-weight:normal; margin:0 0 10px 0;padding:0;}

h3, td h3, #portfolio_main_content h3 { font: 12px Verdana, "Lucida Grande"; color:#0099CC; font-weight:normal; margin:0 0 10px 0;padding:0;}

p { font: 12px Verdana, "Lucida Grande"; color:#000000; font-weight:normal; margin-top: 0px;}
td { font: 12px Verdana, "Lucida Grande"; color:#000000; font-weight:normal;}

h6 { font: 12px Verdana, "Lucida Grande"; color:#000000; font-weight:normal; padding:0; margin: 0;}


/* shared new */
.contact_heading1 /*normal phone # etc */
{
font: bold 12px Verdana, "Lucida Grande";
padding:0 0 10px 20px;
  background-image: url(http://www.brandejs.ca/images/Bullet_square_pink.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.contact_heading2 /*form */
{
font: bold 12px Verdana, "Lucida Grande";
padding:0 0 10px 20px;
  background-image: url(http://www.brandejs.ca/images/Bullet_square_blue.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.contact_basic_info
{
border-top: solid 4px #CCC;
border-bottom: solid 4px #CCC;
width: 313px;
}


.contact_form
{
border-top: solid 4px #CCC;
border-bottom: solid 4px #CCC;
width: 313px;
}

/* shared new end */

.cv td
{
    padding: 3px;
    border: none;
}


#video{padding: 10px;}



#nav-portfoliospacing
{
position:absolute;
top:100px;
}


/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */



/* ------------------------ */
/* portfolio bold item list */
/* ------------------------ */


#nav-portfolio ul
{
list-style: none; 
padding: 0;
margin: 0;
}

#nav-portfolio li
{padding: 0;}

#nav-portfolio li a
{text-decoration: none; font: bold 12px Verdana, "Lucida Grande"; color: #666666;}

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

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




/* ------------------------ */
/* main portfolio item list */
/* ------------------------ */

#subnav-portfolio ul
{list-style: none; padding: 0; margin: 0;}

#subnav-portfolio li
{padding: 0;}


/*#nav li#myprofile a {*/

#subnav-portfolio li.folder a{ 
margin:0 0 0 20px;
padding:0 0 0 25px;
background-image: url(http://www.brandejs.ca/images/Bullet_lightyellow2.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;}


#subnav-portfolio li a
{text-decoration: none; 

margin:0 0 0 20px;
padding:0 0 0 25px;
  background-image: url(http://www.brandejs.ca/images/Bullet_lightgrey.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;

font: 12px Verdana, "Lucida Grande"; color: #666666; }




#subnav-portfolio li a:hover
{text-decoration: none; 

margin:0 0 0 20px;
padding:0 0 0 25px;
  background-image: url(http://www.brandejs.ca/images/Bullet_pink.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;


font: 12px Verdana, "Lucida Grande"; color: #FF3063; margin:0 0 0 20px;}


#subnav-portfolio #currentpage a {text-decoration: none; 
margin:0 0 0 20px;
padding:0 0 0 25px;
  background-image: url(http://www.brandejs.ca/images/Bullet_pink.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;

font: 12px Verdana, "Lucida Grande"; color: #FF3063; margin:0 0 0 20px;}








/* ------------------------ */
/* portfolio sub item list  */
/* ------------------------ */


#subnav2-portfolio ul
{list-style: none; padding: 0; margin: 0;}

#subnav2-portfolio li
{padding: 0;}

#subnav2-portfolio li a
{text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #666666; 
padding-left: 15px;  /* space for the image */
  background-image: url(http://www.brandejs.ca/images/subnav2bullet.gif);
  background-position: 3px;
  background-repeat: no-repeat;

margin:0 0 0 26px;}


#subnav2-portfolio li a:hover
{text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #FF3063; 
padding-left: 15px;  /* space for the image */
  background-image: url(http://www.brandejs.ca/images/subnav2bullet_on.gif);
  background-position: 3px;
  background-repeat: no-repeat;

margin:0 0 0 26px;}


#subnav2-portfolio #currentpage a
{text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #FF3063; 
padding-left: 15px;  /* space for the image */
  background-image: url(http://www.brandejs.ca/images/subnav2bullet_on.gif);
  background-position: 3px;
  background-repeat: no-repeat;

margin:0 0 0 26px;}



/* ------------------------ */
/* main portfolio item list 2222222 */
/* ------------------------ */

.subnav-portfolio ul
{list-style: none; padding: 0; margin: 0;}

.subnav-portfolio li
{padding: 0;}

.subnav-portfolio li a, .subnav-portfolio li a:hover, .subnav-portfolio li a:visited, .subnav-portfolio #currentpage a
{
text-decoration: none; 
margin:0 0 0 10px;
padding:0 0 0 25px;
  background-image: url(http://www.brandejs.ca/images/Bullet_lightgrey.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;
font: 12px Verdana, "Lucida Grande"; color: #666666; 
}



.subnav-portfolio li a:hover, .subnav-portfolio #currentpage a
{
  background-image: url(http://www.brandejs.ca/images/Bullet_pink.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;
  font: 12px Verdana, "Lucida Grande"; color: #FF3063;
}

li a.folder, li a.folder:visited
{background-image: url(images/Bullet_lightyellow2.gif);}

/* sub items in folders */
li a.folder_item, li a.folder_item:hover, li a.folder_item:visited, li a.folder_item_current, li a.folder_item_current:hover, li a.folder_item_current:visited
{text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #666666; 
margin-left: 15px;
padding-left: 15px;  /* space for the image */
  background-image: url(http://www.brandejs.ca/images/subnav2bullet.gif);
  background-position: 3px;
  background-repeat: no-repeat;
}


li a.folder_item:hover, li a.folder_item_current, li a.folder_item_current:hover, li a.folder_item_current:visited
{text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #FF3063; 
 background-image: url(http://www.brandejs.ca/images/subnav2bullet_on.gif);
  }
  


/* ---------------------------------------------------------- */
/*    normal etc links-old shit. delete it you pack rat!!     */
/* ---------------------------------------------------------- */



a.mainPortON:link, a.mainPortON:visited, a.mainPortON:active, a.mainPortON:hover 
{text-decoration: none; font: bold 12px Verdana, "Lucida Grande"; color:#0099CC;}

A.mainPortOFF:link, A.mainPortOFF:visited {text-decoration: none; font: bold 12px Verdana, "Lucida Grande"; color: #666666;}

A.mainPortOFF:active, A.mainPortOFF:hover {text-decoration: none; font: bold 12px Verdana, "Lucida Grande"; color: #0099CC}

/*
a.subPortOFF:link, a.subPortOFF:visited , a.subPortOFF:active {text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #666666; margin:0 0 0 20px;}

a.subPortOFF:hover {text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #63B458; margin:0 0 0 20px;}

a.subPortON:link, a.subPortON:visited , a.subPortON:active ,a.subPortON:hover 
{text-decoration: none; font: 12px Verdana, "Lucida Grande"; color: #0099CC; margin:0 0 0 20px;}

*/

/*
a.menu:link {text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #666666;}
a.menu:visited {text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #CCCCCC;}
a.menu:active {text-decoration: overline; font-weight:bold; color: #3399CC}
a.menu:hover {text-decoration: overline; font: bold 11px Verdana, "Lucida Grande"; word-spacing: 30pt; color: #FFFFFF;}
*/

/*
a.MainMenu:link {text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #CCCCCC; margin:0 0 0 5px;}
a.MainMenu:visited {text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #CCCCCC; margin:0 0 0 5px;}
a.MainMenu:active {text-decoration: overline; font-weight:bold; color: #FFFFFF; margin:0 0 0 5px;}
a.MainMenu:hover {text-decoration: none; padding-top: 6px; white-space: nowrap; background: url(images/white1x4.gif) repeat-x 100% 1%; font: bold 11px Verdana, "Lucida Grande"; color: #FFFFFF; margin:0 0 0 5px;}
*/


/*
a.portfoliosublink:link, a.portfoliosublink:visited {text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #999999;}
a.portfoliosublink:active {text-decoration: underline; font: bold 11px Verdana, "Lucida Grande"; color: #FF0000;}
a.portfoliosublink:hover {text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #FF0000;}
*/

a.emailtofriend:link, a.emailtofriend:visited {text-decoration: none; font: 11px Verdana, "Lucida Grande"; color: #999999;}
a.emailtofriend:active {text-decoration: underline; font: 11px Verdana, "Lucida Grande"; color: #FF0000;}
a.emailtofriend:hover {text-decoration: none; font: 11px Verdana, "Lucida Grande"; color: #FF0000;}

/* standard links */
a:link, a:visited, a:hover {text-decoration: none; color:#0099CC;}
a:active {text-decoration: none; color: #666666;}


/* the main CV listing */
/* ---------------------------------------------------------- */

.cv_container
{
width: 650px;
margin: 20px auto 0 auto;
}

.category
{
margin: 30px 0 0 0;
font: bold 14px Verdana, "Lucida Grande";
border-bottom: 1px solid #696969;
width: 650px
}

.cv_year_unique
{
font: bold 12px Verdana, "Lucida Grande";
}

.cv_sub_cat
{
font: bold 14px Verdana, "Lucida Grande";
}

/* basic */
.cv_entries
{
width: 590px;
padding: 3px 0 3px 30px;
}

.cv_extra
{
width: 500px;
padding: 10px 20px 10px 28px;
border: 1px dashed #696969;
font: italic 12px Verdana, "Lucida Grande";
/*background: #E5E5E5; */
background: #FFF999;
  background-image: url(http://www.brandejs.ca/images/icons/info2.gif);
  background-position: 3px 11px;
  background-repeat: no-repeat;

}


/* admin */

/*
 table  { border-collapse: collapse; border-spacing: 0; }
*/


/* cv admin */
/*
.cv_admin_table_title td
{
font: bold 12px Verdana, "Lucida Grande";
color : #FFF;
padding: 3px;
border: 1px solid #000;
background: #FD6708;
}
*/


/* cv admin + normal */

.cv_legend
{
padding: 10px 20px 10px 20px;
border: 1px solid #CCCCCC;
width: 280px;
margin: 0 0 40px 0;
float:right;
}

/* client upload page */

.client_row1 td
{
border: 1px solid #999999;

}

.client_row2 td
{ 
border: 1px solid #999999;
background: #CCCCCC;
}






/* photo album 3 */


.album_poloroid{
float: left;
	width: 140px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #000;
	background: #FFF;
	

}

.album_description{

float: left;
	width: 210px;
	margin: 10px 0 0 0;
	padding: 2px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #999;
}

.album_description p{color: #999; padding: 0; margin: 0;}



/*.photo_album_poloroid_container{}*/

.photo_album_poloroid{
float: left;
	width: 140px;
	height: 150px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #000;
	background: #FFF;
	

}

/* 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;}


#portfolio_menu_sidepanel
{
padding-top: 12px;
border-top: 4px solid #DEDEDE;
border-bottom: 4px solid #DEDEDE;
}


/* ------------------------ */
/*      main menu css 2      */
/* ------------------------ */

/* background: url(menuBullet2.gif) no-repeat 4px 9px; */

#main-nav ul
{
list-style: none;
padding: 0;
margin: 0 0 0 5px !important;
margin: 0;
line-height: 1em;

border-top: 1px solid #ACACAC;
}




/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #main-nav li {padding: 4px 0 0 0 !important; }
  /* End IE5-Mac hack */




#main-nav li
{
float: left;
text-decoration: none;
margin: 0 0 0 0px !important;  /* ignored by IE */
margin: -6px 0 0 0px;
padding: 0 0 0 0;
text-align: center;
}




#main-nav li a
{
float: left;
text-decoration: none; font: bold 11px Verdana, "Lucida Grande"; color: #797A79; 
margin: 0 10px 0 0;
padding-top: 6px;
height: 15px !important;
height: 10px;
}



/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #main-nav li a {float:none; }
  /* End IE5-Mac hack */

#main-nav li a:hover
{
text-decoration: none; padding-top: 6px; white-space: nowrap; background: url(images/pink1x4.gif) repeat-x 100% 1%; font: bold 11px Verdana, "Lucida Grande"; color: #797A79; 
margin: 0 10px 0 0;
height: 10px;
}




#main-nav #currentpage a 
{
text-decoration: none; padding-top: 6px; white-space: nowrap; background: url(images/pink1x4.gif) repeat-x 100% 1%; font: bold 11px Verdana, "Lucida Grande"; color: #797A79; 
margin: 0 10px 0 0;
height: 10px;
}







/* update ping sys */


.update_ping_title {       /* title */
	width: 570px;
	margin: 40px 0 0 0px;
	color: #FFFFFF;
  	background: #000000 ;
  	
	font: 17px Verdana, "Lucida Grande";
	}
.update_ping_body {
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	border-bottom: 1px solid #545454;

	
	background: #FFFFFF;
	margin: 0;
	padding: 4px 5px 10px 10px !important;
	padding: 1px;

	}
	
	
.update_ping_body li{
	color:#000000;
list-style: none;
	text-align: left; 
	font: 12px Verdana, "Lucida Grande";
	border-bottom: 1px solid #CCC;
	padding-top: 5px;
}


.gp_email{
border: 1px solid #000;
width: 500px;
margin-bottom: 10px;
}
.gp_email h1{ background: #CCC;margin: 0; display: block;}
.gp_email p {padding: 5px;}

/*
artist=index_thumbnail_desc
artwork = index_thumbnail_title

*/


#news_heading{
font: bold 12px Verdana, "Lucida Grande";
margin-bottom:0px;
padding-left: 25px; /*space for image */
background: url(http://www.portfoliohub.com/images/black_square.gif);
background-repeat: no-repeat; 
background-position: 0px 3px;
}

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

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

}

.clearer {
height:1px;
clear:both;
font-size:1px;

}

ul.artworks{
list-style: none; 
padding: 0;
margin: 0;
width: 740px;
float: left;
}

ul.artworks li {
position: relative;
display:block;
float:left;
width: 240px;
margin: 0px 0px 0px 5px;
padding: 0px;
border: 0px;
height: 60px;
overflow:hidden;
}

ul.artworks li.index_thumbnail_desc
{

width: 240px;
height: 60px;
display: block;
margin-bottom: 10px;
}

ul.artworks li a
{
display:block;
width: 240px;
height: 60px;
position: relative;
background: #000;
text-decoration: none;
}

ul.artworks li a:hover
{
text-decoration: none;
}

ul.artworks li a img
{
position:absolute;
top: 0px;
left: 0px;
}

ul.artworks li a:hover img
{
display:none;
padding-top: 60px;
visibility: hidden;
}




ul.artworks li .index_thumbnail_title
{
text-transform: uppercase;
padding: 10px 10px 2px 10px;
display:block;
font: 12px Verdana, "Lucida Grande";
color: #FFF;
line-height: 15px;
}

ul.artworks li .index_thumbnail_desc
{
padding: 0px 10px;
display:block;
font: 11px Verdana, "Lucida Grande";
color: #888888;
line-height: 14px;
}

ul.artworks li.index_thumbnail_desc a
{
background: #000000;
}

ul.artworks li.index_thumbnail_desc .index_thumbnail_desc
{
padding-top: 10px;
font-size: 14px;
line-height: 16px;
color: #444444;
}

ul.artworks li.index_thumbnail_desc a:hover
{
background: url(../_img/artist_o.gif) no-repeat;
}

ul.artworks li.index_thumbnail_desc a:hover .index_thumbnail_desc
{
color:#FFFFFF;
}