/*

Theme Name: Step Theme

Description: Custom Theme for gostep.org

Version: 1.0

Author: Jake Bohall http://grapethinking.com

*/



*
	{
		margin: 0;
	}

body
	{
		margin-top: 5px;
		font-family: Verdana, Tahoma;
	}

a
	{
		color: #4E7DCD;
		text-decoration: underline;
	}

a:hover
	{
		color: #000;
	}

img, img a
	{
		border: 0;
	}

#wrap
	{
		width: 900px;
	}

#header
	{
		text-align: right;
		padding-top: 0px;
		padding-right: 35px;
		padding-bottom: 0px;
		width: 900px;
		height: 140px;
	}

#header span.logo
	{
		float: left;
		font-size: 40px;
		color: #484647;
	}

#header span.logo a
	{
	  color: #484647;
	  text-decoration: none;
	}

#header span.search input
	{
	  width: 350px;
	  margin: 40px 45px 0 0;
	}

#header_below
	{
		background: url(images/content_top.jpg) no-repeat;
		width: 900px;
		height: 32px;
		margin: 0;
		padding: 0;
	}

#quotes
	{
	  float: top;
	  padding-top: 10px;
	  height: 100px;
	  margin: 0 0 0 400px;
	}

#footer
	{
		background: url(images/content_bot.jpg) no-repeat;
		width: 860px;
		height: 40px;
		margin: 0;
		padding: 0;
		font-size: 11px;
		color: #CCC;
		text-align: center;
		padding: 0 20px;
	}

#footer a
	{
		color: #DDD;
	}

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

#menu
	{
	  float: top;
	  padding-right: 20px;
	}

#menu ul
	{
		list-style: none;
	}

#menu ul li
	{
		float: left;
		margin: 0 0 0 10px;
		font-size: 12px;
		font-weight: bold;
		background: url(images/menu-in-right.jpg) no-repeat right;
		color: #FFF;
	}

#menu ul li a
	{
		display: block;
		padding: 9px 20px 10px;
		text-decoration: none;
		background: url(images/menu-in-left.jpg) no-repeat left;
		color: #FFF;
	}



#menu ul li:hover
	{
		float: left;
		margin: 0 0 0 10px;
		font-size: 12px;
		font-weight: bold;
		background: url(images/menu-right.jpg) no-repeat right;
		color: #FFF;
	}

#menu ul li a:hover
	{
		display: block;
		padding: 9px 20px 10px;
		text-decoration: none;
		background: url(images/menu-left.jpg) no-repeat left;
		color: #FFF;
	}

ul.obtabs
	{
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
	 	list-style: none;
   	padding: 0;
		margin: 20px 0 0 0;
	}

ul.obtabs li
	{
    float: left;
    display: block;
    height: 34px;
    padding-right: 15px;
    margin-left: 15px;
    position: relative;
    background: url(images/menu-in-right.jpg) 100% 0 no-repeat;
    white-space: nowrap;
	}

ul.obtabs span
	{
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    background: url(images/menu-in-left.jpg) no-repeat;
	}

ul.obtabs li.active
	{
    float: left;
    display: block;
    height: 34px;
    padding-right: 15px;
    margin-left: 15px;
    position: relative;
    background: url(images/menu-right.jpg) 100% 0 no-repeat;
    white-space: nowrap;
	}

ul.obtabs span.active
	{
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    background: url(images/menu-left.jpg) no-repeat;
	}

html>body ul.obtabs span
	{
    display: block;
	}

ul.obtabs a
	{
   	color: #F1F1F1;
		text-decoration: none;
	}

ul.obtabs a:hover
	{
   	color: #FFF;
	}

#content
	{
		text-align: left;
		margin: 0;
		background: #977944;
	}

#left
	{
		font-size: 13px;
		line-height: 1.8em;
		float: left;
		width: 600px;
		padding: 0 0 20px 30px;
	}

#left img, #left img a
	{
		margin: 5px;
		padding: 3px;
		border: 1px solid #CCC;
		max-width: 98%;
	}

#left ul, #left blockquote
	{
		margin-bottom: 0;
	}

#right
	{
		font-size: 11px;
		line-height: 1.8em;
		float: left;
		width: 224px;
		padding: 0 0 15px 15px;
	}

.ptop
	{
		background: url(images/post-top.jpg) no-repeat;
		width: 610px;
		height: 17px;
	}

