/* ------------------------ */
/* Adam brandejs CSS file   */
/* www.brandejs.ca          */
/* messy as hell during my transition 
/* phase to the new site code */
/* pink=#FF3063              */
/* remove portfolio stuff. =legacy */
/* ------------------------ */

body { 
margin: 0;
padding: 0;
background-color:#FFF;
font: 12px Verdana, "Lucida Grande";
font-style: normal;
color:#000000;
text-align: center;
}

a img
{
border-style: none
}

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

#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;
}

	
/*--------new header ------------------------------------*/
#Header{

width: 740px;
height: 49px;
margin: 0;
background: #FFF;
}

#Header_logo{
float: left;
width: 290px;
height: 49px;
background-image: url(http://www.portfoliohub.com/images/brandejs_logo02.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}


#header_menu
{
float: right;
width: 440px;
height: 30px;
margin-top: 17px;
padding: 0;
}


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

}

/*----------new header-----------------------end-----*/


/*_________new footer_____________________________(s)___*/
#footer
{
clear:both;
width: 740px;
border-top: 10px solid #CCC;
margin: 0;
font: 11px Verdana;
padding: 0;

}

#bottom_row
{
clear:both;
}

/* span 1 */
#copyright {
float: right;
width: 520px;
font: 11px Verdana;
color: #636563;
font-style: none; 
text-align:right; 
font-weight:normal;
padding: 0;
margin: 0; 
}

/* span 2 */
#email_to_friend a{
float: left;
width: 200px;
color: #999;
font: 11px Verdana;
text-align:left; 
padding: 0;
margin: 0; 
}
	
	
	

#powered_by {
font: 11px Verdana;
color: #666;
font-style: none; 
	width: 600px;
text-align:center; 
padding: 0;

margin: 10px auto 0 auto; 
	}


/*----------new footer-----------------------end-----*/

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;}
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.portfoliohub.com/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.portfoliohub.com/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: 330px;
}


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

.contact_form input, .contact_form textarea {
background-color: #FFF;
border: 1px solid #CCC;
margin-bottom: 5px;

}


/*
verify image input box
light blue #DBECFF
dark blue #005ABE
*/

.verify_code1{
background-color: #DBECFF;
border: 1px solid #005ABE;
color: #005ABE;
width: 60px;
}


 label
{
width: 70px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}





/* #mailing_list_box input{ */




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

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

margin:0 0 0 20px;
padding:0 0 0 25px;
  background-image: url(http://www.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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(http://www.portfoliohub.com/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.portfoliohub.com/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.portfoliohub.com/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.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 {text-decoration: none; font: 12px Verdana, "Lucida Grande"; color:#0099CC;}
a:hover, a:visited {text-decoration: none; font: 12px Verdana, "Lucida Grande"; 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: #FFF999;
  background-image: url(http://www.portfoliohub.com/images/icons/info2.gif);
  background-position: 3px 11px;
  background-repeat: no-repeat;

}
*/

/* admin */




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






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

/* update ping sys */


.update_ping_title {       /* title */
	border: 1px solid #545454;
	width: 570px;
	margin: 40px 0 0 0;
	color: #FFF;
  	background: #000 ;
  	font: 17px Verdana, "Lucida Grande";
	}
	
.update_ping_body {
width: 570px;
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	border-bottom: 1px solid #545454;
	background: #FFF;
	margin: 0;
	padding: 0;
	/*padding: 4px 5px 10px 10px !important;
	padding: 1px;*/

	}
	
.update_ping_body ul{margin: 0; padding: 0;	}

.update_ping_body li{
width: 540px;
	color:#000000;
list-style: none;
	text-align: left; 
	font: 12px Verdana, "Lucida Grande";
	border-bottom: 1px solid #CCC;
	margin: 0px 5px 5px 10px !important;
	margin: 0px 5px 5px 0px;
	padding: 3px 0 3px 0;
}


.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;}




#mailing_list_box{
font: bold 12px Verdana, "Lucida Grande";
color:#666;
}

