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

html {padding: 0px; margin: 0px;}
body {padding: 0px; margin: 0px; font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, Tahoma, Arial, sans-serif; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-color: #FFFFFF;}

	/* added */		
	.topquirkentry a{font-size: 12px; width: 130px; color: #003754; text-decoration: none; font-weight: bold;}
	.topquirkentry a:hover{font-size: 12px; width: 130px; color: #003754; text-decoration: underline; font-weight: bold;}	

	.previous, .next{
		text-align:center;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #003754;			
	}
	
	.previousUn, .nextUn{
		text-align:center;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #003754;								
	}	

	.pagesNumLink{
		text-align:center;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #003754;		
	}
	
	.pagesNumUn{
		text-align:center;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #003754;			
	}
	
	.usernav {font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
	.usernav a{font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
	.usernav a:hover{font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
			
	.lognav {font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-style:normal;}
	.lognav a{font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-style:normal; text-decoration: none;}
	.lognav a:hover{font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-style:normal; text-decoration: underline;}
	
	.user_ag {font-size: 11px; color: #333333;}
	.user_ag a{font-size: 11px; color: #333333; text-decoration: underline; }
	.user_ag a:hover{font-size: 11px; color: #333333; text-decoration: none;}	
	  
	  
	.profile_box{
		font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
		color:#FFFFFF;
	}	  
	
	.profile_box2{
		font-size:12px; 
		color:#003754;
	}		  

	.tooltip{
		position:absolute;
		z-index:999;
		left:-9999px;
		background-color:#dedede;
		padding:2px;
		border:1px solid #FFFFFF;
		width:320px;
	}

	.tooltip p{
		margin:0;
		padding:0;
		color:#000000;
		height:120px;	
		background-color:#FFFFFF;
		padding:1px 1px;
		font-size:12px;
		color:#033333;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.close_link {font-size: 12px; color: #333333; text-align:right; vertical-align:middle;}
	.close_link a{font-size: 12px; color: #333333; text-decoration: underline; text-align:right; vertical-align:middle;}
	.close_link a:hover{font-size: 12px; color: #333333; text-decoration: underline; text-align:right; vertical-align:middle;}	
	
	.publish_title {font-size: 25px; color: #943454;}	
	.publish {font-size: 18px; color: #257d95;}	
	
	.publish_link {font-size: 14px; color: #257d95; margin: 0; padding: 0;}
	.publish_link a{font-size: 14px; color: #033333; text-decoration: underline; }
	.publish_link a:hover{font-size: 14px; color: #033333; text-decoration: none;}	
	
	.skip_publish {font-size: 12px; width: 130px; color: #FFFFFF;}
	.skip_publish a{font-size: 12px; width: 130px; color: #003754; text-decoration: none;}
	.skip_publish a:hover{font-size: 12px; width: 130px; color: #003754; text-decoration: underline;}				
	/******/


img, div {border: none;}

#container {margin-left: auto; margin-right: auto; width: 900px; height: auto;}

#header {float: left; width: 900px; height: 575px;}
#content {float: left; width: 900px; height: auto;}
/*#footer {float: left; width: 900px; height: auto;}*/

/*FRONT MODEL */

#frontmodel {float: left; width: 900px; height: 377px;}
#frontmodelpad {padding-left: 24px; padding-bottom: 0px; margin-bottom: 0px;}

/* header divs */

#headerleft {float: left; width: 278px; height: 575px;}
#headerright {float: left; width: 622px; height: 575px;}

#logorur {float: left; width: 278px; height: 205px; background-image: url(images/logo_rur.jpg);}
#ipad {float: left; width: 278px; height: 370px; background-image: url(images/ipad.jpg);}

#logolp {float: left; width: 622px; height: 66px; background-image: url(images/logo_lp.jpg);}
#whatsyourquirk {float: left; width: 622px; height: 62px; background-image: url(images/whats_your_quirk.jpg);}
#whatsyourquirkfield {float: left; width: 622px; height: 77px; background-image: url(images/whats_your_quirk_form.jpg);}
#featuredquirk {float: left; width: 622px; height: 84px; background-image: url(images/featured_quirk.jpg);}
#featuredquirkarea {float: left; width: 622px; height: 115px; background-image: url(images/featured_quirk_area.jpg);}

#featuredquirkareamain {width: 500px; padding-left: 80px;}

#featuredquirkbottom {float: left; width: 622px; height: 171px; background-image: url(images/featured_quirk_bottom.jpg);}

/* content divs */

#sidebar {float: left; width: 226px; height: auto;}
#contentmain {float: left; width: 674px; height: auto;}

/* sidebar divs */

#regtop {float: left; width: 226px; height: 99px; background-image: url(images/sidebar_top.jpg);}
#regbg {float: left; width: 226px; height: auto; background-image: url(images/sidebar_bg.jpg); background-repeat: repeat-y;}
#regbottom {float: left; width: 226px; height: 19px; background-image: url(images/sidebar_bottom.jpg);}

#productside {float: left; width: 226px; height: 324px; background-image: url(images/sidebar_products.jpg);}

/*SIDEBAR MAINS*/
#regtopmain {padding-left: 30px; padding-top: 25px;}
#regbgmain {padding-left: 30px;}

/* contentmain divs */

#nav {float: left; width: 674px; height: 99px; background-image: url(images/nav_bg.jpg);}

#contentcontainer {float: left; width: 674px; height: auto;}
#contentcontainermain {padding-top: 20px; padding-left: 20px;}

.contentspacer {float: left; width: 630px; height: 10px;}

.threequirks {float: left; width: 630px; height: auto;}
.onequirk {float: left; width: 200px; height: auto; padding-right: 10px;}

/* footer divs */

#footer {margin-left: auto; margin-right: auto; clear: both; position: relative; width: 100%; height: 67px; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x;}
#footercontent {margin-left: auto; margin-right: auto; width: 900px; height: 67px; background-image: url(images/footer_bg.jpg);}

#footerleft {float: left;}
#footerright {float: right;}

#footerleftmain {padding-left: 25px; padding-top: 35px;}
#footerrightmain {padding-right: 35px; padding-top: 35px;}

/* formatting classes */

.quirkcontent {padding-left: 18px;}

.quirkcategories-top {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #ea6793; font-weight: bold;}
.quirkcategories-recent {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #257d95; font-weight: bold;}
.quirkcategories-celebrity {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #e6c421; font-weight: bold;}

.topquirkentry {font-size: 12px; width: 130px; color: #FFFFFF;}
.topquirkentry a{font-size: 12px; width: 130px; color: #003754; text-decoration: none; font-weight: bold;}
.topquirkentry a:hover{font-size: 12px; width: 130px; color: #003754; text-decoration: underline; font-weight: bold;}

.topquirktitle {font-size: 11px; width: 130px; padding-left: 18px; padding-top: 5px; color: #033333;}
.topquirktitle a{font-size: 11px; width: 130px; padding-left: 18px; padding-top: 5px; color: #033333; text-decoration: underline;}
.topquirktitle a:hover{font-size: 11px; width: 130px; padding-left: 18px; padding-top: 5px; color: #033333; text-decoration: none;}

.quirkentry {font-size: 12px; width: 130px; color: #257d95;}
.quirkentry a{font-size: 12px; width: 130px; color: #003754; text-decoration: none; font-weight: bold;}
.quirkentry a:hover{font-size: 12px; width: 130px; color: #003754; text-decoration: underline; font-weight: bold;}

.quirktitle {font-size: 11px; width: 130px; padding-left: 18px; padding-top: 5px; color: #033333;}
.quirktitle a{font-size: 11px; width: 130px; padding-left: 18px; padding-top: 5px; color: #033333; text-decoration: underline;}
.quirktitle a:hover{font-size: 11px; width: 130px; padding-left: 18px; padding-top: 5px; color: #033333; text-decoration: none;}

.headeryellow {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ffdb00; font-weight: bold;}
.headerwhite {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; font-weight: bold;}

.entry {font-size: 12px; color: #333333;}
.entry a{font-size: 12px; color: #333333; text-decoration: underline; }
.entry a:hover{font-size: 12px; color: #333333; text-decoration: none;}

.small {font-size: 10px; color: #257d95; margin: 0; padding: 0;}
.small a{font-size: 10px; color: #033333; text-decoration: underline; }
.small a:hover{font-size: 10px; color: #033333; text-decoration: none;}

.small ul, li {list-style: none; padding-bottom: 5px;}

.bottomnav {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none;}
.bottomnav a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffdb00; font-weight: bold; text-decoration: none;}
.bottomnav a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: underline;}

.feat-quirktitle {font-size: 20px; color: #033333; text-decoration: none;}
.feat-quirktitle a{font-size: 20px; color: #176e86; text-decoration: underline;}
.feat-quirktitle a:hover{font-size: 20px; color: #176e86; text-decoration: none;}

/*.feat-quirkentry {font-size: 15px; color: #176e86; text-decoration: none;}
.feat-quirkentry a{font-size: 15px; color: #176e86; text-decoration: underline;}
.feat-quirkentry a:hover{font-size: 15px; color: #176e86; text-decoration: none;}*/

.feat-quirkentry {font-size: 13px; color: #176e86; text-decoration: none;}
.feat-quirkentry a{font-size: 13px; color: #176e86; text-decoration: underline;}
.feat-quirkentry a:hover{font-size: 13px; color: #176e86; text-decoration: none;}

/*.feat-quirkbuttons {font-size: 12px; font-weight: bold; color: #003754;}
.feat-quirkbuttons a{font-size: 12px; font-weight: bold; color: #003754; text-decoration: underline;}
.feat-quirkbuttons a:hover{font-size: 12px; font-weight: bold; color: #003754; text-decoration: none;}*/

.feat-quirkbuttons {font-size: 12px; font-weight: bold; color: #003754;}
.feat-quirkbuttons a{font-size: 12px; font-weight: bold; color: #003754; text-decoration: underline;}
.feat-quirkbuttons a:hover{font-size: 12px; font-weight: bold; color: #003754; text-decoration: none;}

.profile-name {font-size: 25px; color: #943454;}

.profile-quirk {font-size: 14px; color: #257d95; text-decoration: none; margin: 0; padding: 0;}
.profile-quirk a{font-size: 14px; color: #257d95; text-decoration: none;}
.profile-quirk a:hover{font-size: 14px; color: #257d95; text-decoration: underline;}

.profile-quirk .small a{font-size: 10px; color: #033333; text-decoration: underline; }
.profile-quirk .small a:hover{font-size: 10px; color: #033333; text-decoration: none;}

.profile-quirk ul, li {list-style: none;}
.profile-quirk li {padding-top: 10px;}

.alignleft {float: left;}
.alignright {float: right;}


/* forms */

/*registration*/
.sidebarlabel {font-size: 11px; color: #003754;}
.sidebartextfield {width: 170px}
.sidebarbutton {margin-left: 80px; margin-top: 10px;}
/*.sidebarbutton {padding-left: 80px; padding-top: 10px;}*/

/*whats your quirk*/
#quirkfieldproper {float: left; padding-left: 200px; padding-top: 10px;}
.quirkfield { float: left; width: 260px; height: 35px; margin-top: 5px; border: none;}
.quirkbutton {padding-top: 2px; padding-left: 3px;}

/*login bar*/
#loginbar {padding-left: 20px; padding-top: 25px;}
.labelnav {font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.labelnav a{font-size: 14px; color: #ffdb00; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
.labelnav a:hover{font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

.login_nav {float: left;}
.btn_login {float: left; padding-top: 1px; padding-left: 5px;}

/*search bar*/
#navbar {float: left; padding-top: 18px; padding-left: 20px;}
.navfield {width:134px;}
@-moz-document url-prefix() { .navfield { width:143px; } }