/* DSGN */

html
	{ background: #406495; }

body
	{ text-align: center; font-size: 10px; font-family: tahoma, verdana, arial, 'arial ce', helvetica, sans-serif; background: #406495;  color: #FFFFFF; }

img
	{ border: 0; }

#stats
	{ visibility: hidden; }


#container
	{ display: block; height: 440px; width: 681px; position: absolute; top: 50%; left: 50%; margin-top: -220px; margin-left: -340px; }

    #header
        { width: 100%; height: 13px; background: url('../gfx/top.gif') #284D79; padding: 1px; font-size: 1em; }

        #tleft
            { position: relative; left: 91px; text-align: center; width: 420px; float: left; }

        #tright
            { position: relative; left: 104px; width: 134px; text-align: center; float: left; }

    #sidebar
        { width: 78px; background: url('../gfx/left_collage.jpg') bottom #284D79; height: 416px; float: left; }

        #sidebar ul
            { margin: 0; padding: 0; list-style-type: none; width: 78px; background: #2E598C url('../gfx/menu_header.gif') no-repeat; padding-top: 21px; }

        #sidebar ul:after
            { height: 19px; display: block; width: 100%; background: url('../gfx/menu_header_flipped.gif') #FFF; content: "" }

        #sidebar a
            { height: 14px; background-image: url('../gfx/mitem_normal.gif'); text-align: right; color: #FFFFFF; display: block; border: none !important; padding-right: 3px; }

            #sidebar a:hover
                { background: url('../gfx/mitem_hover.gif') #274469; }

    #page
    	{ height: 408px; background: url('../gfx/content.jpg') repeat-x #274469; float: left; display: block; width: 586px; padding: 4px; }

        #content
            { overflow: auto; width: 100%; height: 408px; font-size: 1.2em; text-align: left; }

    #footer
        { height: 8px; width: 100%; background: url('../gfx/footer.gif') no-repeat; float: left; }


    #right
        { width: 9px; background: url('../gfx/right_collage.gif') #284D79; float: right; height: 416px; }

/* TYPO */

h1
	{ margin: 0; font-size: 1.5em; border-bottom: 1px dotted #FFFFFF; clear: both; }

h2
	{ margin: 0; font-size: 1.2em; border-bottom: 1px dotted #FFFFFF; clear: both; }

p
	{ margin-top: 0.3em; margin-bottom: 1em; font-size: 1em; }

#contact, #online, #main
	{ margin: 0; padding: 0; list-style-type: none; }

#contact li, #online li, #main li
	{ margin: 1em 0 1em 1em; padding-left: 32px; background: url('../gfx/li.gif') no-repeat 5px; }

#contact p, #online p, #main p
	{ font-size: 0.8em; margin: 0; }

a:link, a:active, a:focus, a:visited
	{ color: #47C4FF; text-decoration: none; border-bottom: 1px dashed #47C4FF; }

a:visited
	{ color: #A6E7EA; text-decoration: none; border-bottom: 1px dashed #406495; }

a:hover
	{ border-bottom: 1px solid #47C4FF; }

img#photo
	{ float: left; height: 160px; width: 120px; border: 1px solid #EEEEEE; margin: 5px; margin-right: 13px; }

img.photo
	{ border: 1px solid #EEEEEE; float: right !important; margin-right: 5px !important; display: inline; }

img.d
	{ margin: 5px; }

a.thickbox
	{ border: none; }

a.thickbox img
	{ margin: 5px; float: right; border: 1px solid #EEEEEE; }

abbr, acronym
	{ cursor: help; }

#projects
    { list-style-type: none; padding: 0; margin: 0; }

    #projects h3
        { clear: both; margin: 10px 0 0 0; }

    #projects a
        { border: 0; padding: 5px; background: #FFF; float: left; clear: both; }

        #projects a:hover
            { background: #CCC; border: 0; }

    #projects img
        { width: 390px; height: 100px; }

    #projects li
        { overflow: hidden; }

#awards
    { list-style: none; padding: 0; margin: 0; }

    #awards li
        { display: inline; }

    #awards a
        { width: 170px; height: 170px; float: left; background: #FFF no-repeat center center; padding: 5px; border: 0; margin: 5px; text-indent: -5000px; }

        #awards a:hover
            { background-color: #CCC; border: 0; }

ol li
	{ margin-bottom: 1em; }

/* thickbox */

#TB_overlay
	{ position: absolute; top: 0; left: 0; z-index:100; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

#TB_window
	{ top: 0px; left: 0px; position: fixed; _position: absolute; background: #fff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; }

#TB_window img
	{ display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_caption
	{ height:25px; padding:10px 30px 10px 25px; float:left; }

#TB_closeWindow
	{ height:25px; padding:10px 25px 10px 0; float:right; }

#TB_closeAjaxWindow
	{ padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; background-color:#e8e8e8; }

#TB_ajaxContent
	{ padding:2px 15px 15px 15px; overflow:auto; }

#TB_load
	{ text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; overflow: visible; visibility: visible; display: block; z-index:101; }

#TB_loadContent
	{ margin-left: -50px; position: absolute; top: -50px; left: 50%; width: 100px; visibility: visible; height: 100px; }