@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;} 
p { margin-top: 15px; }

/*____ GENERAL  ____ */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0;
	line-height: 18px;
}
body {
	background-color: #333232;
	margin-left: 0px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top center;
}
a { outline: none; text-decoration: none; }

a:link, a:visited, a:active {
	color: #00a4da;
}

a:hover {
	color: #fff;
}

a img { border: none; } 

.relDiv { position: relative; text-align: left; vertical-align: top; } 

h2 { font-size: 28px; font-weight: normal; }

h2 a:link, h2 a:active { font-family: Helvetica, Helvetica, sans-serif; font-size: 28px; color: #fff; font-weight: normal; line-height: 24px; text-transform: uppercase; letter-spacing: -1px; text-decoration: none; }
h2 a:hover { font-size: 28px; font-weight: normal; line-height: 24px; color: #00a4da;  text-transform: uppercase; letter-spacing: -1px; text-decoration: none;}
h2 a:visited {font-size: 28px; font-weight: normal; color: #fff; line-height: 24px; text-transform: uppercase; letter-spacing: -1px; text-decoration: none;} 

h3 { font-size: 16px; font-weight: bold; color: #85c6dc; }

.hidden { visibility: hidden; }

/* Navigation */

#navplacement {
	position: absolute;
	left: 510px;
	top: 20px;
}

ul#menu {
	list-style: none;
	}
	ul#menu li {
		display: inline;
		float: left;
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 29px;
		color: #FFF;
		float: left;
		}
		ul#menu li a.about {
			background: url(images/nav-about.png) no-repeat bottom center;
			width: 58px;
			color: #FFF;
		}
		ul#menu li a.hottieofthemonth {
			background: url(images/nav-hottieofthemonth.png) no-repeat bottom center;
			width: 132px;
			}
		ul#menu li a.ufblog {
			background: url(images/nav-ufblog.png) no-repeat bottom center;
			width: 66px;
			}
		ul#menu li a.thefacts {
			background: url(images/nav-thefacts.png) no-repeat bottom center;
			width: 73px;
			}
		ul#menu li a.ecards {
			background: url(images/nav-ecards.png) no-repeat bottom center;
			width: 66px;
			}
			ul#menu li a.about:hover, ul#menu li a.about:active,
			ul#menu li a.hottieofthemonth:hover, ul#menu li a.hottieofthemonth:active,
			ul#menu li a.ufblog:hover, ul#menu li a.ufblog:active,
			ul#menu li a.thefacts:hover, ul#menu li a.thefacts:active,
			ul#menu li a.ecards:hover, ul#menu li a.ecards:active {
				background-position: center center;
			}
		body#about ul#menu li a.about,
		body#hottieofthemonth ul#menu li a.hottieofthemonth,
		body#ufblog ul#menu li a.ufblog,
		body#thefacts ul#menu li a.thefacts,
		body#ecards ul#menu li a.ecards {
			background-position: top center;
		}


/*____ IMPORTANT LAYOUT ELEMENTS ____ */

#wrapper { width: 1000px; margin: 0 auto; }
#header { width: 1000px; height: 395px; background-image: url(images/header-bg.jpg); }
#smallheader { width: 1000px; height: 231px; background-image: url(images/header-bg-short.jpg); }
#footer { clear: both; width: 205px; float: left; height: 30px; }
#content { width: 1000px; padding: 0px; }
#leftColumn { width: 440px; float: left; z-index: 2; }
#rightColumn { width: 540px; float: left; z-index: 2; }

