/* 
Main CSS file for scottradcliff.com
props: extends Blueprint CSS framework
Author: Scott Radcliff
Email: scott@scottradcliff.com
*/



/* Global Styles */
a {color: #000; font-weight: bold;}
a:hover {color: #C00;}
#container {width: 960px; margin: 0px auto;}
#bottom-footer {padding-top: 50px;}
input[type="text"]:focus, textarea:focus {border: 1px solid green;}
#message {color: green; font-weight: bold; font-size: 14px;}
#error {color: red;}
footer {clear: both; display: block;}
.right{float: right;}

/* Gists */
.gist
{
	padding: 25px 0px;
	font-size: 12px;
}

/* -- Main Navigation -- */
header h1 a {font: italic .8em Geogia,serif; color: #999; padding: 0px 0px 0px 20px; text-decoration: none;}
header nav {float: right; position: relative; top: -47px; right: 110px;}
header nav a 
{
	padding: 7px 12px; 
	color: #000; 
	text-decoration: none;
	font: 1.3em verdana,sans-serif;
	margin: 0px 10px;
}

header nav a:hover, a.current, body.blog a#blog, body.portfolio a#portfolio
{
	background: #C00; 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 3px 3px 3px #999;
	-moz-border-radius: 5px; 
	-moz-box-shadow: 3px 3px 3px #999;	
	color: #FFF;
}
/* End Main Navigation */

/* Home Page */
#home #content{font: italic 18px/28px Georgia; color: #626262; margin-top: 50px;}
#welcome {font: 42px Georgia;}
aside {font-family: Helvetica, Arial; float: left; width: 300px; margin: 100px 0px 0px 80px;}
aside h3 {color: #C00; font: 1.2em helvetica, Arial; margin: 0px 0px 0px 24px;}
aside p#hire_me {text-transform: uppercase; margin: 28px 0px 0px 13px; font-size: 1em;}
aside p {margin: 40px 0px 0px 20px; width: 300px; font-size: .8em; line-height: 1.3em;}
aside input[type=text] {background:  #F2F2F2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #ccc; padding: 2px 5px; margin: 63px 0 0 21px;}
aside input[type=submit] {float: right; margin: 10px 47px 0px 0px;}
aside #hire_me a, a#hire_me 
{
	padding: 7px 12px; 
	color: #000; 
	text-decoration: none;
	font: 1em verdana,sans-serif;
	margin: 0px 10px;
	background: #693; 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 3px 3px 3px #999;
	-moz-border-radius: 5px; 
	-moz-box-shadow: 3px 3px 3px #999;	
	color: #FFF;
}
aside #hire_me :hover, a#hire_me:hover {color: #030;}


#content > p > a {font-size: 16px;}
/* End Home Page */

/* Blog Content */

p a#dev_link 
{
	float: right; 
	font: italic 1.5em Georgia, "Times New Roman";
	color: #969696;
	position: relative;
	top: 36px;
	margin-bottom: 100px;
}

.blog #content
{
	clear: both;
	width: 850px;
	margin: 0px auto;
	font: 16px/22px Times, serif;
	margin-top: 130px;
}

.blog #content h2 {font-family: Helvetica, Arial; text-align: center; color: #C00; font-size: 3em; line-height: 48px;}

.blog #content p {width: 800px; margin: 0px auto; padding-top: 25px;
}


.blog a#hire_me {float: right; position: relative; top: 50px; left: 0px;}
p a#dev_link:hover {color: black;}

.blog footer {position: relative; left: 52px;}
/* End Blog Content */



/* Blog Nav */
#blog_nav
{
  width: 100%;
  background-color: #CCC;
  height: 230px;
  border: 1px solid #ACACAC;
}

#blog_nav h2
{
  font: 18px Georgia;
  font-style: italic;
  padding: 5px 0 16px 36px;
}

#blog_nav ul
{
  float: left;
  margin-top: -19px;
}

#blog_nav ul#center
{
  padding: 0 74px;
}

#blog_nav ul li
{
  list-style-type: none;
  padding-bottom: 5px;
  font-family: helvetica, arial;
}

#blog_nav ul li.heading
{
  font-weight: bold;
  color: #333;
  font-family: verdana;
  padding-bottom: 10px;
}

#blog_nav ul li a
{
  text-decoration: none;
  color: #666;
}

#blog_nav ul li a:hover
{
	border-bottom: 1px dotted #000;
	color: #000;
}

#hide-link {float: right; font: bold 10px verdana,helvetica,arial; position: relative; top: 148px; right: 12px;}

#tweet_box {height: 55px !important;} /* In development */
/* End Blog Nav*/


/* Start Portfolio */

#item-heading {font-size: 28px; text-transform: uppercase; color: #B3B3B3; letter-spacing: 2px;}
#item-description p {font: 14px/21px "Times New Roman"; }

/* End Portfolio */

/* Start Hire Me*/

#hire-me input, #hire-me label, #hire-me textarea {display: block;}

/* End Hire Me*/

/*------------------------------------------------------------- */
/* Posts Styles */
#senator-letter blockquote{color: #000; font-size: 100%; line-height: 24px; font-style: normal;}