/*-----------------------------------------------------------------------
default.aspx  
technical.aspx   
breakmaster.aspx  
fastFirof.aspx   
srrworkspace.aspx

http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette

/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*----  basic elements
/*----  modified from http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
/*-----------------------------------------------------------------------*/
body, html
{
    font: normal normal normal 100% "Century Gothic"; /*-- background-position: #CDEB8B;--*/
    margin: 0;
    padding: 0;
    border-style: none;
    border-color: inherit;
    border-width: thin;
    text-align: center;
    background-color: #FFFFFF;
    color: #000;
}

        li
        {
    font: smaller "Century Gothic";
    text-align: left;
    font-size: small;
}


/*-----------------------------------------------------------------------*/
/*----  default.aspx  ( resume front page )
/*-----------------------------------------------------------------------*/

    #wrap
{
    font: 100% "Century Gothic";
    width: 100%;
    background-color: #F8F7ED ;
}

    #header
    {    
        width: 100%;
        padding: 0px;
        height: 20px;
        background: #E9E6C8;
        vertical-align: middle;
        
    }     

    #footer
    {
        background-position: #CCCCCC;
        background: #F8F7ED ;
        clear: both;
        height: 63px;
    }


        
   
/*-----------------------------------------------------------------------*/
/*----  navbar 
/*-----------------------------------------------------------------------*/
    
    #navBar
    {
        text-align: left;
        background: #F1EEDA;
        font-weight: bold;
        font-size: 16px;
        vertical-align: middle;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #008000;
    }
                        
    #navBar ul
    {
        margin: 0px;     
        list-style: none;
    }
                    
    #navBar li
    {
        margin-left:5px;
        margin-right:5px;
        display: inline;  
        margin-right: 10px;
        margin-left: 10px;
        
    }

    #navBar a
    {
        text-decoration: none;
        color: #333333;
    }

    #navActivePage
    {
        font-weight: bold;
        border-style: ridge none ridge none;
        border-width: 1px;
        padding-left: 2px;
        padding-right: 2px;
        color: #B05800;
        font-size: 13px;
        border-top-color: #E2DDB5;
        border-left-color: #E2DDB5;
    }
        
      
/*  http://www.hicksdesign.co.uk/else/cssnav/  */
        
    #navBar ul li a:hover
{
    border-style: ridge none ridge none;
    border-width: 1px;
    padding-left: 2px;
    padding-right: 2px;
    color: #B05800;
    font-size: 13px;
    border-top-color: #E2DDB5;
    border-left-color: #E2DDB5;
}


#innerWrap
{

    padding-top: 10px;
    background-color: #F8F7ED;
    padding-right: 10px;
    padding-left: 10px;
}

#leftsideBar
{
    width: 140px;
  /*  background-color: #FFFFF3; */
    float: left;
    text-align: left;
    font-size: small;

}

#leftsideBar a
{
    text-decoration: none;

}

#leftsideBar a:hover
{
    color: #B05800;
}


#nameBox a
{
	text-decoration:none;
}

#nameBox a:link 
{color:black;
text-decoration:none;} 

#nameBox a:visited 
{color:black;} 

