/* global reset
-----------------------------------------------------------*/

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }


/* layout
-----------------------------------------------------------*/
html {
	background: url(../images/main_bg.jpg) 105% 0 repeat-x #fff;
}
body {
	height: 760px;
	font: 10px/1.5 Tahoma, sans-serif;
	color: #111;
}

/* header
-----------------------------------------------------------*/
#header {
	width: 100%;
	background: url(../images/header_bg.png) top left repeat;
	border-bottom: 1px solid #000;
}
#header p {
	margin: 0 auto;
	padding: 10px 0;
	width: 650px;
	letter-spacing: .1em;
	color: #b1c4d9;
}
#header p strong {
	color: #fff;
	font-weight: normal;
}

/* content
-----------------------------------------------------------*/
#content {
	margin: 0 auto;
	padding: 30px 0;
	width: 650px;
}

/* flash install badge */
#flashContent {
	float: right;
	position: relative;
	top: 56px;
}

/* release notes */
#notes {
	width: 217px;
	float: right;
}
#notes h3, #notes p {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 3px double #999;
}

/* Share and RSS links */
.share {
	float: right;
}
.rss {
	height: 16px;
	padding-left: 20px;
	background: url(../images/feed-icon16x16.png) center left no-repeat;
	float: left;
}

/* footer
-----------------------------------------------------------*/
#footer {
	margin: 0 auto;
	padding: 50px 0 30px 0;
	width: 650px;
	color: #777;
	clear: both;
}

/* common
-----------------------------------------------------------*/
h1, h2, h3, h4 {
	margin: 0 0 15px 0;
	font-weight: normal;
	letter-spacing: .05em;
	text-transform: uppercase;
}
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

a, a:visited {
	color: #5778a5;
	text-decoration: underline;
}
a:hover {
	color: #42628d;
	text-decoration: none;
}
em {
	font-style: italic;
}

.left {
	float: left;
}
.right {
	float: right;
}