.signupForm { width: 434px; height: 66px; background-image: url(images/mod-bg-signupdates.png); }
.ecardPlacement { width: 416px; height: 184px; background-color: #323131; margin: 0px 0px 0px 10px; }
.featuredAd { width: 424px; height: 468px; background-image: url(images/mod-bg-featured-ad.png); margin-left: 2px; z-index: 99; } 
.featuredAdPlacement { width: 354px; height: 452px; position: absolute; top: 10px; left: 70px; }
.prettyTexture { width: 444px; height: 322px; z-index: 1; background-image: url(images/texture-footer.png); margin-top: -230px; }

.titleBars { width: 540px; height: 37px; background-image: url(images/bg-blogtitles.png); }
.titleBars img { margin-left: 3px; margin-top: 3px; }

.blogContainer { width: 540px; background-color: #484747; background-image: url(images/article-bg.jpg); background-repeat: repeat-x; }
.blogPadder { padding: 10px; padding-top: 20px; } 

/*____ BUTTONS ____ */

a.btnSignUpEmail {
display: block;
float: left;
width: 81px;
height: 50px;
text-decoration: none;
background: url(images/btn-enter.png);
cursor: pointer;
}
a.btnSignUpEmail:hover {
background-position: -81px 0;
}

a.btnSubmissionForm {
display: block;
float: left;
width: 397px;
height: 53px;
text-decoration: none;
background: url(images/btn-submissionform.png);
cursor: pointer;
}
a.btnSubmissionForm:hover {
background-position: -397px 0;
}

a.btnGoBack {
display: block;
float: left;
width: 292px;
height: 27px;
text-decoration: none;
background: url(images/btn-goback.png);
cursor: pointer;
}
a.btnGoBack:hover {
background-position: -292px 0;
}

a.btnViewAll {
display: block;
float: left;
width: 68px;
height: 30px;
text-decoration: none;
background: url(images/btn-viewall.png);
cursor: pointer;
}
a.btnViewAll:hover {
background-position: -68px 0;
}

.metaComments a { background-color: #00a4da; padding: 4px; color: #fff; }
.metaComments a:hover { background-color: #00a4da; padding: 4px; color: #000; }

a.metaComments:link, a.metaComments:visited, a.metaComments:active { background-color: #00a4da; padding: 4px; color: #fff; }
a.metaComments:hover { background-color: #00a4da; padding: 4px; color: #000; }

a.btnHOTMsignup {
display: block;
float: left;
width: 517px;
height: 54px;
text-decoration: none;
background: url(images/btn-hotties-submit.jpg);
cursor: pointer;
z-index: 99;
}
a.btnHOTMsignup:hover {
background-position: -517px 0;
}

a.btnVote4hottie {
display: block;
float: left;
width: 237px;
height: 55px;
text-decoration: none;
background: url(images/btn-vote-now.png);
cursor: pointer;
}
a.btnVote4hottie:hover {
background-position: -237px 0;
}

a.btnLeft {
display: block;
float: left;
width: 41px;
height: 138px;
text-decoration: none;
background: url(images/btn-left.png);
cursor: pointer;
}
a.btnLeft:hover {
background-position: -41px 0;
}

a.btnRight {
display: block;
float: left;
width: 41px;
height: 138px;
text-decoration: none;
background: url(images/btn-right.png);
cursor: pointer;
}
a.btnRight:hover {
background-position: -41px 0;
}

a.btnRules {
display: block;
float: left;
width: 363px;
height: 30px;
text-decoration: none;
background: url(images/btn-rules.png);
cursor: pointer;
}
a.btnRules:hover {
background-position: -363px 0;
}

/*____ SLIDER ____ */

.printgrid{ 
	width: 104px; 
	height: 240px; 
	float:left; 
	overflow: hidden; 
	position: relative; 
}
	.printgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		z-index: 77;
	}
	.printgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	

/* Blog Styles */

a.categoryList, a.categoryList:visited  { font-size: 24px; letter-spacing: -1px; text-transform: uppercase; line-height: 34px; }
a.categoryList:hover { color: #fff; }

a.categoryListAlt, a.categoryList:visited  { color: #fff; font-size: 24px; letter-spacing: -1px; text-transform: uppercase; line-height: 34px; }
a.categoryListAlt:hover { color: #00a4da; }

div.articlePost { padding: 4px 0px 10px 0px; }

div.comments-template ol {  }

.commentlist { margin-left: 20px; }

.comments { float: left; width: 160px; text-align: right; margin-top: 10px;  }
	a.comments:link, a.comments a:visited { color: #72c4e9; }
	.comments a:hover { color: #fff; }

.postmeta { text-transform: uppercase; }
a.postmeta:link, a.postmeta:visited { color: #fff; }
a.postmeta:hover { color: #00a4da; }

.mscomments a:link, .mscomments a:visited, .mscomments a:active { color: #fff; background-color: #00a4da; padding: 4px; }
.mscomments a:hover { color: #00a4da; background-color: #fff; padding: 4px; }
.mscomments { color: #00a4da; }

.blogEntry { font-family: Helvetica, Arial, sans-serif; color: #000; }
	
.comments h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; color: #fff; border-bottom: solid 1px #E5D9CC; line-height: 22px; margin-bottom: 7px; padding-bottom: 7px; }
.comments .comment, .commentform { display: block; padding: 15px; }
.comments .comment p { margin: 10px 0 0 0; }
.comments .alt, .commentform { background: #F7F3EF; }
.comments .comment .comment-meta { border-bottom: solid 1px #E7DFDE; font-size: 13px; color: #8D7154; padding-bottom: 5px; }
.comments .comment .comment-meta a { color: #000000; text-decoration: none; }
.comments .comment .comment-meta span { padding: 2px; font-size: 15px; font-weight: bold; color: #A7583E;}
.comments .comment .cimment-meta span a { color: #A7583E; }
.comments .commentform .alignleft { width: 150px; float: left; line-height: 40px; margin-top: -15px; }
.comments .commentform .alignright { width: 100%; float: right; }
.comments .commentform input, .comments .commentform textarea { display: block; padding: 5px; width: 350px; margin-bottom: 10px; border: #E7DBCE solid 1px; background-color: #ffffff; }
.comments .commentform input.submitbutton { width: 150px; background: #E7DBCE; float: right; }
.comments-template h3 { font-size: 16px; color: #fff; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }

.comments-template a { color: #00a4da; font-weight: bold; }

/* GENERAL */

.bigBlue { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #008cba; }

/* ECARDS */

div#ecardTemplateHold
{
  width: 863px;
  height:705px;
  background:url(images/ecards/frame.png) no-repeat;
  margin-top: -150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
div#ecardTemplateHold.image
{
  width: 863px;
  height:705px;
  background:none;
  margin-top: -150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
div#ecardGradient
{
  height:900px;
  width:600px;
  background-image:url(images/ecards/gradient-bg.jpg);
  background-repeat:repeat-y;
  z-index:2;
  border:1px solid red;
}

div#ecardReview
{
  width:800px;
  height:400px;
  position:relative;
  text-align:center;
  top:150px;
}
div#ecardImage
{
  width:800px;
  position:relative;
  text-align:center;
  top:0;
}
div.ecardClick
{
  width:93px;
  height:93px;
  position:absolute;
  top:215px;
  right:65px;
  cursor:pointer;
}
div.ecardClick.front
{
  background:url(images/ecards/click-button.png) no-repeat left top; 
}

div.ecardClick.back
{
  background:url(images/ecards/click-button.png) no-repeat right top;
}

div#ecardTemplateHold.image div.outer
{
  width:670px;
  float:left;
  height:150px;
  overflow:hidden;
  margin-left:40px;
  clear:both;
  margin-bottom:20px;
}
div#ecardTemplateHold.image img.ecardDefaultImage
{
  width:300px;
  float:left;
  cursor:pointer;
  padding:4px;
}
div#ecardTemplateHold.image img.ecardDefaultImage.selected
{
  border:4px solid #EB1090;
  padding:0;
}
div#ecardTemplateHold.image img.ecardDefaultImage.selected
{
  border:4px solid #EB1090;
  padding:0;
}


div#personalizeFormHold
{
  position:absolute;
  top:180px;
  left:200px;
  width:400px;
  height:90px;
}
div#messageHeader
{
  position:relative;
  top:0;
  left:10px;
  height:18px;
  width:400px;
  text-align:left;
  color:#5C0060;
  font-size:11pt;
  font-family:Arial;
}
div#ecardReview div.message
{
  width:400px;
  height:50px;
  line-height:22px;
  position:absolute;
  top:200px;
  left:200px;
  color:#5C0060;
  font-size:16pt;
  overflow:hidden;
  text-align:center;
  font-family:Arial;
}

div#ecardButtons
{
  width:500px;
  height:35px;
  position:absolute;
  top:510px;
  right:100px;
}

div#formOuter
{
  width: 580px;
  height:280px;
}
div#successBlock
{
  width: 550px;
  height:255px;
  overflow:hidden; 
  position:relative;
}
div#successBlock div.anotherEcard
{
  width:90px;
  height:15px;
  position:absolute;
  top:140px;
  left:350px;
  bottom:28px;
  background-color:red;
  cursor:pointer;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}
div#successBlock a.newEcard,
div#successBlock a.newEcard:link,
div#successBlock a.newEcard:hover
{
  width:70px;
  height:15px;
  position:absolute;
  top:165px;
  left:380px;
  bottom:28px;
  color:#00BBE4;
  font-size:14pt;
  font-weight:bold;
  background-color:red;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

div#ecardFormBlock
{
  width: 550px;
  height:255px;
  background: url(images/ecards/form.png) no-repeat;
}
div#ecardFormBlock ul.top
{
  position:absolute;
  list-style:none;
  left:115px;
  top:44px;
  width:400px;
  z-index:1200;
}

div#ecardCreate
{
  float:left;
  padding:2px;
}
div#ecardCreate a
{
  float:left;
  width:200px;
  height:25px;
  padding:5px 0;
  font-family:Arial;
  font-size:16pt;
  font-weight:bold;
  color:#e953ee;
  text-align:center;
}
div#ecardFormBlock ul.bottom
{
  position:absolute;
  list-style:none;
  left:115px;
  top:157px;
  width:400px;
  z-index:1200;
}
div#ecardFormBlock ul li
{
  margin-bottom:10px;
}
div#ecardFormBlock input
{
  border:none;
  font-size:10pt;
  width:220px;
  background:url(images/spacer.gif);
}
div#ecardFormBlock input.submit
{
  position:absolute;
  top:210px;
  left:425px;
  width:110px;
  height:30px;
  z-index:1200;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  cursor:pointer;
}
div#ecardFormBlock label.error 
{
  background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
  padding-left: 16px;
  margin-left: .3em;
  color:red;
  font-size:8pt;
}

div#ecardEmailTemplate
{
  background: url(images/ecards/ecard_email.jpg) no-repeat;
  width:1152px;
  height:867px;
  position:absolute;
  top:0;
  left:0;
}

a#startButton
{
  width:140px;
  height:35px;
  position:absolute;
  z-index:10;
  top:275px;
  left:555px;
  bottom:28px;
  background-color:#000;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
	
input.error { border: 1px solid red; }

/********************************************************************
 *  JQUERY GROWL STYLE
 *********************************************************************/

div#jGrowl {
	padding: 			10px;
	z-index: 			500;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body div#jGrowl {
	position:			fixed;
}

body div#jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body div#jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body div#jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body div#jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body div#jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		red;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				14pt;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div#jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}
div.jGrowl div.jGrowl-notification.error
{
  background-color:red;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

a#testRetOptLink
{
  font-size:18pt;
}