@charset "utf-8";

/* -----------------------------------------
Title:				Layout Style Sheet
Author: 			Alex Marshall
Updated: 			June 3, 2011
----------------------------------------- */

/*-------------- Typography ------------- */

p { margin: 0 0 1.25em; padding: 0; line-height: 22px; }
big { font-size: 120%; line-height: 160%; }
a { color: #88a571; text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: underline; }
small { font-size: 87%; }
ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; }
li { margin: 0 0 .5em 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 1.4em 0 .6em; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1em; }
hr { display: none; height:1px;	margin-top:0em; margin-bottom:1em; border-top-width:1px; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-color:#0F2A56; }
dl { margin-bottom:24px; }
dt { font-weight:bold; }
dd {	margin-bottom:18px; }
.tubepress_container h3 {
	display: none;	
}
#sidebar-tubepress-wrap {
	position: relative;	
	float: left;
	width: 358px;
	margin: 0;
	padding: 0;
}
#sidebar .tubepress_thumbs {
	padding: 0;
	float: left;]
	position: relative;
	width: 385px;
	margin-top:0px;
}
#sidebar .tubepress_thumb {
	float: left;
	width: auto;
	line-height: 1.1em;
	font-size: 11px;
	height: auto;
	overflow: hidden;
	margin-right: 12px;
}
.tubepress_thumb img {
	margin-bottom: 3px;
}
dd.tubepress_meta_title,
dd.tubepress_meta_title a,
dd.tubepress_meta_title a:hover {
	font-size: 12px;
	font-weight: bold;
	margin-left: 0;
	clear: left;
	line-height: 1.3;
}
.more-advice {
	position: absolute;
	bottom: 25px;
	right: 2px;	
	color: #fff;
	background: #888;
	padding: 5px 8px;
	font-size: 12px;
}
.more-advice span {
	background:url(../images/advice-arrow.png) no-repeat right center;
	padding-right: 24px;	
}
.more-advice:hover {
	color: #fff;
	background: #666;
	text-decoration: none;
}
#home_share_btns {
	position: absolute;
	width: 274px;
	bottom: -13px;
	right: 49px;	
}
a.share_facebook, a.share_twitter,
a.share_digg, a.share_stumble,
a.share_delicious, a.share_reddit,
a.share_linkedin {
    width:                  32px;
    height:                 32px;
    display:                block;
    text-indent:            -999999px;
    float:                  left;
    margin-right:           1px;
}
a.plus-1 {
    width:                  70px;
    height:                 32px;
	margin-top:				3px;
    display:                block;
    float:                  left;
	margin-left: 2px;
    margin-right:           2px;
}
a.share_facebook { background: url(../images/icons/facebook_32.png) no-repeat; }
a.share_twitter { background: url(../images/icons/twitter_32.png) no-repeat; }
a.share_digg { background: url(../images/icons/digg_32.png) no-repeat; }
a.share_stumble { background: url(../images/icons/stumbleupon_32.png) no-repeat; }
a.share_delicious { background: url(../images/icons/delicious_32.png) no-repeat; }
a.share_reddit { background: url(../images/icons/reddit_32.png) no-repeat; }
a.share_linkedin { background: url(../images/icons/linkedin_32.png) no-repeat; }

/*-------------- Form Styles -------------*/

