/*



  This theme is inspired by 'Dragen' by Matthew Buchanan.

  http://www.csszengarden.com/?cssfile=/128/128.css&page=8

*/



html, body

{

    padding-left      : 50px;

    padding-right     : 50px;

    font: normal 12px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;

    color: #666666;

    background-color: #DDDDDD;

    line-height: 125%;

}



p

{

    text-indent: 1em;

}



#main

{

    color            : black;

    background-color : white;

    padding-top      : 15px;

    padding-bottom   : 15px;

    padding-left     : 15px;

    padding-right    : 15px;

    border-top       : 1px solid black;

    border-left      : 1px solid black;

    border-right     : 1px solid black;

    border-bottom    : 1px solid black;

    margin-top       : 25px;

    margin-bottom    : 25px;

    margin-left      : 0px;

    margin-right     : 0px;

}



#header

{

    border-bottom: 1px solid white;

    color: black;

    background-color: #1080D0;

    padding-left: 10px;

    padding-right: 10px;

    height: 100px;

}

#header h1

{

    background: url("images/neo_logo.gif");

    background-repeat: no-repeat;

    background-position: center center;

    width: 100%;

    height: 100px;

    overflow: hidden;

    margin: 0;

}

#header h1 span

{

    display: none;

}



#postheader

{

    border-bottom: 1px solid white;

    color: black;

    background-color: #004090;

    padding-left: 10px;

    padding-right: 10px;

    height: 25px;

}



#menu

{

    float: left;

    border-top: 2px none black;

    margin-right: 0px;

    margin-top: 0px;

    width: 200px;

    color: black;

    background-color: #D080C0;

    height: 100%;

}

#menu h2

{

    margin: 0;

    font-size: 10pt;

    padding-left: 5px;

    padding-right: 5px;

    text-align: center;

}

#menu .menusection

{

    margin-bottom: 0px;

    border-bottom: 1px solid white;

}

#menu ul li

{

    padding-left: 0;

    margin-left: -10px;

    list-style: disc outside none;

}



#llinks

{

    color: white;

    background-color: #1080D0;

}

#llinks li

{

    border-bottom: 1px solid #3FAFFF;

    margin-right: 1em;

}

#lprojects

{

    color: white;

    background-color: #90C000;

}

#lprojects li

{

    border-bottom: 1px solid #BFEF2F;

    margin-right: 1em;

}

#lstyle

{

    color: white;

    background-color: #D080C0;

}

#lstyle li

{

    border-bottom: 1px solid #FFAFEF;

    margin-right: 1em;

}



#llinks h2, #lprojects h2, #lstyle h2

{

    width: 100%;

    height: 40px;

    margin-left: 0;

    padding-left: 0;

}

#llinks h2

{

    background: url("images/neo_links.gif");

    background-repeat: no-repeat;

    background-position: center center;

}

#lprojects h2

{

    background: url("images/neo_projects.gif");

    background-repeat: no-repeat;

    background-position: center center;

}

#lstyle h2

{

    background: url("images/neo_styles.gif");

    background-repeat: no-repeat;

    background-position: center center;

}

#llinks h2 span, #lprojects h2 span, #lstyle h2 span

{

    display: none;

}



#currentstyle

{

    display: inline;

    font-style: italic;

}



#styletext

{

    font-size: 8pt;

    font-style: italic;

    margin-left: 1em;

    margin-right: 1em;

    text-indent: 0;

}



#container

{

    padding-top: 0px;

    padding-left: 200px;



    background: white url('images/neo_menu_bkg.gif') repeat-y;

    color: #666666;

}



#container .contentsection

{

    padding-bottom: 10px;

    padding-top: 0px;

    padding-left: 10px;

}



#container .contentsection h2

{

    font: bold 18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;

    text-decoration: none;

    text-transform: uppercase;

}

#container .contentsection h3

{

    font: normal 15px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;

    text-decoration: none;

    text-transform: uppercase;

}



#projects .list

{

    padding-left: 0;

    margin-left: -1em;

}



#prefooter

{

    clear: both;

}



#footer

{

    vertical-align: middle;

    border-top: 1px solid white;

    color: white;

    background-color: #1080D0;

    _padding-top: 1em;

    height: 3em;

    padding-left: 10px;

    padding-right: 10px;

}



#footer .p1

{

    float: right;

}

#footer .p2

{

    float: left;

    text-indent: 0;

}

#footer .p2:after

{

    content: "Using the 'Neo' layout style.";

    margin-left: 10px;

    font-size: 8pt;

    font-style: italic;

}



#xhtml

{

}

#css

{

    display: none;

}



a:link    {background-color: #FFFFFF; color: #1080D0; text-decoration: none}

a:visited {background-color: #FFFFFF; color: #1080D0; text-decoration: none}

a:hover   {background-color: #1080D0; color: white; text-decoration: none}

a:active  {background-color: #1080D0; color: white; text-decoration: none}



#llinks a:link    {background-color: #1080D0; color: white; text-decoration: none}

#llinks a:visited {background-color: #1080D0; color: white; text-decoration: none}

#llinks a:hover   {background-color: white; color: #1080D0; text-decoration: none}

#llinks a:active  {background-color: white; color: #1080D0; text-decoration: none}



#lprojects a:link    {background-color: #90C000; color: white; text-decoration: none}

#lprojects a:visited {background-color: #90C000; color: white; text-decoration: none}

#lprojects a:hover   {background-color: white; color: #90C000; text-decoration: none}

#lprojects a:active  {background-color: white; color: #90C000; text-decoration: none}



#lstyle a:link    {background-color: #D080C0; color: white; text-decoration: none}

#lstyle a:visited {background-color: #D080C0; color: white; text-decoration: none}

#lstyle a:hover   {background-color: white; color: #D080C0; text-decoration: none}

#lstyle a:active  {background-color: white; color: #D080C0; text-decoration: none}



#footer a:link    {background-color: #1080D0; color: white; text-decoration: none}

#footer a:visited {background-color: #1080D0; color: white; text-decoration: none}

#footer a:hover   {background-color: white; color: #1080D0; text-decoration: none}

#footer a:active  {background-color: white; color: #1080D0; text-decoration: none}







.images

{

    margin:0 auto; 

    position:relative;

    z-index:1;

    position:relative;

    text-align:left;

    display:block; 

}



.images ul

{

    padding:0; 

    margin:0;

    list-style-type: none;

    border:0;

}



.images a img

{

    width:100px;

    height:75px;

    border:0;

    margin:5px;

    display:inline;

    opacity:0.4;



    filter: alpha(opacity=40);

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);

    -moz-opacity: 0.40;

}



.images a

{

    float:left;

    width:110px;

    height:85px;

    margin:3px;

    border:1px solid #888;

}



.images a:hover

{

    background:#1080D0;

}



.images a:hover img

{

    opacity:1.0;



    -moz-opacity: 1.00;

    filter: alpha(opacity=100);

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}



.afterimages

{

    clear:both;

}