#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;
}

/* the search page */

#search_header {
width: 740px;
margin-top: 15px;
margin-bottom: 15px;
padding: 7px 0 0 5px;
text-align: left;

	background: #000;
	color: #FFF;
	font: 12px Verdana, "Lucida Grande";
	border-top: 5px solid #CCC;
	border-bottom: 5px solid #CCC;
	}

#search_header input, #search_header select{
background-color: #999;
border: 1px solid #FFF;
color: #FFF;
}

.search_results{
border-bottom: 1px dashed #999;
margin-bottom: 14px;
}

.search_results p{
color: #666;
margin: 0;
}

/*eg: 28 results found in journal */
#search_description{
border-bottom: 1px solid #CCC;
font: bold 12px Verdana, "Lucida Grande";
}
/* the page number that goes under the result text */
#search_page_number{
text-align:right;
margin-bottom: 20px;
}

/* the mini version on the journal */
#search_form {
border-bottom: 4px solid #CCC;
margin-top: 10px;
padding-top: 5px;
}

#search_form input, #mailing_list_box input  {
background-color: #FFF;
border: 1px solid #CECFCE;
color: #000;
margin: 1px;
width: 33px;
height: 19px;
}



.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font: 10px Verdana, "Lucida Grande";
}

.pages a, .pages span {
    display: block;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    float: left;
    background: #fff;
    font: 10px Verdana, "Lucida Grande";
}
/* orange #EE7A07 */
.pages span.current {
	border: 1px solid #FF3063;
	font-weight: bold;
	background: #FF3063;
	color: #fff;
}

.pages a {
	border: 1px solid #31B3DE;
	text-decoration: none;
	color: #31B3DE;
}

.pages a:hover {
	border-color: #FF3063;
	color: #FF3063;
	 font: 10px Verdana, "Lucida Grande";
}

.pages a:visited {
	 font: 10px Verdana, "Lucida Grande";
	 color: #31B3DE;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}


/* sitemap */

#site-map ul {
list-style:none;
margin:5px 0 5px 16px;
padding:0;
}

#site-map li {
padding:0;
font: bold 12px Verdana, "Lucida Grande";
}
#site-map li.parent {
margin: 15px 0 0 0;
}

#site-map li a,#site-map li.parent a{
text-decoration:none;
background-image:url(http://www.portfoliohub.com/images/Bullet_lightgrey.gif);
background-position:3px 5px;
background-repeat:no-repeat;
font:12px Verdana, "Lucida Grande";
color:#666;
margin:0;
padding:0 0 0 25px;
}


#site-map li.parent a{
background-image:url(http://www.portfoliohub.com/images/Bullet_pink.gif);
background-position:3px 5px;
background-repeat:no-repeat;
}


#site-map li.sub, #site-map li.selected_sub{margin: 0 0 0 7px; padding: 0;}

#site-map 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;
}


#about_div1{float:right; width: 500px; margin: 10px 0 10px 0;}
#about_div2{clear:both; margin: 0 0 10px 0;}
#about_image{float: left; width: 220px; margin: 10px 0 10px 0;}

/*------------------------------------ contact -----------------------------------------------------------------------------------------------------------*/
#contact_message{float: left;width: 360px;margin-right: 10px;margin-top: 15px;}
#contact_form{float: right;width: 330px;margin-top: 15px;}

/*

total width=330px so tese should be 150, 150
*/
#contact_verify{
float: left;
width: 180px;
margin-bottom: 7px;
}

#contact_cc{
float: left;
margin-left: 5px;
width: 127px;
margin-bottom: 7px;
}



#send2friend_form{}
#send2friend_form label{ width: 100px;}

#send2friend_message{margin-bottom: 20px;} /*  */


.guestbook_title, .send2friend_title /*normal phone # etc */
{
margin-top: 20px;
margin-bottom: 20px;
font: bold 12px Verdana, "Lucida Grande";
padding:0 0 10px 20px;
background-image: url(http://www.portfoliohub.com/images/Bullet_square_blue.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}