.pmid
	{
		background: url(images/post-mid.jpg) repeat-y;
		width: 580px;
		padding: 0 15px;
		margin: 0;
	}

.pbot
	{
		background: url(images/post-bot.jpg) no-repeat;
		width: 610px;
		height: 21px;
		margin-top: 0px;
		margin-bottom: 30px;
	}

.ltop
	{
		background: url(images/ltop.jpg) no-repeat;
		width: 240px;
		height: 16px;
	}

.lmid
	{
		background: url(images/lmid.jpg) repeat-y;
		width: 220px;
		padding: 0 10px;
	}

.lmid h2
	{
		font-weight: normal;
		margin: 0;
		font-size: 18px;
		padding-bottom: 5px;
	}

.lbot
	{
		background: url(images/lbot.jpg) no-repeat;
		width: 240px;
		height: 18px;
		margin-bottom: 30px;
	}

.post
	{
		padding-top: 5px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

.post p
	{
		margin: 0px;
		padding-bottom: 10px;
	}

.post-date
	{
		width: 45px;
		height: 49px;
		float:left;
		background: url(images/calendar.jpg) no-repeat;
	}

.post-month
	{
		font-size: 11px;
		text-transform: uppercase;
		color: #FFFFFF;
		text-align: center;
		display:block;
		line-height: 11px;
		padding-top: 2px;
		margin-left: -3px;
	}

.post-day
	{
		font-size: 18px;
		text-transform: uppercase;
		color: #999999;
		text-align: center;
		display:block;
		line-height: 18px;
		padding-top: 7px;
		margin-left: -3px;
	}

.post-head
	{
		padding-bottom: 5px;
		margin-bottom: 5px;
  }

.post-head .title
	{
		margin-top: -5px;
		padding-bottom: 5px;
		margin-left: 50px;
		width: 530px;
		border-bottom: 1px solid #CCC;
	}

.post-head div.title, .post-head div.title a
	{
		font-size: 22px;
		color: #484647;
		line-height: 1.3em;
		text-decoration: none;
	}

.post-head div.title a:hover
	{
		color: #4E7DCD;
	}

.post-head .posted
	{
		font-size: 11px;
		margin-left: 8px;
		float: left;
	}

.post-head span.comments
	{
		float: right;
		font-size: 11px;
	}

.post-head span.comments a
	{
		background: url(images/comments.png) left no-repeat;
		padding-left: 20px;
		padding-bottom: 1px;
		display: block;
		text-decoration: none;
	}

.post-entry
	{
		text-align: justify;
	}

.post-bot
	{
		border-top: 1px solid #ccc;
		padding: 5px 5px 0 5px;
		margin-top: 5px;
	}

.post-bot span.posted
	{
		margin-top: 5px;
		float: left;
		font-size: 11px;
		line-height: 1.3em;
		text-decoration: none;
	}

#right ul
	{
		font-size: 12px;
		width: 200px;
		margin: 0;
		padding: 5px 5px;
		list-style-type: none;
		list-style-image: none;
	}

#right ul li, #right .sidebody ul li a
	{
		background: url(images/bullet.png) top no-repeat left;
		background-position: 0 1px;
		margin-bottom: 2px;
		padding-left: 16px;
	}

#left .comm-top
	{
		background: url(images/comm-top.jpg) no-repeat bottom;
		width: 550px;
		height: 19px;
		margin: 0;
		padding: 0;
	}

#left .comm-mid
	{
		margin: 0px;
		background: url(images/comm-mid.jpg) repeat-y;
		width: 550px;
	}

#left .comm-mid p
	{
		text-align: left;
		font-size: 11px;
		margin: 0 20px;
	}

#left .comm-bot
	{
		background: url(images/comm-bot.jpg) no-repeat top;
		padding-top: 20px;
		width: 550px;
		margin: 0;
	}

#left .comm-bot p
	{
		text-align: left;
		font-size: 11px;
		margin-left: 17px;
		margin-top: 0px;
		margin-bottom: 15px;
	}

#left .comm-title
	{
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 20px;
		color: #437DCD;
		line-height: 1.3em;
		text-decoration: none;
	}

.nav-link, .nav-link a
	{
		color: #CCC;
		margin: 10px;
	}

.nav-link a:hover
	{
		color: #FFF;
	}

#searchform
	{
	  text-align:center;
	}

#searchform #s
	{
	  width:200px;
	}