#nameBox a:hover 
{color:#B05800;}

#nameBox a:active 
{color:black;}



/* leftsideBar items */
    /*--------------------------------------------------------------------*/
        #nameBox
            {
                width: 90%;
                float: left;            
                font-family: Arial, Helvetica, sans-serif;
                text-align: left;
                padding-left: 20px;
                padding-top: 25px;
                height:100px;
                vertical-align:middle;
            }

        #name
            {
                float: left;
                font-size: large;
                vertical-align: bottom;
                margin-bottom: 10px;
                width: 90%;
    font-family: "Century Gothic";
}



        #contact
{
    float: left;
    height: 50px;
    font-size: small;
    vertical-align: bottom;
    width: 90%;
    color: #333333;
}      
/*--------------------------------------------------------------------*/


/* centercontent items */
    /*--------------------------------------------------------------------*/    
    #centercontent
        {
            width: 800px;
         	padding-left: 5px;
         	padding-right: 5px;
            background-color: #FFFFFE;
            margin-left: auto;
            margin-right: auto;
            padding-top: 10px;

		}

    #centercontent p
        {
            text-align: left;           
            width: 100%;                 
        }
        
    .resumeSection
        {        
            padding: 15px 10px 0px 5px;
            text-align: left;
            width: 100%;
            float: left;
            background-color: #FFFFFE;

            margin-left: auto;
            margin-right: auto;
        }
        
        .resumeSectionHeader
        {
            height: 30px;
            font-size: medium;
            font-weight: bold;
            text-align: center;
            color:#666666
        }
        
        
        .resumeSectionHeader a
        {
            height: 30px;
            font-size: medium;
            font-weight: bold;
            text-decoration: none;
            color: #666666
;
        }
        
        .resumeSection .objectives
        {
            font-size: medium;
        }

  
        .position 
        
.smallcontentbox
{
    text-align: left;
    margin-top: 25px;
    padding-right: 50px;
}


/*-------------------------------------------------------------*/
.bigcontentbox
{
	width: 600px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;

}
        
.bigcontentbox p
{    
    margin-left: 15px;


}

.bigcontentbox .header
{
	width:590px;     
}
     
        .bigcontentbox .header .company
        {
            float: left;
            width: 345px;
            
            font-size: medium;
            font-weight: bold;            
        }        

.company a
{
	text-decoration:none;
}

.company a:link 
{color:black;
text-decoration:none;} 

.company a:visited 
{color:black;} 

.company a:hover 
{color:purple;}

.company a:active 
{color:black;}

        .employment_dates
        {
            float:left;            
            width: 245px;
            
            font-size: .9em;
            font-weight: bolder;
            font-style: italic;
            text-align:right;
        }

/*-------------------------------------------------------------*/


        
.bigcontentbox .companydescriptor
{
    margin-top: 10px;
    padding-left: 10%;
    padding-right: 10%;
    font-size: x-small;
    float: left;
    font-style: italic;
    color: #666666;
   
}

.bigcontentbox .positionDetails
{
	float:left;
    text-align:left;
    width:550px;
}
    
.bigcontentbox .position
{
	display:block;
    width: 500px;
    font-size: small;
    padding: 6px;
    float: left;
    font-weight: 600;
    clear: both;
    text-decoration: underline;
    text-indent: 10px;
    color: #333333;
}
        
   .bigcontentbox .title
    {
        font-size: medium;
        font-weight: bold;
    }
        
    .bigcontentbox p
    {
        text-align: left;
        text-indent: 10px;
    }        

    .bigcontentbox .leftFloatingSmallContentBox img
    {
        padding: 2px;
        border: medium double #000099;
        width: 272px;
        height: 304px;
    }


    .bigcontentbox .leftFloatingSmallContentBox
    {
        float: left;            
        text-align: center;
        padding-top: 100px;
        padding-bottom:10px;
        margin-left: 2%;
    }
    
    .bigcontentbox .rightFloatingSmallContentBox
    {
        float: left; 
        margin-right: 15%;
        margin-left: 10%;
        padding-top: 25px;            
        text-align:center;
    }
    
    .bigcontentbox .rightFloatingSmallContentBox img
    {
        margin-right: 25%;
        padding: 2px;
        border: medium double #000099;
        width: 272px;
        height: 304px;
        float: right;            
    }


        /*-----------------------------------------------------------------------*/
        /*----  the resume section divider bars 
        /*-----------------------------------------------------------------------*/

            .outerdivider
        {
           /* border: thin dotted #333333; */
            text-align: center;
            height: 15px;
            margin-left: 100px;
            margin-right: 100px;
            vertical-align: middle;
        }

            .divider
            {
                border-color: #000000;
                height: 5px;
                width: 65%;
                border-bottom-style: solid;
                border-bottom-width: 1.5px;
                margin-right: 17.5%;
                margin-left: 17.5%;
            }

            .divider2
            {
                border-color: #000000;
                height: 4px;
                width: 45%;
                border-bottom-style: solid;
                border-bottom-width: 1px;
                margin-right: 27.5%;
                margin-left: 27.5%;
            }

        
/*--------------------------------------------------------------------*/    


/* rightsideBar items */
    /*--------------------------------------------------------------------*/                
    #rightsideBar
        {
            width: 1%;
            background-color: #FFFFFD; 
            float: left;
            overflow: hidden;
        }   
/*--------------------------------------------------------------------*/            


 
   
/*-----------------------------------------------------------------------*/
/*---- portfolio pages
/*-----------------------------------------------------------------------*/

        /*  technical.aspx
        /*  srrworkspace.aspx
        /*  fastFIROF.aspx


        /*-----------------------------------------------------------------------*/
        /*----Thumbnail Structures 
        /*-----------------------------------------------------------------------*/

		#centercontent p
		{

		}

        div.thumbbar
        {          
            
        }

        div.thumbnail
        {
            width: 200px;
            height: 155px;
            padding: 5px 20px 20px 20px;
            float: left;
        }

        div.spacer  
        {
          clear: both;
        }

        div.thumbnail img
        {
            border: thin groove #FFFFFF;
            margin-left: 5px;
            width: 150px;
            height: 150px;
        }

        div.thumbnail p
        {
            font-size: 16px;
            text-align: center;
            font-style: italic;
            font-weight: bold;
        }

        /*-----------------------------------------------------------------------*/
        /*----MINI Thumbnail Structures 
        /*-----------------------------------------------------------------------*/

        div.minithumbbar
        {
            background-color: #FFFFFF;
        }

        div.minithumbnail
        {
            width: 150px;
            height: 135px;
            padding: 5px 10px 5px 10px;
            float: left;
            text-align: center;
        }

        div.minispacer  
        {
          clear: both;
        }

        div.minithumbnail img
        {
            border: 1px solid #B05800; 
            margin-left: 5px;
            width: 100px;
            height: 100px;
        }

        div.minithumbnail p
        {
            font-size: 12px;
            text-align: center;
            font-style: italic;
            font-weight: bold;
        }

    /*-----------------------------------------------------------------------------------------------------*/
        #codeblock      /*---- codeblock  (fastfirof.aspx) */
        {
            border: thin dashed #C0C0C0;
            background-color: #E8E8E8;
            margin-right: 15px;
            margin-left: 30px;
            padding-left: 20px;
            width: 800px;
        }

        .code pre {margin: 0em;}
        .code .comment { color: #008000; }
        .code .keyword { color: #0000ff; }
        .code .string { color: red; }
        .code .operator { color: #0000c0; }
        .code .preprocessor { color: #cc6633; }
        .code .html { color: green; }
        .code .attribute { color: yellow; }
        .code .asp { color: red; }



.t {background: url(greydot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(greydot.gif) 0 100% repeat-x}
.l {background: url(greydot.gif) 0 0 repeat-y}
.r {background: url(greydot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px} 

    /*-----------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------------------------------*/