@import url('reset.css');

body {
    background:#EEEEEE;
}

p {
    color:#666666;
    font:14px Helvetica, Arial, sans-serif;
    line-height:20px;
}

#header {
    background:#E2E2E2;
    border-bottom:1px solid #CBCBCB;
    height:90px;
    padding:20px 0px 0px 0px;
}

#border {
    background:#FFFFFF;
    display:block;
    height:1px;
}

/* Headers */

h1 {
    background:url('../images/logo_2.png');
    height:67px;
    margin:auto;
    text-indent:-9999px;
    width:302px;
}

h2  {
    background:#444444;
    color:#FFFFFF;
    display:inline;
    font:16px Georgia, Arial, sans-serif;
    padding:3px 6px;
    text-transform:uppercase;
}

h3 {
    color:#333333;
    font:italic 18px Georgia, Arial, sans-serif;
    margin:0px 0px 7px 0px;
}

h3.opensource {
    font-size:22px;
    margin-top:35px;
}

/* Menu */

#menu {
    font:0px;
    margin-bottom:0px;
    text-align:center;
}

#menu span.menu_spacer {
    border-left:1px solid #CBCBCB;
    border-right:1px solid #FFFFFF;
    width:1px;
}

#menu a, #menu a:visited {
	border-bottom: 1px dotted #444444;
	color: #1F93D0;
	font:18px Georgia, Arial, sans-serif;
	margin: 0px 20px;
	text-decoration: none;
}

#menu a:hover, #menu a:active	{
	background: #444444;
	color: #FFFFFF;
	text-decoration: none;
}

/* Sections */

.section   {
    margin:30px auto 50px auto;
    width:961px;
}

.about_text {
    font:18px Georgia, Arial, sans-serif;
    line-height:32px;
    margin:15px 0px;
}

.highlight {
    background:#FF4200;
    color:#FFFFFF;
    padding:1px 5px;
}

#opensource p {
    font:18px Georgia, Arial, sans-serif;
    line-height:32px;
    margin-bottom:7px;
}

/* Item Lists */

.item_list {
    display:block;
    margin:30px 0px 15px 0px;
}

.item_list li {
    float:left;
    margin:0px 0px 0px 24px;
    width:222px;
}

.item_list li.item_list_first {
    margin:0px;
}

a.screenshot, a.screenshot:visited {
    background:#E2E2E2;
    display:block;
    height:159px;
    margin:0px 0px 6px 0px;
    padding:5px;
    width:212px;
}

a.screenshot:hover, a.screenshot:active {
    background:#444444;
}

.item_list_spacer {
    background:#CBCBCB;
    border-bottom:1px solid #FFFFFF;
    height:1px;
    margin:auto;
    width:640px;
}

/* Links */

p a:link, p a:visited {
	border-bottom: 1px dotted #444444;
	color: #FF4200;
	padding:2px;
	text-decoration: none;
}

p a:hover, p a:active	{
	background: #444444;
	color: #FFFFFF;
	text-decoration: none;
}