/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme.

You need to use .custom before every style e.g. 

.custom a {color:#555555;}
.custom #tabs {background:#000000;width:460px}

*/
#header { background: url(styles/grey_yellow/customized/header_bg.jpg) no-repeat center top; }

hr {
	background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	border:none;
	margin: 1.45em 0;
}
hr.space {background:#fff;color:#fff;}
p.no-padding {
	padding: 0!important;
	margin: 0!important;
}

/*--- Link Button ---*/
a.button {
	background: url(styles/grey_yellow/customized/button.gif) no-repeat left top;
	height: 30px;
	color: #FFF!important;
	line-height: 30px;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 0 0 20px;
	margin: 0;
}
a.button span {
	background: url(styles/grey_yellow/customized/button.gif) no-repeat right top;
	display: block;
	padding-right: 11px;
}
a:hover.button { background: url(styles/grey_yellow/customized/button.gif) left -30px; }
a:hover.button span { background: url(styles/grey_yellow/customized/button.gif) right -30px; }

/*--- Featured Link Button ---*/
a.featured-button {
	background: url(styles/grey_yellow/customized/featured-button.gif) no-repeat left top;
	height: 30px;
	color: #FFF!important;
	line-height: 30px;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 0 0 20px;
	margin: 0;
}
a.featured-button span {
	background: url(styles/grey_yellow/customized/featured-button.gif) no-repeat right top;
	display: block;
	padding-right: 11px;
}
a:hover.featured-button { background: url(styles/grey_yellow/customized/featured-button.gif) left -30px; }
a:hover.featured-button span { background: url(styles/grey_yellow/customized/featured-button.gif) right -30px; }

/*--- Featured Header & P Tags ---*/
div#featured div.entry h2 {
	color: #202f4b;
	text-shadow: #fff 2px 2px 0;
}
div#featured div.entry p {
	font: italic 15px/24px Georgia, "Times New Roman", Times, serif;
}

/*--- Home Page Introduction Headers & Icons ---*/
div#top hr {
	margin: 0!important;
	height: 3px;
	background-color: #f0f0f0;
}
div#top h2 {
	font-size: 20px;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	text-shadow: none;
	color: #353535;
	font-weight: normal;
	font-style: normal;
}
div#top h3 {
	margin: 0!important;
	padding: 0!important;
	text-shadow: none;
	color: #909090;
	border: none;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
}
div#top p {
	margin-top: 15px!important;
}

/*--- Specialize Widget ---*/

ul#specialize li a {
	padding-left: 50px;
	font-weight: bold;
	line-height: 50px;
	height: 50px;
	display: block;
	color: #243756;
	text-decoration: none;
}
ul#specialize li a:hover {
	text-decoration: underline;
	color: #42649b;
}
ul#specialize a.rubyonrails {
	background: url(styles/grey_yellow/customized/ruby-on-rails.gif) no-repeat left center;
}
ul#specialize a.adobeflex {
	background: url(styles/grey_yellow/customized/adobe-flex.gif) no-repeat left center;
}

/*--- Rendering Code ---*/
pre {padding: 1.5em; margin: 1.5em;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
.code {
	border-color: #7d7d7d;
	border-style: dotted;
	border-width: 1px;
	background: #e7e6d9;
}