/*
	elgg.com
	v1.0
	
	.com dark blue #00487d
	.com light blue #d9efff
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

body {
	text-align:center;
	margin:0 auto;
	padding:0;
	font: 1em/1.3  "Lucida Grande", Arial, sans-serif;
	color:#43575e;
	background:white;
}

a {
    color: #43575e;
    text-decoration:none;
    font-weight: bold;
	-moz-outline-style: none;
	outline: none;
}

a:hover { color: #333333; text-decoration:underline; }

p {padding:4px 0 4px 0; }

small {font-size: 90%;}
strong {font-weight: bold;}

em, i {font-style: italic;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: normal; color:#43575e; text-align: left; }

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

ul, ol { list-style-position: inside; } 

.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px; }

/* ***************************************
    PAGE STRUCTURE
*************************************** */
#header {
   height:47px;
   background: black url(../images/topbar_bckgnd.gif) repeat-x top left;
/*    border-bottom:1px solid #cccccc; */
}
#header-inner {
    width:940px;
    margin:0 auto 20px auto;
    text-align:left;
    padding:0 0 0 0;
    position: relative;
}
#header-inner h1 {
    display:none;
}
#header-inner #logo {
    background: url(../images/logo_badge.png) no-repeat top left;
    width:204px;
    height:130px;
    cursor:pointer;
}
#menu {
    height:47px;
    width:auto;
    float:left;
    top:0;
    left:247px;
    position: relative;
	background: url(../images/nav_lhs.gif) no-repeat top left;
}

#footer {
	text-align:left;
	height:150px;
    width:100%;
    margin:40px 0 0 0;
    padding-top:20px;
	background: #d9dddf;
	font-size: 0.8em;
}
#footer-inner {
	width:940px;
	margin:0 auto;
}
#footer_links td {
	width:220px;
	/* border:1px solid red; */
}
#footer_links ul li {
	list-style: none;
	color:#999999;
	font-weight: bold;
	line-height: 1.8em;
}
#footer-inner a,
#footer-inner p,
#footer_links ul li a {
	color:#999999;
	font-weight: normal;
}

#footer_links ul li a {
	text-decoration: line-through;
}

#footer-inner a:hover,
#footer_links ul li a:hover {
	color:#43575e;
	font-weight: normal;
}

/* ***************************************
    page contents styles
*************************************** */
.box_wrapper {
	margin:0 auto 0 auto;
	width:940px;
}
.roundedbox_pagewidth {
	text-align:left;
	background:#d9dddf; 
	padding:15px;
	margin: 24px auto 0 auto; 
	width:910px;
	min-height:30px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px;	
}
.roundedbox_halfpagewidth {
	text-align:left;
	float:left;
	background:#d9dddf; 
	padding:15px;
	margin: 30px 40px 20px 0; 
	width:420px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px;
	
	min-height:350px;	
}
.roundedbox_halfpagewidth.right {
	margin-right:0;
}
.white_inner_box {
	background:white; 
	padding:10px;
	margin: 15px 0 0 0; 
	width:auto;
	min-height:40px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}

.roundedbox_halfpagewidth.right .white_inner_box {
	/* height:265px; */
}

.blue {
	/* background: #bae2ff; */
}
.extraPad {
	padding:15px 20px 15px 20px;
	width:900px;
}
table#com_sign_up td {
	vertical-align: middle;
	/* border:1px solid red; */
}
.domainInput {
	margin:0 0 0 0;
}
#signUpDiv {
	display:none;
	margin:16px 0 0 0;
}
#signUpDiv .nameInput {
	width:252px;
	margin:0 10px 0 0;
}
#signUpDiv .usernameInput {
	width:252px;
	margin:16px 10px 0 0;
}
#signUpDiv .flavorInput {
	width:252px;
	margin:16px 10px 0 0;
	font-size: inherit;
}
.button_start {
	background: url(../images/button_start.gif) no-repeat left top;
	width:241px;
	height:34px;
}
.button_start:hover {
	background: url(../images/button_start.gif) no-repeat left bottom;
}


#navigation {
	width:700px;
	height:30px;
	position:absolute;
	top:70px;
	left:250px;
}
#navigation ul li {
	margin:0 20px 0 0;
	padding:0;
	list-style: none;
	display:inline;
}
#navigation ul li a {
	margin:0;
	padding:3px 5px;
	font-size: 1.1em;
	font-weight: bold;
}
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a.selected {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background: #0099cc;
	text-decoration: none;
	color:white;
}

/* ***************************************
    home page
*************************************** */
h1.strap {
	display:block;
	width:920px;
	margin: 0 auto;
	padding:0;
	font-size: 1.5em;
}
a.more {
    background: url(../images/more_button.gif) no-repeat top left;
    width:81px;
    height:24px;
    display:inline-table;
    cursor:pointer;
    margin:2px 0 0 5px;
}
a.more:hover {
    background: url(../images/more_button.gif) no-repeat left bottom;
}


/* ***************************************
    elgg.com menu
*************************************** */
#menu-inner a { cursor: pointer; }
#menu a:active { outline: none; }
#menu a:focus { -moz-outline-style: none; }

#menu-inner {
	margin-left:3px;
}

#menu a {
	float:left;
	display:block;
	height:47px;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.9em;
	color:white;
	background: url(../images/nav_divider.gif) no-repeat top right;
}
#menu a span {
	float:left;
	display:block;
	height:34px;
	padding:13px 20px 0 20px;
	margin:0 2px 0 0px;
	background: url(../images/nav_button.gif) no-repeat -1px top;
}
#menu a.selected span,
#menu a:hover span,
#menu a:focus span {
	background: url(../images/nav_button.gif) no-repeat -1px -47px;
	color:black;
}

/* ***************************************
    form elements
*************************************** */
input[type="text"],
input[type="password"]{
	border:1px solid #BBBBBB;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	font-family:inherit;
	margin:0;
	padding:6px;
	vertical-align: middle;
	width:260px;
	height:20px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}
#contact #contactform td {
	padding:5px;
}
#contact textarea {
	border:1px solid #BBBBBB;
	color:#666666;
	font-size:15px;
	font-weight:normal;
	font-family:inherit;
	margin:0;
	padding:6px;
	width:260px;
	height:100px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}
input[type="image"] {
	margin:0;
	padding:0;
	border:none;
}
input[type="button"],
input[type="submit"] {
	color:#43575e;
	border:1px solid #BBBBBB;
	background: #ffffff;
	font-size:15px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:4px 10px 5px 10px;
	cursor:pointer;
	width:auto;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="button"]:hover  {
	color:#ffffff;
	background: #0099cc;
	border:1px solid #0099cc;
}
.loginbox {
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border:1px solid #BBBBBB;
	padding:20px;
}

#loginbox_form {
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	background: #dedede;
	padding:0 0 5px 10px;
	width:285px;
	margin-bottom:20px;
}
.customer-buttonbar input[type="submit"] {
	float:right;
}
.domainbox {
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	background: #dedede;
	padding:3px 0 0 10px;
	margin-top:10px;	
}