/*
THEME NAME: RoundPegg
THEME URI: 
DESCRIPTION: 
VERSION: 1.0
AUTHOR: <a href="http://ryanimel.com">Ryan Imel</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

* {
  margin:           0;
	padding:          0;
}
	
html {
	font-size:        100%;
}

body {
	font:             62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
  background:       #fff url(images/back-full.jpg) repeat-x;
}

#wrapper {
	font-size:        1.2em;
	line-height:      1.5em;
  width:            900px;
  height:           100%;
  margin:           0 auto;
}

p {
	margin-bottom:    1.5em;
}

ol, ul {
  padding-left:     2.5em;
}

#mid-left ol {
  margin-bottom:    10px;
}

/* ---------- add your code below ---------- */

#top {
  height:           118px;
  width:            900px;
  background:       url(images/back-top-grey.jpg) repeat-x;  
}

#top #rp-logo {
  border:           0;
  position:         relative;
  top:              22px;
}

#copyright {
  position:         absolute;
  bottom:           0px;
  width:            900px;
  padding-top:      50px;
  color:            #3c3d3c;
  font-size:        0.8em;
  text-align:       center;
}

.left {
  float:            left;
}

.clearfix {
  clear:            both;
}

ul#top-nav, ul#bot-nav {
  padding:          0;
  list-style:       none;
margin-bottom: 0;
}

ul#top-nav li, ul#bot-nav li {
  display:          inline;
  padding:          0 5px 0;
}

ul#top-nav {
  position:         relative;
  width:            900px;
  text-align:       right;
  top:              -60px;
}

ul#top-nav .at-page span, ul#top-nav .current_page_item a {
  color:            #1199ff;
  font-weight:      bold;
}

#top-nav a,
#top-nav a:link {
  color:            #aaa;
  text-decoration:  none;
}

#top-nav a:hover {
  color:            #fff;
}

#bot-nav a,
#bot-nav a:link {
  color:            #000;
  text-decoration:  none;
}

#bot-nav a:hover {
  color:            #fff;
}

ul#bot-nav .at-page span, ul#bot-nav .current_page_item a {
  color:            #000;
  font-weight:      bold;
}
#wrapper-top,
#wrapper-mid,
#wrapper-bot
{
	font-size:        1.2em;
	line-height:      1.5em;
  width:            100%;
}

 {
  width:          100%;
}

#top {
/*  background:     url(images/back-header.jpg) repeat-x 0 0; */
  background: url(images/back-full.jpg) repeat-x 0 0;
  height:         131px;
  width:          900px;
  margin:         0 auto;
}

#wrapper-mid {
  background:     #fff url(images/back-mid-bottom.jpg) repeat-x 0 100%;
}

#mid {
  width:          900px;
  background:     #fff url(images/back-mid-bottom.jpg) repeat-x 0 100%;
  margin:         0 auto;
  padding:        10px 0;
}

#mid-left {
  width:          494px;
  padding-right:  25px;
  background:     url(images/vert-line-grey.png) repeat-y 100% 0;
}

#mid h1 {
  width:          485px;
  height:         31px;
  margin-top:     5px;
  padding-bottom: 12px;
}

#mid h1 span {
  display:        none;
}

h1#head-assess-candidates {
  background:     url(images/header-assess-candidates.png) no-repeat;
}

h1#head-assess-yourself {
  background:     url(images/header-assess-yourself.png) no-repeat;
}

h1#head-blog {
  background:     url(images/header-blog.png) no-repeat;
}

h1#head-contact {
  background:     url(images/header-contact.png) no-repeat;
}

#mid-right {
  width:          356px;
  padding-left:   15px;
  border-left:    1px solid #808080;
}

#mid-right-img {
  width:          356px;
  height:         400px;
  position:       relative;
}

#wrapper-bot {
  background:     #1199ff url(images/back-bot-top.jpg) repeat-x 0 0;
}

#copyright {
  position:       relative;
  padding-top:    15px;
  padding-bottom: 15px;
  width:          900px;
  margin:         0 auto;
}

#copyright p {
  margin-bottom:  0;
}

#flatirons-pho {
  border:         1px solid #3c3d3c;
}

#pho-cap {
  width:          900px;
  font-size:      0.75em;
  color:          #888;
  text-align:     right;
}


/*** Added by Ryan Imel on 1/27/09 ***/

h2 a {
/*	color: #454545; */
	color: #808080;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}
h2 {
	font-family: Rockwell, Georgia, Times, serif;
/*	color: #454545; */
	color: #808080;
	font-size: 2.4em;
	margin: 15px 0 20px 0;
}
div.meta {
	font-size: 0.8em;
	margin: 0 0 40px 0;
}
div.meta a {
	color: #000;
}
div.meta a:hover {
	text-decoration: none;
}
ul {
	margin-bottom: 15px;
}
div.navigation a {
	color: #000;
}
a:hover {
	text-decoration: none;
}
div#respond {
	width: 500px;
	margin: 0 0 30px 0;
}
h3 {
	margin: 15px 0 30px 0;
}
div#respond textarea {
	width: 500px;
}
div#comments ol {
	margin: 0 0 50px 0;
	padding: 0;
}
li.comment {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0 0 50px 80px;
	position: relative;
	border-bottom: 1px dashed #888;
	min-height: 70px;
}
div.comment-meta {
	position: absolute;
	bottom: 7px;
	left: 0;
	font-size: 0.8em;
}
div.comment-author {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	font-size: 0.8em;
}
div.comment-author span {
	display: block;
}
input {
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0 5px;
	font-size: 1.1em;
}
textarea {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 1.1em;
}

div.column {
	width: 14em;
	float: left;
	margin: 0 0 25px 0;
}
div.alt {
	float: right;
	margin-right: 0;
}
div#mid-right ul {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
div#mid-right li {
	list-style-type: none;
}
div#mid-right li ul {
	margin: 0 0 15px 0;
}
div#mid-right li li {
	margin: 0 0 0 0;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	padding: 3px 5px;
}
div#mid-right h3 {
	margin-bottom: 5px;
}
div#mid-right a {
	color: #000;
	font-style: italic;
	text-decoration: none;
}
div#mid-right a:hover {
	text-decoration: underline;
}

#mid-right h3 {
  margin: 0;
}

/*RSS Box
---------------------------------------*/
h3.widgettitle {
	padding:        25px 0 3px 0;
	font-size:      1.4em;
	font-weight:    normal;
	text-transform: uppercase;
	letter-spacing: 1.2pt;
	font-family:    "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	border-bottom:  1px solid #dddddd;
  color:          #808080;
}
#rss-feed  { 
  padding-top:    10px; 
}
#rss-feed p {
  margin-bottom:  10px;
}
#rss-feed a.rss, #rss-feed a.email {
  float:          left;
  margin-top:     0px;
  display:        block;
  padding:        0 0 0 19px;
  background:     url(./images/feed-icon.png) no-repeat 0 .3em;
}
#rss-feed a.email {
  margin-left:    20px;
  padding:        0 0 0 25px;
  background:     url(./images/mail-icon.png) no-repeat 0 .45em;
}

/******** Image wrap fix *********/

.alignleft,
.alignleft .highlight-box {
  float:          left;
  margin:         0 10px 10px 0;
}

.alignright,
.alignright .highlight-box {
  float:          right;
  margin:         0 0 10px 10px;
}

.alignleft img,
.alignright img,
.aligncenter img {
  border:         1px solid #ddd;
}

.wp-caption p {
  color:          #888;
  font-style:     italic;
}