/*

Title:      Markup Factory Default Styles
Revised:	March 2009

*/


/* Import External Styles */
@import url(http://buymmacards.com/assets/buymmacards/blog.css);
@import url(http://buymmacards.com/assets/buymmacards/calendar.css);
@import url(http://buymmacards.com/assets/buymmacards/newsletter.css);
@import url(http://buymmacards.com/assets/buymmacards/store.css);


/* `Tags
----------------------------------------------------------------------------------------------------*/

a {
	color: #0A1165;
	}

a.mark-sold { color:#9F1600;}

a.keepreading {background:#ccc; width:100px; text-align:center; color:#000; padding:3px 6px; margin:10px 10px 20px; display:block; text-decoration:none; float:right;}
a:hover.keepreading {background:#333; color:#fff;}

body {
	background:#7d0302 url(/assets/buymmacards/bg.jpg) repeat-y center top;
	color: #222;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 180%;
	}
	
#wrapper {background:#fff; border-left:4px solid #000; border-right:4px solid #000; overflow:hidden;}

h2 {
	color: #222;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 170%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 180%;
	margin: 10px 10px 15px;
	padding-top:20px;
	border-bottom:1px solid #ccc;
	}

h3 {
	font-size: 140%;
	font-weight:bold;
}

h3.home-blog {
	margin-top: 25px;
	padding-left:10px;
	font-size:160%;
}

h3.home-blog a {color:#990000; text-decoration:none;}

em { padding-left:10px; }

p {
	margin: 10px;
	}

p.listing-paragraph {
	width:100%;
	margin: 8px 0;
}

p.note {
	font-size:10px;
}

li {
	margin: 2px 0;
	}	
	
/* `Logo
----------------------------------------------------------------------------------------------------*/

h1#logo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	left: 0;
	line-height: 36px;
	position: absolute;
	top: 90px;
	left: 20px;
	}

h1#logo a {
	display: block;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	color: #111;
	}	

/* `Navigation
----------------------------------------------------------------------------------------------------*/

ul#navigation {
	position: absolute;
	right: 40px;
	top: 175px;
	}
	
ul#navigation li {
	display: inline;
	float: left;
	margin-left: 10px;
	}

ul#navigation li a {
	color: #ffffff;
	display: block;
	background:#cc0000;
	border: 1px solid #000;
    padding:2px 8px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 115%;
	text-decoration: none;
	}

ul#navigation li a:hover {
	background:#990000;
	}

ul#navigation li a.active {
	background:#990000;
	}

ul li a.logout {
	color:#cc0000 !important;
	background:transparent !important;
	border:none !important;
	position:absolute;
	right: 0px;
	top: 25px;
	}
	

/* `Banner
----------------------------------------------------------------------------------------------------*/

#banner .mflogo {
	float: left;
	}

#banner h2 {
	color: #222;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 130%;
	font-weight: normal;	
	letter-spacing: normal;
	line-height: 160%;
	margin-bottom: 10px;
	text-indent: -1px;
	border:none;
	}
	
#banner h2 span {font-weight:bold; font-size:100%; display:block;}	
	
ul.banner-buttons {float:right; list-style:none; width:350px;}

ul.banner-buttons li {
	display:inline;
	float:left;
	width:140px;
	margin:10px;
}

ul.banner-buttons li a {
	}


/* `Search

----------------------------------------------------------------------------------------------------*/

.sidebar-search {
	width: 100%;
	margin-bottom: 40px;
}

.sidebar-search input.input-text {
	width: 70%;
	font-size:115%;
	margin-left: 10px;
	margin-right: 5px;
}

.sidebar-search input.input-button {
	background:#CC0000 none repeat scroll 0 0;
	border:1px solid #000000;
	color:#FFFFFF;
	font-family:Geneva,Helvetica,Arial,sans-serif;
	font-size:115%;
	text-decoration:none;
}

	
/* `Sections
----------------------------------------------------------------------------------------------------*/

#header	{
	width:960px;
	height: 246px;
	background:url(/assets/buymmacards/headerbg.jpg) no-repeat top center;
	position: relative;
	margin: 0 0 15px;
	}

#content {
	padding-bottom: 40px;
	}

#main {
	}

#sidebar p {text-align:center;}

#mod-about {
	margin-bottom: 40px;
	}

#mod-resources {
	margin-bottom: 10px;
	}		

#footer {
	border-top: #9F1600 5px solid;
	color: #959595;
	font-size: 90%;
	padding: 15px 0;
	}	

/* product grid
--------------------------------------------- */

