body
{
    font-size:0.8em !important;
    font-size:0.7em;
    font-family: 'Andale mono','Courier new','Arial','Verdana',serif;
    margin:0;
    padding:0 0 0 10px;
    color:#666;
}

table, td, th
{
    margin:0 0 6px 0;
    padding:0;
    vertical-align:top;
    font: normal 11px Arial;
    border:none;
    
}
td
{
    padding-right:6px;
}

td img
{
    /*
    width:132px;
    height:132px;
   
    border:1px solid #666;

	*/
}

table.small img
{
    width:62px;
    height:62px;
    border:1px solid #666;
}

table.medium img
{
    width:88px;
    height:88px;
    border:1px solid #666;
}


summary
{
    font-weight:bold;
}

form
{
    display:inline;
}

input
{
    font-size:0.8em;
    border:1px solid green;
    padding:1px;
    margin-left:6px;
}

input.button
{
    font-size:0.8em;

    padding:0;
    background:#20b29c;
    color:#fff;
}


h1
{
    font-size:1em;
    color: #000;
    margin:0;
    font-weight:normal;
}

h2
{
    font-size:1em;
    margin-bottom:0;
    font-weight:normal;

}

hr
{
    color:#b10025;
    background:#b10025;
    border:none;
    margin:36px 0 36px 0;
}

#container
{
    width:100%;
    /*height:442px;
    margin-right:auto;
    margin-left:auto;*/
    /*background:#fff;
    border:1px solid green;*/
    text-align:left;
}

#menu img
{
    width:200px;
    display:none;
}

#menu dl
{
    margin:0;
    padding:10px 0 0 0;
    /*width:150px;
    background:#333;*/
}

#menu dt
{
    background:#666;
    height:14px;
    margin:0 10px 0 10px;
    padding:0;
}

#menu dd
{
    padding:0;
    margin:0;
    height:18px;
}

#menu div
{
    display:inline;
}

#menu a
{
    color: #999;
    text-decoration:none;
    float:left;
    margin:2px 10px 2px 12px;
    padding-bottom:2px;
    /*margin:0;*/
    /*width:120px;*/
    height:14px;
    font-size:13px;
}

#menu a:hover
{
	color: #000000;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #66CC33;
}


#menu a.home, #menu a.home:hover
{
    padding:0;
    margin:0;
    /*color:#b10025;*/
    height:0 !important;
    /*background:#20b29c url(gp-logo.png) no-repeat top left;*/
    padding-top:48px;
    overflow:hidden;
    color:#20b29c;
    font-weight:normal;
    width:200px;
    border-bottom:1px solid green;
}


#menu li.current
{
    /*background:#f8dbab;*/

}


#menu
{
    /*
    position:absolute;
    float: left;
    height:0 !important;

    z-index:999;
    width: 150px;
    */
    
    min-height:40px;
    max-height:40px;
    height:40px;
    float:right;
    margin-right:40px;
    margin-top:8px;
    /*background-image:url(../images/vandal.png);
    background-repeat: no-repeat;
    background-position: bottom left;*/
    /**
        ADD IE HACK ON TEMPLATE
    */
}

#sections
{
    width:450px;
    right:0;
    direction:rtl;
    margin:0 10px 0 0;
}


#subnav dl
{
    float: left;
    margin:0;
    padding:0;
}

#subnav dt
{
    background:#666;
    height:14px;
    width:142px;
    margin:0;
    padding:0;
    margin:0 5px 5px 0;
}

#subnav dt.last, #content td img.last
{
    margin-right:0;
}

#subnav dd
{
    margin:0;
    padding:4px 0 0 0;
}

#subnav
{
    margin:20px 20px 0 10px;

/**
    background:#fff;
    padding-top:10px;
    z-index:1;
    width:440px;
    height:73px;
    border-bottom:2px solid #666;
    font: normal 10px Arial;
    color:#666;
    position:fixed !important;
    position:absolute;
*/
}

#subnav a, #content a
{
    text-decoration:none;
    color:#666;
    /*font: normal 11px Arial;*/
    letter-spacing:0;
}   

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

#content a:hover
{
    text-decoration:underline;
    color:#86a201;
}

#menu a.hilite, #subnav a.hilite,  #subnav dd.hilite
{
    color:#000;
    border:none;
}

#content
{   
    padding:0 10px 10px 10px;
    /*margin:93px 20px 10px 10px;*/
    z-index:0;
    height:auto !important;
    min-height:320px;
    height:320px;
    /*border-bottom:2px solid #666;*/
    font-size:11px;
}

#content p.description
{
    /*border-bottom:2px solid #666;*/
    padding-bottom:10px;
    margin:12px 40px 6px 0;
}

#content p.summary
{
    margin:3px 40px 6px 75px;
}

#content dl
{
    padding-bottom:60px;
}

#main
{
    /*margin-left:160px;
    width:480px;
    background:#fff;
    height:442px;
    overflow:auto;*/
}

#projects
{
    border-top: 1px solid #bfbfbf;
	margin-top:35px;
	width:700px;
	float:left;
}

#footer
{
    text-align:center;
    width:760px;
    margin-right:auto;
    margin-left:auto;
}

#footer ul
{
    margin:0;
    padding:0;
    width:760px;
}

#footer li
{
    display:inline;
    padding:6px;
    list-style:none;
}

/**

        PEOPLE PROFILE

*/

#details
{
    margin-left: 140px;
    /*width:245px;*/
}

#details a
{
    text-decoration:underline;http://rogeriolira.com/projects/printed-matter
    font: normal 11px Arial;
    line-height:16px;
}

#tags
{
    float:left;
    margin-left:40px;
    margin-top:30px;
}

#tags dl
{
    margin:0 0 12px 0;
    padding:0;
}

#tags dt
{
    font-size:10px;
    padding:2px;
    margin:0;
}

#tags dd
{
    padding:1px;
    margin:0;
    font-size:1.2em;
}

#tags a
{
    color:#000;
    padding:2px;
}

#tags a:hover, #tags a.selected
{
    background:#000;
    color:#fff;
    text-decoration:none;
}

#image
{
    width:150px;
    height:150px;
    float:left;
}

#image img
{
    /*width:120px;
    height:110px;*/
}

.date
{
    color:#999;
    font: normal 10px Georgia, Serif;
}

.p_date
{
    color:#000;
    font-size:10px;
    float:right;
}

div.project
{
    border-bottom: 1px solid #bfbfbf;
    margin:10px 0 10px 0;
    height:auto !important;
    min-height: 80px;
    height: auto !important;
    height: 80px;
    width:645px;
    padding:5px;
    padding-bottom: 15px;
    padding-left:55px;
}

div.project img
{
    margin:0 5px 0 0;
    float:left;
    border:none;
}

#images div, #videos div
{
    margin:0 5px 0 0;
    float:left;
    border:none;
    /*width:120px;*/
}

#images img, #videos img
{
    margin:0 5px 0 0;
    float:none;
    border:none;
    height:70px;
}

#imageLarge
{
    margin:12px 0 0 0;

}

img.thumbnail
{
    width:110px;
}

img.talks
{
    width:110px;
}

img.imageLarge
{
    width:477px;
}

div.sub
{
    margin-left:120px;
}

#ajax-process
{
    position:absolute;
    top:0;
    left:0;
    padding:3px;
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:blink;
    background:#768f00;
    color:white;
    display:none;
}

.plain
{
    font-family: 'Andale mono','Courier new','Arial','Verdana',serif;
	font-size: 13px;

}