/*
Theme Name: Wonder Marketing 2011
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Justin Awesome
Author URI: http://justinawesome.com/
Description: The 2011 theme for Wonder Marketing and Referral Sercives.
Version: 1.0
Tags: dark
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Structure
----------------------------------------------- */

body {
	background-image:url(images/main-bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#666; line-height:19px;
}

/* Wraper
----------------------------------------------- */

#wraper {
	width: 900px; /*background-color:#CCC;*/
	margin: 0 auto 0 auto;
}

/* Header
----------------------------------------------- */

#header {
	position:relative;
	background-image:url(images/header-spotlight.png);
	background-position:top center; background-repeat:no-repeat;
	height: 230px;
}

#header-logo {
	float: left; margin:28px 0 0 0;
}

#hearder-quote {
	float: right; margin:28px 0 0 0;
}

#user-menu {
	position:absolute; top:124px; left:709px;
}

#user-menu li {
	position:relative; margin-left:6px;
	float: left;
}

#user-menu li a {
	display:block;
	color:#FFF; text-transform: uppercase;
	text-decoration:none; font-size:15px;
	padding: 7px 18px;
	background-image:url(images/user-button-bg.gif);
	background-position:center; background-repeat:repeat-x;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#user-menu li a:active, #user-menu li a:hover {
	background-image:url(images/nav-bg.gif);
}

/* Main Menu
----------------------------------------------- */

.menu {
	position:absolute; left:0; top:0;
	background-image:url(images/nav-bg.gif);
	background-repeat:repeat-x;
	width: 100%; margin-top: 180px;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
}

.menu ul li {
	position:relative;
	float: left; /*background-color:#999;*/
}

.menu a {
	display:block;
	color:#FFF; text-transform: uppercase;
	text-decoration:none; font-size:16px;
	padding: 16px 29px 15px 29px;
	background-image:url(images/header-menu-divider.png);
	background-position:left; background-repeat:repeat-y;
}

.menu ul a:active, .menu ul li a:hover {
	background-color:#999;
}

.menu ul li:first-child a {
	background-image:none;
}

.menu ul li:first-child a:hover {
	border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
}

/* Drop-down */
.menu ul.children {
	display:none; position:absolute; top:50px; left:2px;
	z-index:999; background-color:#333; font-size:10px;
}

.menu ul.children li {
	border-bottom:1px #555 solid; width:100%;
}

.menu ul.children li a {
	display:block; background-image:none;
	padding: 16px auto 15px auto;
}

.menu ul.children li:first-child a:hover {
	border-radius:0;
	-webkit-border-radius: 0;
	-moz-border-radius:0;
}

/* Content
----------------------------------------------- */

#content {
	position:relative; overflow:hidden;
	background-color:#FFF;
}

#content h1 {
	text-transform: uppercase;
	color:#339933; font-size:26px; margin-bottom:8px;
}

#content h3 {
	text-transform: uppercase;
	color:#666; font-size:18px; margin-bottom:8px;
}

#content p {
	padding:8px 0;
}

.column-one-third {
	position:relative;
	float: left;
	margin: 20px 0 0 20px;
	width: 273px; /*background-color:#999;*/
}

.column-two-third {
	position:relative;
	float: left;
	margin: 20px 0 0 20px;
	width: 566px;
}

.column-two-third-extra {
	position:relative;
	float: left;
	margin: 20px 0 0 20px;
	width: 546px;
}

.column-full {
	position:relative;
	margin: 20px 0 0 20px;
	width: 860px;
}

.clear {
	clear:both;
	padding:10px;
}

.divider {
	border-top:1px #999 dashed; margin:20px 0 10px 0;
}

.highlight {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

.headliner {
	margin-bottom:20px;
}

.css3button {
	text-transform: uppercase;
	cursor:pointer;
	color:#FFF; font-size:16px;
	padding:13px 25px; margin:0; background-color: #090;
	background: -moz-linear-gradient(
		top,
		#339933 0%,
		#297c28);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#339933),
		to(#297c28));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0;
}

#content label {
	display:block; font-size:14px; margin:16px 0 0 0;
}

.input {
	font-family:Arial, Helvetica, sans-serif; color:#666;
	padding:6px; margin-top:6px; font-size:14px; width:260px;
}

textarea.input {
	height:120px;
}

.featured-item {
	position:absolute; top:93px; left:-11px; width:274px; height:48px; overflow:hidden;
	background-image:url(images/featured-ribbon.png); background-repeat:no-repeat;
}

.featured-item h2 {
	margin:19px 0 0 13px; color:#FFF;
}

.featured-item-image img {
	width:273px; height:140px;
}

.featured-image {
	width:100%; text-align:center;
	background-color:#999;
	margin:0 0 16px 0; padding:0;
}

.wp-post-image, .attachment-page-thumb { margin:0; padding:0; }

.featured-image img {
	margin:0 auto; padding:0; display:block;
}

/* Sidebar
----------------------------------------------- */

#sidebar {
	position:absolute; top:0px; left:587px;
	background-color:#CCC; width:313px; height:9999px;
	float: right;
}

.side-featured-image img {
	width:88px; height:88px;
}

/* Footer
----------------------------------------------- */

#footer {
	position:relative;
}

#footer h1 {
	text-transform: uppercase;
	color:#FFF; font-size:16px; margin-bottom:8px;
}

#footer-links {
	position:relative;
	background-image:url(images/footer-bg.gif);
	background-color: #666;
	background-position:bottom; background-repeat:repeat-x;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	color: #CCC; font-size: 12px; line-height:16px;
}

.footer-widget {
	float:left;
	width:46%; padding: 20px 0 20px 20px;
}

#footer-copyright {
	font-size: 11px;
	margin: 26px 0;
	text-align: center;
}

.footer-nav li {
	position:relative;
	/*float:left;
	padding-right:10px;
	font-size:10px;*/
}

.footer-nav a {
	color:#FFF;
	text-decoration:none;
}

.footer-nav a:active, .footer-nav a:hover {
	text-decoration:underline;
}

#recaptcha_widget_div {
	position:relative; top:50px; left:-320px;
	display:block;
	width:300px; height:180px;
}


/* WPSC */

.page-item-2886 {
	display:none;
}

.wm-main-cat {
	float:left; margin:10px; text-align:center;
}

.wm-main-cat a {
	display:block;
	color:#FFF; text-transform: uppercase;
	font-weight:bold;
	text-decoration:none; font-size:15px;
	padding: 7px 18px;
	background-image:url(images/user-button-bg.gif);
	background-position:center; background-repeat:repeat-x;
	/* Border */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* Drop Shadow */
	-moz-text-shadow: 1px 1px 0px #666
	-webkit-text-shadow: 1px 1px 0px #666;
	text-shadow: 1px 1px 0px #666;
}

.wm-main-cat a:active, .wm-main-cat a:hover {
	background-image:url(images/nav-bg.gif);
}