.productContainer{
	width:20%;
	height:22em;
	border:1px solid #e3e3e3;
	display:inline;
	overflow:hidden;
	position:relative;
	float:left;
	padding:.5em;
	margin:.5em;
}

.productContainer a:hover {background:#e3e3e3;}

.productContainer.last{border-right:0;}

.prodImg, .prodName, .prodDesc, .prodPrice{display:block;}

.prodImg{margin:0 auto; padding-bottom:5px;}
.prodName{font-size:1.2em;margin:.2em 0 .2em;font-weight:bold;}
.prodDesc{font-size:1em;margin:.2em 0 .2em;color:#333;}
.prodPrice{
	font-weight:bold;
	font-size:1.4em;color:#333;
	padding:0px 2px;
	float:left;
	margin-right:5px;
	background:transparent url(/assets/buymmacards/pricebg.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	}

.productBottom{background-color:#EBE8D8;display:inline;float:left;height:1px;margin:0.42em 0.42em 0.42em 0.52em;overflow:hidden;padding-left:0.52em;padding-right:0.42em;width:15.25em;}
.productBottom.first{margin-left:0.31em;padding-left:0.31em;width:15.5em;}

.tags {display: none;}
h4.price {display:none;}
form#product-options {display:none;}

img.large {float:left; padding:0px 10px 10px 0px;}

#pageControls {
background:#F9F7F3 none repeat scroll 0 0;
clear:both;
margin:0 auto;
padding:1em 1.5em;
text-align:right;
}

#pageControls ul li {
display:inline;
font-size:1.2em;
padding: 5px;
}

/* misc.
--------------------------------------------- */
hr,.hide{display:none;}
a img{border:none;}
/* self-clear floats */
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* `Classes
----------------------------------------------------------------------------------------------------*/

li.doc {
	background: url('/assets/buymmacards/bullet-doc.png') 0 3px no-repeat;
	padding-left: 23px;
	}

li.star-bullet {
	background: url('/assets/buymmacards/star.png') 0 3px no-repeat;
	padding-left: 23px;
	}

li.my-listings-bullet {
	background: url('/assets/buymmacards/arrow_right.png') 0 3px no-repeat;
	padding-left: 23px;
	}

ul.sub-cat {
	margin-left:20px;
	list-style-type:square;
}

ul.sidebar-blog {
	
}

ul.sidebar-blog li {
	background: url('/assets/buymmacards/bullet-doc.png') 0 3px no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;

}

#directory-list li {
	margin: 10px 0;
}

#directory-list li a {
	padding: 4px 8px;
}

#directory-list li a.active {
	background: #0072bc;
	color: #fff;
	text-decoration: none;
}

/* Product menu tree */
ul#old-tree { float: right; width: 269px; margin-right: 19px; }
ul#old-tree ul { margin-left:1em;}
ul#old-tree li a { color: #516503; font-family:arial,helvetica,clean,sans-serif; font-size: 130%; }
ul#old-tree ul li a { color: #2f3b4e; font-family:arial,helvetica,clean,sans-serif; font-size: 100%; }
ul#old-tree ul li ul li a { color: #000000; font-family:arial,helvetica,clean,sans-serif; font-size: 100%; }
#store-wrapper { width: 620px; float: left; }
#store-wrapper h2 {display: inline}
.tagList { display: inline; font-size : 130%;}
.tagList a {padding-left: 17px; margin-left: 0px; color: #516503; background: url(/assets/buymmacards/arrow-2.png) left no-repeat; }

/* Form Styles */

.formItem {
margin-bottom:1em;
}

.formItem label {
float:left;
margin-right:1em;
text-align:right;
width:180px;
}

#buy-now {
margin:8px 0px;
}

/* Random */

p.back-link {
float:right;
display:inline;
}

.items {
border-bottom: 1px solid#CCCCCC;
}

.searchItem {height:160px;width: 100%;}

.pics {width: 30%; float: left;}
img.thumbnail {padding: 8px; border: none; max-width:135px;max-height:90px;}

#listing-info {
	float: left;
	width: 65%;
	margin-right: 0px;
	padding: 4px;
}

#listing-info a { color:#990000;}

.listed-by-user, {
	float: left; 
	margin-right: 10px;
}

.price   {
font-weight:bold;
font-size:1.2em;
color:#990000;
}

.formItem .note {display: inline;}

p.important {
	font-weight: bold;
	font-style: italic;
}

button.buy-now {
	font-weight: bold;
	font-size: 120%;
}

.clear {clear:both;}