input, textarea, select { color: #777; font:100% Arial, Helvetica, sans-serif; }
textarea { line-height:150%; }
input[type=text], input[type=password], textarea { padding: 5px 7px 6px; background:#ffffff; border:solid 1px #a7b0b3; /*This will not work in IE 6,7,8 but really who gives a crap */ -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius:5px; -moz-border-radius:5px; /*End of stuff IE can't support */ }
textarea:focus, input[type=password]:focus, input[type=text]:focus { border-color:#f26522; outline:none; color:#000; }
input[type=text], input[type=search] { width:240px; max-width:90%; }
textarea { width:96%;line-height: 150%; padding:6px 2%; }
input[type=reset], input[type=submit] { padding:7px 15px; background:#5f5f5f; border:none; color:#fff; cursor:pointer; /*This will not work in IE 6,7,8 but really who gives a crap */ -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius:5px; -moz-border-radius:5px; /*End of stuff IE can't support */ }
input[type=reset]:hover, input[type=submit]:hover { background:#30333a; }

/*----------------- html/ Body ---------- */

html { background:#FFF; }
body { width: 1000px; margin: 0 auto; font: 17px Arial, Helvetica, sans-serif; z-index:10; }

/*-------------- Header Section --------- */

#main-header { border-top: solid 8px #76ba40; position:relative; float: left; margin-top: 9px; width: 100%; height: 156px; z-index:20; }
#main-header img { border: 0px; }
.ie7 #main-header h1 { margin-top: 15px; }
#main-header h1 { margin-top: 15px; font-size: 52px; line-height: 62px; }
	.red { color: #e43c21; }
	.grey { color: #7b7b7b; font-size: 44px; font-weight: normal; }
	.blue { color: #74e1fc; }
	.green { color: #82f33a; }
	#main-header h1 img { margin-bottom: -2px; }
	#main-header h1 a { text-decoration: none; }
#main-header ul { position: absolute;	bottom: 0px; left: -24px; width: 100%; height: 36px; background-color: #76ba40; list-style: none; }
#main-header ul li { margin-top: 7px; width: 32%; float: left; font-weight: bold; text-transform: uppercase; text-align: center; font-size: 28px; color: #fff; }
#main-header .hearts { position: absolute; top: 6px; right: 6px; width: 189px; height: 78px; }

/*-------------- Navigation Section ----- */

#main-navigation { position:absolute; top:85px; right:0; z-index:40; }

/*-------------- Content Section -------- */

#content { float: left; width:1000px; position:relative; z-index:20; }
.front-ad { position: absolute; top: 0px; left: 0px; width: 120px; height: 600px; }
.front-ad-right { position: absolute; top: 0px; right: 0px; width: 120px; height: 600px; }
#left-banner { position: absolute; top: 0px; left: 0px; width: 120px; height: 612px; }
.ie7 #middle { float: left; width: 640px; margin: 0px 170px 0px 170px; min-height: 612px; }
#middle { position: relative; margin: 0px 206px 0px 136px; width: 712px; padding: 0px 10px 0px 10px; height: 100%; }
.middle-search { position: relative; margin-left: 24px; width: 640px; padding: 0px 10px 0px 10px; height: 100%; }
#navigation-2 { float: left; width: 800px; margin-left: 73px; font-size: 12px; font-weight: bold; margin-top: -14px; }
span.cater { float: left; margin-top: 12px; font-weight: bold; font-size: 16px; }
#middle h2 { margin-top: 13px; float: left; clear: both; font-size: 24px; color: #e43d21; width: 100%; border-top: 1px solid #ccc; padding: 14px 0px 4px 0px; }
#right-banner { position: absolute; top: 0px; right: 0px; width: 120px; height: 612px; }
#stock { float: left; width: 330px; color: #000; font-size: 19px; text-align: center; position: relative; }
#stock p { width: 100%; }
#stock img { padding-bottom: 12px; }
#stock h3 { font-size: 21px; margin-top: -10px; color: #e43d21; }
#sidebar { width: 358px; text-align: center; float: right; margin-top: 0px; }
#sidebar p { font-size: 14px; }
#sidebar a.red-click { color: #e43d21; }
#social { float: left; position: relative; width: 300px; margin-top: 18px; margin-left: -23px; height: 40px; }
.plus1 { position: absolute; top: 3px; left: 130px; width: 100px; }
.social { position: absolute; top:-20px; left: 0px; margin-right: 12px; width: 100px; list-style: none; }
.social li { float: left; display: block; width: 32px; height: 32px; text-indent: -9999px; margin-left: 12px; }
.social li a { width: 32px; height: 32px; display: block; float: left; }
.social li.fb { background: url(../images/fb.gif) no-repeat top left; }
.social li.tw { background: url(../images/tw.gif) no-repeat top left; }
.ie7 ul.btns { margin-left: -24px; }
.ie7 ul.btns { margin-right: 5px; }
ul.btns { float: left; margin-top: 10px; width: 356px; margin-left: 13px; margin-right: 0px; height: 40px; list-style: none; }
ul.btns li { float: left; width: 356px; margin-left: -12px;}
ul.btns li.last { margin-right: 0px; }
ul.btns li a { float: left; background-color: #e33c21; border: 4px solid #fff; font-weight: bold; width: 320px; text-align: center; text-transform: uppercase; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 17px; font-size: 16px; padding: 9px 14px 9px 14px; color: #fff; text-decoration: none; }
ul.btns li a:hover { background-color: #fff; border: 4px solid #e33c21; color: #e33c21; }
#sidebar h2 { padding: 0; margin: 0; margin-top: -10px; color: #0048ff; font-size: 24px; }

/*-------------- Search Section -------- */

#search-members { float: left; width: 640px; }
.preview-notice { float: left; width: 198px; padding: 20px 20px 7px 20px; height: 314px; background-color: #76ba40; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.preview-notice h3 { margin: 0px 0px 12px 0px; height: 16px; line-height: 16px; font-size: 14px; text-transform: uppercase; background: url(../images/info.png) no-repeat left center; padding: 0px 0px 0px 23px; color: #fff; }
.preview-notice p { line-height: 21px; font-size: 13px; color: #fff; }
#search-area { float: right; width: 352px; height: 311px; text-align: center; padding: 14px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 1px solid #ccc; box-shadow:0px 0px 10px #c1c1c1; }
#search-area strong { float: left; width: 100%; font-size: 36px; color: #e43d21; padding-bottom: 40px; }
#search-area span { font-size: 24px; }
#search-area select { font-size: 24px; width: 120px; padding: 6px; border: 1px solid #ccc; }
#search-area p { float: left; clear: both; width: 100%; margin-top: 30px; }
.register-text { float: left; width: 612px; padding: 14px; border: 1px solid #ccc; text-align: center; font-size: 16px; line-height: 22px; font-weight: bold; color: #333; margin-top: 18px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.register-text .orangetext { color: #e43d21; }
.btn-search { width: 215px; height: 87px; margin-left: 67px; border: 0px; cursor: pointer; margin-top: 12px; float: left; background: url(../images/search.png) top left no-repeat; text-indent: -9999px; }
.btn-search:hover { background-position: bottom left; }
.gray { background-color: #f2f9fb; }
.registerlink3 a { color: #e43d21; }
.view-profile { position: absolute; top: -29px; right: 3px; display: block; text-indent: -9999px; width: 139px; height: 44px; background: url(../images/view-profile.png) no-repeat top left; }
	
/*-------------- Search Section Users -------- */

#search-area-wide { float: right; width: 610px; text-align: center; padding: 14px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 1px solid #ccc; box-shadow:0px 0px 10px #c1c1c1; }
#search-area-wide strong.title { float: left; width: 100%; font-size: 36px; color: #e43d21; padding-bottom: 20px; }
#search-area-wide span { font-size: 24px; }
#search-area-wide select { font-size: 18px; margin: 0px 4px 0px 4px; padding: 4px; border: 1px solid #ccc; }
.preview-notice-wide { margin-top: 16px; float: left; width: 598px; padding: 20px 20px 0px 20px; background-color: #76ba40; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.preview-notice-wide h3 { margin: 0px 0px 12px 0px; height: 16px; line-height: 16px; font-size: 14px; text-transform: uppercase; background: url(../images/info.png) no-repeat left center; padding: 0px 0px 0px 23px; color: #fff; }
.preview-notice-wide p { line-height: 21px; font-size: 13px; color: #fff; }
div.sub-set { float: left; text-align: center; clear: both; width: 556px; background-color: #f7f7f7; padding: 16px; margin-left: 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #e9e9e9; }
div.sub-set p { margin: 0; padding: 0; }
.user-image { position: relative; display: block; }
.user-details { position: absolute; top: -133px; right: -150px; z-index: 10000; width: 184px; height: 138px; padding: 16px; background: url(../images/tooltip.png) no-repeat top left; color: #000; }
.user-details h5 { margin: 0px; text-align: center; width: 184px; font-size: 13px; padding: 0px 0px 9px 0px; font-weight: normal; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; }
.user-details span { font-weight: bold; color: #e43c21; }
.user-details strong { position: absolute; top: 132px; left: 16px; z-index: 120000; width: 184px; height: 14px; }
.user-details-2 { position: absolute; top: -133px; right: -210px; z-index: 10000; width: 242px; height: 161px; padding: 16px; background: url(../images/tooltip_big.png) no-repeat top left; color: #000; }
.user-details-2 h5 { margin: 0px; text-align: center; width: 242px; font-size: 13px; padding: 0px 0px 13px 0px; font-weight: normal; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; }
.user-details-2 span { font-weight: bold; color: #e43c21; }
.user-details br { height: 12px; }
.user-details-2 ul { position: absolute; top: 122px; display: block; left: -8px; z-index: 120000; width: 242px; height: 21px; list-style: none; }
.user-details-2 ul li { float: left; margin-right: 4px; display: block; }
.user-details-2 ul li a { text-indent: -9999px; float: left; }
.user-details-2 ul li.view-profilez a { width: 96px; height: 21px; background: url(../images/buttons.png) no-repeat 0px 0px; }
.user-details-2 ul li.message a { width: 70px; height: 21px; background: url(../images/buttons.png) no-repeat -96px 0px; }
.user-details-2 ul li.friend a { width: 68px; height: 21px; background: url(../images/buttons.png) no-repeat -166px 0px; }
.pagination { float: left; margin-top: 5px; margin-left: 6px; margin-bottom: 20px; }
.pagination span {float: left; margin-top: 5px; margin-right: 3px; }
#current_page { background-color: #76ba40; font-weight: bold; color: #fff; padding: 0px 5px 0px 5px; }

/*-------------- Profile Section -------- */

.profile-message { float: left; padding: 10px; width: 620px; font-size: 12px; line-height: 16px; color: #181918; }
ul.links {float: left; list-style: none; text-align: center; margin: 0px; padding: 0px; height: 28px; width: 640px; border-bottom: 6px solid #76ba40; }
ul.links li { display: inline; display: inline-block; margin: 0px; }
.ie7 ul.links li { float: left; margin: 0px; }
ul.links li a { float: left; font-size: 14px; color: #fff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 3px 10px 3px 10px; background-color: #76ba40; margin-right: 1px; }
ul.links li a:hover { padding: 3px 10px 6px 10px; text-decoration: none; margin-top: -8px; }
.ie7 ul.links li a:hover { margin-top: -5px; }
.error-message { float: left; margin-top: 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 10px 10px 40px; width:584px; font-size: 14px; color: #c90000; font-weight: bold; background: url(../images/error.gif) no-repeat 7px 7px #ffe9e9; border: 3px solid #ffb6b6; }
.profile-statuses { clear: both; font-size: 14px; width: 606px; padding: 14px 14px 6px 14px; border: 3px solid #ece1b6; margin-bottom: 18px; background-color: #fcfbdb; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; }
.profile-statuses p { line-height: 14px; margin-bottom: 8px; }
.login-date { float: right; text-align: right; width: 300px; font-size: 14px; margin-bottom: 16px; }
.login-date p { margin: 0px; }
.invite { float: left; background: url(../images/invite.gif) no-repeat left center; padding-left: 34px; line-height: 26px; width: 306px; font-size: 14px; }
.required { font-size: 13px; margin: 0px; }
.req_sign { color: #ff0000; }
.profile-box { float: left; margin-top: 6px; font-size: 14px; background-color: #f7f7f7; padding: 20px 20px 7px 20px; width: 594px; border: 3px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.profile-box h4 { float: left; width: 100%; text-align: center; margin-top: -12px; padding-bottom: 5px; }
.prof-item { float: right; text-align: left; width: 412px; margin-bottom: 9px; height: 22px; line-height: 22px; }
.prof-item strong { float: left; width: 110px; }
.profile-photo { float: left; width: 168px; text-align: center; }
a.deletephotobtn { float: left; width: 100%; text-align: center; margin-top: 6px; font-size: 12px; }
.prof-item-wide { float: left; width: 600px; margin-top: 6px; margin-bottom: 6px; }
.prof-item-wide #headline { width: 437px; }
.prof-item-wide textarea { padding: 10px; }
.prof-item-wide p { margin-bottom: 4px; }
.prof-item-half { width: 280px; margin-top: 6px; margin-bottom: 6px; }
.prof-item-half strong { float: left; width: 118px; }
.prof-item-half p { margin-bottom: 4px; }
#fineprint { float: left; color: #e43d21; font-style: italic; font-weight: bold; padding-top: 10px; padding-bottom: 10px; width: 100%; text-align: center; }
.dotted { float: left; width: 100%; padding-top: 12px; border-top: 3px dotted #ccc; }
strong.larger-text { float: left; font-size: 18px; margin-top: 10px; width: 100%;}
.larger-field { margin-top: 5px; }
.go-go { float: left; border: none; margin-left: 8px; margin-top: -22px; }
.friend_btns { float: right; margin-top: 0px; }
.friend_btns a { display: block; width: 119px; height: 30px; float: right; margin-bottom: 2px; }

/*-------------- Login/Register Section -------- */

#register-box { clear: both; margin-left: auto; margin-right: auto; width: 452px; text-align: center; padding: 14px 14px 0px 14px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 1px solid #ccc; box-shadow:0px 0px 10px #c1c1c1; }
#register-box h3 { margin: 6px 0px 18px 0px; }
#division { clear: both; margin-left: auto; margin-right: auto; width: 452px; text-align: center; padding: 14px 14px 0px 14px; }
#division img { padding-top: 8px; }
.form-item { width: 400px; margin-left: 30px; margin-bottom: 12px; }
.form-item label { float: left; margin-top: 5px; width: 70px; text-align: right; padding-right: 12px; }
.form-item .form-tex { float: right; width: 300px; }
.error { color: #ff0000; }
.accept-terms { font-size: 12px; width: 100%; margin-top: 12px; font-size: 11px; text-align: center; }
.check-terms { margin-left: auto; margin-right: auto; width: 410px; margin-top: 12px; font-size: 14px; padding: 8px; border: 1px solid #ece1b6; background-color: #fcfbdb; }
.check-box { float: left; margin-top: 2px; margin-left: 0px; }

/*-------------- Invite Friends -------- */

#invite-table { width: 600px; float: left; }
#invite-table input { width: 200px; }

/*-------------- Footer Section -------- */

#footer { width: 1000px; position: relative; height: 112px; text-align: center; padding: 0px; margin: 12px 0px; float: left; clear: both; background-color: #76ba40; }
#footer h5 { font-size: 56px; margin: 0; color: #fff; }
#footer ul { width: 955px; position: absolute; left: -24px; bottom: -24px; list-style: none; padding-top: 6px; padding-left: 45px; height: 30px; background-color: #e43d21; }
.ie7 #footer ul li { float: left; }
.ie7 #footer ul li a { float: left; }
#footer ul li { display: inline; float: left; display: inline-block; margin-left: 13px; margin-top: 1px; margin-right: 13px; }
#footer ul li.comedy { float: left; }
#footer ul li.comedy a { display: block; margin-top: 2px; background: url(../images/comedy.png) no-repeat top left; width: 75px; height: 19px; }
#footer ul li.comedy a:hover { background-position: bottom left; }
#footer ul li a { color: #fff; text-transform: uppercase; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

.ad-bottom { float: left; margin-top: 10px; width: 100%; height: 116px; text-align: center; }

.Apple-style-span { color: #000; }