/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http://www.merchmatch.com/
 * @copyright	2009 MerchMatch. All Rights Reserved.
 *
 */
 

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

html {color:#a19fa1; font-family: Arial; font-size: 12px;}
body {background:#434343; text-align: center; height: 100%; /* for older browsers */}

#main {margin: 0 auto; width: 100%; text-align: left;}
.inside {margin: 0 auto; width: 800px;}

/*---- BACKGROUND SETTINGS ----*/
#header {height:87px; background: #333333;}
#promo {height:96px; background: #191919;}
#content {padding:30px 0 0 0; background:#fff;}
#footer {background: #434343;}

/*===================================
	GENERAL
===================================*/
h2 {font-size: 23px; color: #f49531; font-family: Helvetica, Arial sans-serif; font-weight: normal;}
h3 {margin-bottom:10px; font-size: 17px; font-weight: bold; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height:16px;}
p {margin-bottom:10px; font-size: 12px; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height:16px;}
ul {margin-bottom:10px;}
ul li {list-style: disc; list-style-position:inside; font-size: 12px; margin-left:20px; padding-bottom:5px; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height:16px;}
ol {margin-bottom:10px;}
ol li {list-style: decimal; list-style-position:inside; margin-left:20px; padding-bottom:5px; font-size: 12px; color: #424242; font-family: Arial, Helvetica, sans-serif; line-height:16px;}
a {color: #175B5F; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
a:visited {color: #191919;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
.clearer {clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}

/*===================================
	HEADER
===================================*/
#header .inside {position: relative;}
#logo {float: left; width: 81px;}
#logo a {display: inline-block; width: 81px; height: 87px;}
#logo_hover {background: url('../img/logo_hover.jpg') no-repeat top center; width: 81px; height: 7px; display: none; }
ul#nav {float: right; display:block; padding: 62px 0 0 0; height: 24px; width:240px;}
ul#nav li {float:left; display: inline-block; padding: 0 17px 0 0; height: 24px;}
ul#nav li.last {padding: 0;}
ul#nav li strong {color: #28bec1;}
ul#nav li a, ul#nav li a:visited {font-family: Helvetica, Arial sans-serif; font-size: 12px; color:#fff; text-decoration: none; display:block; height: 25px;}
ul#nav li a:hover, ul#nav li a.selected {background: url('../img/nav_hover.jpg') no-repeat center 18px;}
div.sign_in_container {position: absolute; top: 0px; right: 0px; background: url('../img/sign_in_bkg.jpg') no-repeat; width: 260px; height: 37px;}
div.sign_in_container p {font-family: Arial, Helvetica sans-serif; color: #fff; font-size: 11px; position:absolute; top:13px; left:10px; line-height: 0;}
div.sign_in_container a, div.sign_in_container a:visited {font-family: Arial, Helvetica sans-serif; color: #368b8e; font-size: 11px; text-decoration: underline;}
div.sign_in_container a:hover {text-decoration: none;}
div.sign_in {position:absolute; top:0; right:0; width: 94px; height: 37px; overflow:hidden; text-indent:-999px;}
div.sign_in .sign_in_button {display:block; height:37px; width:95px;}
.follow_us_wrapper {position: absolute; top: -23px; right: 8px;}
.follow_us_text {position: absolute; top: -20px; right: 70px;}

	/*----------------------------------
		PROMO
	----------------------------------*/
	#promo .inside {position:relative; height:96px; background: url('../img/promo_bkg.jpg') no-repeat top center;}
	.search_container {position: absolute; top: 8px; left: 200px;}
	h1.search {font-size: 24px; color: #53cdd1; margin-bottom: 5px; font-family: Helvetica, Arial sans-serif; font-weight: normal;}
	h1.search strong {color: #f49531; font-weight: normal;}
	.search {width: 405px;}
	div.search_container .search input.blur {color:#d7d7d7; outline: none;}
	div.search_container .search input.focus {color:#434343; outline: none;}
	div.search_container .input_bkg {background:url('../img/search_input.jpg') no-repeat; width: 404px; height: 34px;}
	div.search_container .search input {font-family: Arial, Helvetica sans-serif; background: transparent; border:0; font-size:18px; height:27px; width:388px; margin: 7px 10px 0 9px;}	
	div.search_container p {font-family: Arial, Helvetica sans-serif; color: #6a6a6a; font-size: 11px; padding-top:4px;}
		
/*===================================
	CONTENT
===================================*/
#content .inside {position:relative; min-height: 330px; height: auto !important; height: 330px; padding-bottom:30px;}
#sidebar {float: left; width: 300px;}
#content_column {float: left; width:500px;}
.homepage {background: url('../img/main_content_bkg.jpg') no-repeat; min-height: 273px !important; height: auto !important; height: 273px !important;}
#promo_container {width:395px; position: absolute; top:50px; right: 20px;}
#promo_container h2 {padding-bottom: 5px;}
#promo_container p {font-size: 13px;}
ul#homepage_blurbs {position: absolute; top: 200px; left: 105px;}
ul#homepage_blurbs li {color:#424242; width:145px; float:left; display:inline-block; list-style: none; padding-right: 127px; line-height:15px;}
ul#homepage_blurbs li.last {padding-right: 0;}
.merchbot {position:absolute; top:0; left:105px;}

	/*----------------------------------
			SIDEBAR MODULES
	----------------------------------*/
	ul.blog_menu li ul {margin-top: 10px;}
	#sidebar ul li {list-style: none; margin: 0 0 8px 0px; padding-bottom: 0 !important; line-height: inherit !important;}
	#sidebar ul li a {color: #434343; text-decoration: none;}
	#sidebar ul li a:hover {text-decoration: underline;}
	
	/*------ SMALL ------*/
	h2.small_module {font-size: 18px; color: #fff; background: #368b8e url('../img/module_small_top.jpg') no-repeat; min-height: 17px; height: auto !important; height: 17px; width:255px; padding:12px 10px 10px;}
	.small_module_middle {border-left: 1px solid #368b8e; border-right: 1px solid #368b8e; width:253px; padding:15px 10px;}
	.small_module_footer {background:url('../img/module_small_footer.jpg') no-repeat; height:4px; width:275px;}
	
	/*------ WIDE ------*/
	h2.wide_module {font-size: 21px; color: #fff; background: #f59531 url('../img/module_wide_top.jpg') no-repeat; min-height: 17px; height: auto !important; height: 17px; width:474px; padding:12px 10px 10px;}
	h2.wide_module_invite {font-size: 21px; color: #fff; background: #f59531 url('../img/module_widest_top.jpg') no-repeat; min-height: 17px; height: auto !important; height: 17px; width:770px; padding:12px 10px 10px;}	
	.wide_module_middle {position: relative; border-left: 1px solid #f59531; border-right: 1px solid #f59531; width:472px; padding:15px 10px;}
	.wide_module_middle_invite {position: relative; border-left: 1px solid #f59531; border-right: 1px solid #f59531; width:768px; padding:15px 10px;}	
	.wide_module_footer {background:url('../img/module_wide_footer.jpg') no-repeat; height:4px; width:494px;}
	.wide_module_footer_invite {background:url('../img/module_widest_footer.jpg') repeat; height:4px; width:790px;}
	
/*===================================
	FOOTER
===================================*/
#footer .inside {height: 51px; background: url('../img/footer_bkg.jpg') no-repeat;}
#footer .inside a, #footer .inside a:visited {color: #9b9b9b; font-family: Arial, Helvetica, sans-serif; line-height:16px; text-decoration: none;}
#footer .inside a:hover, #footer .inside a.selected {text-decoration: underline;}
ul#footer_links {float: right;}
ul#footer_links li {font-size:11px; float:left; display:inline-block; list-style: none; padding: 10px; background: url('../img/footer_links_pipe.jpg') no-repeat center right; line-height: 16px;}
ul#footer_links li.first {padding-left: 0;}
ul#footer_links li.last {padding-left: 30px;}

/*===================================
	MODS
===================================*/
.bkg_none {background: none !important;}