@charset "UTF-8";

/**
 * Filename:        homepage.css
 * Revision:        v1.0 => 2013.01.21
 * Organization:    ignitr => http://wildfirecms.com
 * Author:          Trevor Lettman
*/


/*********************
 TAGS 
*********************/

#body.hp h1 {
	font-family: "prater-serif-web";
	color: #330000;
	
}

#body.hp h2 {
	font-family: "ff-prater-serif-web",sans-serif;
	color: #330000;
}

#body.hp p {
	font-family: "museo-slab-500";
	color: #3DCDD6;
	
}

#body.hp a {
	font-family: "proxima-nova-bold";
	color: #3DCDD6;	
	
}

#body.hp a:hover 
{
	color: #3DCDD6;
	text-transformation: uppercase;
}

#body.hp a:visited
{
color: #3DCDD6;	
}




/*********************
 LAYOUT 
*********************/

body.hp #live-area {
	width: 960px;
	padding: 0 20px 60px 20px;
	background:url(/templates/lovemuffin/skins/v1/structure/bg/livearea-bg.png) no-repeat 0px 460px #FFF;
}



#home-row1, #home-row2, #home-row3 {
	position:relative;
}

body.hp #specials {
	position:absolute;
	width:163px;
	left:750px;
	top:217px;
	z-index:100;	
	background:url(/templates/lovemuffin/skins/v1/structure/bg/hpspecials-bg.png) transparent;
}

body.hp #specials h2 {
    font-size: 1.4em;
}

body.hp #specials p#heart5 {
	text-align:right;
	background:url(/templates/lovemuffin/skins/v1/structure/sprite_lovemuffin.png) -4px 430px;
}

body.hp #specials p#heart5 img {
	float:none;
	margin:0;
}

body.hp #specials p {
	margin:0;
}

#callout {
	position:absolute;
	width:183px;
	heigt:48px;
	left:765px;
	top:180px;
	z-index:110;
	text-align:right;
	overflow:hidden;	
}

#callout h3 {
	display:inline-block;
	*display:inline;
	font-family: "ff-prater-serif-web",sans-serif;
	font-size: 2.2em;
	font-color:#000;
	font-weight:400;
	background-color:#FFF;
	padding:10px 6px 12px 6px;
}


#home-row2, #home-row3 {
	margin:0 10px 52px 0;
}

#homebody {
	width:250px;
	margin:0 0 40px 0;
}

#homebody h1 {
	position:absolute;
	top:-60px;
	left:-10px;
	z-index:120;
}

#homebody p {
	font-family: "museo-slab", serif;
	font-weight:500;
	font-size: 1em;
	color: #3DCDD6;
	line-height: 125%;
	padding-top:10px;
}

#homebody, body.hp #gallery-widget {
	float:left;
}


body.hp #gallery-widget, body.hp #twitter-widget {
	margin:56px 0 0 0;
}

#homebody {
	margin:48px 0 0 0;
}

body.hp #gallery-widget {
	width:288px;
}

#twitter-widget {
	float:right;
	width:308px;
	text-align:center;
}

#tweetbox {
	width:308px;
	margin:12px 0 0 0;
}

#tweetbox .header, #tweetbox .body, #tweetbox .footer {
	width:308px;
}

#tweetbox .header, #tweetbox .footer {
	height:31px;
}

#tweetbox .header {
	background:url(/templates/lovemuffin/skins/v1/structure/bg/tweetbox-tb-bg.png) no-repeat top left transparent;
	margin:0 0 -1px 0;
}

#tweetbox .body {
	position:relative;
	min-height:180px;
	background:url(/templates/lovemuffin/skins/v1/structure/bg/tweetbox-bgtile.png) repeat-y top left transparent;
}

#tweetbox .footer {
	background:url(/templates/lovemuffin/skins/v1/structure/bg/tweetbox-tb-bg.png) no-repeat bottom left transparent;
	margin:-1px 0 0 0;
}

#tweetbox h2 {
	position:relative;
	top:-12px;
	font-family: "ff-prater-serif-web",sans-serif;
	font-size:2.5em;
	padding:0 0 15px 0;
	margin: 0 0 6px 0;
	padding:0;
}

#tweetbox .body  ul {
	padding: 0 0 12px 0;
	margin: 12px 0 0 0;
}

#tweetbox .body li {
	font-family:"proxima-nova",sans-serif;
	font-weight: 500;
	font-size:1em;
	color:#330000;
	padding: 0 25px;
	margin: 0;
	list-style:none;
	background:none;
}
#tweetbox a {
	font-family:"proxima-nova",sans-serif;
	font-weight:200;
	color:#FC7503;
	background:none;
}

#home-row3 {
	margin:30px 0 0 0;
}

.spark_220 {
	width:250px;
	float:left;
}

body.hp #featured-widget  {
	width:612px;
	float:right;
}

#tweetgall {
	width:612px;
	float:right;
}

body.hp .heart {
	position:absolute;
	z-index:120;
}

#heart2 {
	top:157px;
	left:30px;
	width:67px;
	height:80px;
	background:url(/templates/lovemuffin/skins/v1/structure/sprite_lovemuffin.png) -4px -10px;
}

#heart3  {
	top:11px;
	left:905px;
	width:51px;
	height:58px;
	background:url(/templates/lovemuffin/skins/v1/structure/sprite_lovemuffin.png) -4px -100px;
}

#heart4 {
	left:565px;
	top:45px;
	width:40px;
	height:45px;
	background:url(/templates/lovemuffin/skins/v1/structure/sprite_lovemuffin.png) -4px 430px;
}