@import url('reset.css');

/* CSS Created by Payam Yousefi, for SEOSorcerer.com */
body {
	background:#999;
	text-align:center;
	color:#FFF;
	font-family: sans-serif;
}
a {
	color:#FFF;
	text-decoration: underline;
}
a:hover {
	color:#FFF;
}
dd { margin:2px; text-indent:2em; }
dl { margin:0px 8px 8px 8px; }
dt { margin:8px 0px 0px 0px; font-weight:bold; }

p,ul,ol,blockquote { margin:5px 0px 5px 0px; }
li { font-size:14px; margin:2px 25px;}
blockquote {
	margin-left:25px;
	border-left:1px solid #CCC;
	padding-left:15px;
}
h1 {
	font-size:36px;
	line-height:40px;
}
h2 {
	font-size:26px;
	line-height:30px;
}
h3 {
	font-size:16px;
	line-height:18px;
}
p { font-size:16px; }

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

#wrapper {
	margin:20px auto;
	width:960px;
}
#header {
	padding:15px 0px;
	position:relative;
	text-align: left;
	color:#333;
}
#header h1 a {
	text-decoration: none;
}
#header h1 a:hover {
	color:#FFF;
	border-bottom:1px solid #CCC;
}
#header h1 a img {
	vertical-align:baseline;
	margin-right:-3px;
}
#header #nav {
	float:right;
	font-size:24px;
	font-weight:bold;
}
#nav a {
	font-size:16px;
	text-decoration:none;
	display:inline-block;
	padding:0px 4px;
	line-height:39px;
	color:#CCC;
}
#nav a:hover { color:#FFF; }
#nav a.selected { color:#FFC59F; }
#content {
	background:#666;
	padding:15px;
	text-align: left;
}
#content .results {
	background:#FFF;
	padding:10px;
	color:#000;
}
input {
	background:#FFF;
	padding:4px 5px;
	font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid #555;
	border-radius:8px;	
	-moz-border-radius:8px;	
	-webkit-border-radius:8px;
	vertical-align: middle;
}
input:focus {
	border:1px solid #333;
}
input.submit {
	background:#FA802E;
	padding:3px 4px;
	color:#FFF;
	font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid #555;
	cursor:pointer;
	vertical-align: middle;
}
input.submit:hover {
	background:#FFA86F;
}
input.submit:focus {
	border:1px solid #333;
	background:#FA802E;
}
form.analyze_form {
	text-align:center;
	margin:15px 0px;
}
form.analyze_form input {
	font-size:26px;
	border-width: 2px;
	width:450px;
	height:32px;
}
form.analyze_form input:focus {
	border-width: 2px;
}
form.analyze_form input.submit {
	width:auto;
	height:44px;
	padding:0px 5px;
	font-size:18px;	
	background:url(../img/seo_button_bg.gif) repeat-x top center;
}
form.analyze_form input.submit:hover {
	background:url(../img/seo_button_bg.gif) repeat-x center center;
}
form.analyze_form input.submit:focus {
	width:auto;
	background:url(../img/seo_button_bg.gif) repeat-x bottom center;
}
form.analyze_form td.l { font-weight:bold; text-align:right; }
form.analyze_form td.s { font-weight:normal; text-align:left; }
#info {
	font-size:12px;
	background:#444;
	padding:15px; 
	text-align: left;
	border-bottom:3px solid #333;
}
#info .row {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #666;
}
#info .col {
	display:inline-block;
	vertical-align: top;
	width:180px;
	min-height:150px;
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid #666;
}
#info .col.last {
	width:265px;
	margin-right:0px;
	border-right:0px;
}
a.more {
	border:1px solid #FA802E;
	background:#FA802E;
	padding:1px 3px;
	font-size:14px;
	font-weight:700;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-top:10px;
	text-decoration: none;
}
a.more:hover {
	border:1px solid #FFA86F;
}
#info a.more {
    float:right;
}
#footer {
	padding:15px 0px;
	text-align: left;
	font-size:12px;
	color:#CCC;
}
#footer a {
	color:#CCC;
}
#footer a:hover {
	color:#DDD;
}

@media print {
    form.analyze_form { display:none; visibility:hidden; }
}