/* Main.css for Project3 Download Site */


/* ------------------highest level callouts------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Arial', arial, verdana, sans-serif;
}

.clear {clear:both;}

.flair-color {color:#369; font-size:1.1em;}

body {
	background: #111 url(img/textureRepeat.png) top left;
}

#wrapper {
	width: 780px;
	margin: 80px auto 0 auto;
}

/* ------------------TOP LEVEL TEXT STYLES--------------------------- */

h2 {
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: bold;
	color: #111;
	padding-bottom: 6px;
}

a {
	font-size: 1em;
	color:#369;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	outline:none
}

/* ------------------header div------------------------------- */

#header {
	width: 350px;
	height: 162px;
	position: absolute;
	text-indent: -9999px;
	background: url(img/flair.png) no-repeat left top;
	top: 30px;
	left: 50%;
	z-index: 100;
}

/* ------------------video&screencap------------------------------- */

#video {
	background-color: #000;
	width: 420px;
	height: 300px;
	float: left;
}

#video p{
	height: 48px;
	width: 48px;
	margin: 130px auto 0 auto;
}

#screencap{
	width: 373px;
	height: 321px;
	position:	relative;
	left: 52%;
	background: url(img/screencap.png) no-repeat top left;
}

/* ------------------content DIV------------------------------- */

#content {
	background: #fff url(img/contentTop.png) no-repeat left top;
	padding: 15px 15px 20px 15px;
}

.blurb {
	width: 230px;
	float: left;
	padding: 0 0 0 5px;
	margin: 0 15px 10px 0;
}

.blurb p, #downloadInfo p {
	padding: 4px 1px;
	font-size: .85em;
	line-height: 1.8em;
	color: #444;
}

.blurb p.icon {
	padding: 6px 10px 6px 0;
	width: 48px;
	height:48px;
	float: left;
}

.blurb p.info {
	width: 170px;
	float:right;
}

#download {border-top: 1px dotted #e4e4e4; padding-top: 15px}

#downloadInfo {
	width: 500px;
	float:left;
}

#downloadInfo p{
	padding-left: 10px;
	line-height: 2em;
}

#downloadLink{
	text-align: center;
	width: 250px;
	float:left;
}

#downloadLink img{
	border: none;
}

/* ------------------footer DIV------------------------------- */

#footer {margin: 30px 0 15px 0 ;}

#footer a {color: #4292a6;}

#footer a:hover {color:#fff;}

#footer h2{
	color: #666;
	padding-left: 30px;
	float:left;
}

#footer p{
	width: 610px;
	color: #333;
	padding: 0 20px;
	font-size: .8em;
	line-height: 1.7em;
	float:right;
}