@charset "utf-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000;
	background: #c1151b url(/images/common/bg.png) no-repeat center 27px;
}

a {
	outline: none;
}

.hidden {
	display: none;
}

#wrapper {
	width: 951px;
	margin: 0px auto;
}

#leftbox {
	float: left;
	width: 635px;
	margin: 0px;
	padding: 0px;
}

#headerbanner{
	width: 635px;
	margin: 0px auto;
}

/* page headings */
h1 {}
h2 { font-size: 14px; }

#titleVideoPhoto {
	width: 256px;
	height: 45px;
	background: url(/images/home/titleVideosAndPhotos.jpg) no-repeat;
	text-indent: -5000px;
}

/* subnav CSS */
#subnav {
	clear: both;
	height: 28px;
	background: #c1151b url(/images/common/subnav/bgSubnav.jpg) no-repeat left top;
	margin: 0px;
}

#subnav ul {
	list-style-type: none;
	display: inline;
}

#subnav ul li {
	display: block;
	float: left;
	height: 100%;
}

#subnav ul li a {
	background: url(/images/common/subnav/smallVBar.gif) no-repeat right 3px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 23px;
	vertical-align: middle;
	padding-right: 10px;
	margin-left: 10px;
}

#subnav ul li.first a {
	background: none;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
	padding-right: 8px;
	margin-left: 8px;
}

#subnav ul li.last a {
	background: none;
	padding-right: 0px;
}

#subnav ul li.current a {
	color: #fedc00 !important;
}

#subnav ul li.first a {
	color: #000 !important;
}

/* Video and Photos Pod CSS */
div#videophotobox div.podbox, 
div#videophotobox div.podboxsmall {
	float: left;
	display: block;
	text-align: center;
	margin: 0 2px 3px 0;
}

div#videophotobox div.podbox {
	width: 151px;
	height: 181px;
	background: url(/images/common/bgPodbox.png) no-repeat;
}

div#videophotobox div.podboxsmall {
	width: 151px;
	height: 104px;
	background: url(/images/common/bgPodboxSmall.png) no-repeat;
}

div#videophotobox div.podbox div.thumbbox, 
div#videophotobox div.podboxsmall div.thumbbox {
	position: relative;
	padding-right: 3px;
	margin: 0px auto;
}

div#videophotobox div div.thumbbox img {
	background: #bc9020;
	padding: 1px;
	margin-top: 12px;
	border: 1px solid #7c5d0a;
}

div#videophotobox div div.thumbbox a {
	display: block;
}

div#videophotobox div.podbox div.thumbbox img.playbutton, 
div#videophotobox div.podboxsmall div.thumbbox img.playbutton {
	position: relative;
	right: 0px;
	bottom: 5px;
	background: none;
	cursor: pointer;
	padding: 0px;
	margin-left: -38px;
	border: none;
}

div#videophotobox div.podbox p {
	color: #000;
	font-size: 11px;
	color: #000000;
	text-align: left;
	line-height: 16px;
	margin: 10px 13px 0px;
	height:33px;
}

div#videophotobox div.podbox .podtitle {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

div#videophotobox div.podbox div.podduration {
	color:#644C10;
	font-size: 9px;
	text-align: left;
	margin: 4px 13px 0px;
}

div#videophotobox div.podbox div.podlink {
	color: #644c10;
	font-size: 9px;
	text-align: left;
	margin: 4px 13px 0px;
}

div#videophotobox div.podbox div.podlink a.profilelink{
	color: #c1151b;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	margin-left:2px;
}

div#videophotobox div.podbox div.podicon {
	display: block;
	position: relative;
	right: 0px;
	bottom: 0px;
	width: 47px;
	height: 24px;
	margin: -21px 0 0 93px;
}

div#morelinks {
	text-align: right;
	padding-top: 8px;
}

div#morelinks a {
	color: #ffd400;
	font-size: 11px;
	text-decoration: underline;
	padding: 0 8px 0 10px;
}

/*Powered link services*/
ul#poweredlinks{
	list-style-type:none;
	display:block;
	float:left;	
	width: 350px;
	margin-left: 0px;
	margin-top: 5px;
}

ul#poweredlinks li {
	float: left;
	width: 144px;
	height: 30px;
	line-height: 25px;
	padding-right: 10px;
	
}

ul#poweredlinks a, #rightBox ul#poweredlinks a:visited{
	display: block;
	color:#E6A1A4;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
}

ul#poweredlinks li img{
	display: block;
	float: right;	
	margin-top: 3px;

}

/* rightbox CSS */
#logo-bitter img {
	border: 0;
}

#rightbox {
	float: left;
	width: 300px;
	padding: 0px;
	margin: 0px 0px 0px 16px;
}

#logo-bitter {
	margin-bottom: 20px;
}

#buttonFeedSubscribe {
	height: 19px;
	margin-top: 53px;
}

a#btnrssfeed {
	display: block;
	float: right;
	width: 30px;
	height: 19px;
	background: url(/images/common/rightbox/btnRssFeed.jpg) no-repeat;
	margin: 4px 9px 0 0;
}

a:hover#btnrssfeed {
	background-position: left -19px;
}

#btnSubscribe a {
	display: block;
	float: right;
	width: 104px;
	height: 19px;
	background-image: url(/images/common/rightbox/btnSubscribe.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 10px;
	margin-bottom: 10px;
}

#btnSubscribe a:hover {
	background-position: bottom left;
}

div#memberSubscribe{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/common/rightbox/bg_member.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:114px;
	margin-left:6px;
	margin-bottom:30px;
	margin-top:50px;
	padding:100px 40px 0;
	width:196px;
	text-align:center;
}

div#memberSubscribe p{
	text-align: center;
	margin-bottom:20px;
}


div#socialplateforms {
	clear: both;
	margin-top: 10px;
	overflow:hidden;
}

div#socialplateforms img#title {
	margin-bottom:15px;
	margin-left:10px;
}

div#socialplateforms div.rightboxpod {
	width: 133px;
	height: 48px;
	background: url(/images/common/rightbox/bgRightboxPod.jpg) no-repeat;
	vertical-align: middle;
	padding-bottom: 8px;
	margin-left: 6px;
	float:left;
}

div#socialplateforms div.rightboxpod a.plateformlink, 
div#socialplateforms div.rightboxpod a.plateformlogo {
	display: block;
	color: #fedc00;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

div#socialplateforms div.rightboxpod a.plateformlink {
	float: left;
	width: 160px;
	margin: 19px 0 0 13px;
}

/*
div#socialplateforms div.rightboxpod a.plateformlogo {
	float: right;
	width: 94px;
}
*/

a.plateformlogo img {
	display: block;
	width: auto;
	margin:9px auto 0;
}

div#links {
	clear:both;
	text-align: right;	
	background: url(/images/common/rightbox/bg_feed_links.jpg) no-repeat scroll right bottom;
	width:262px;
	height:35px;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left:16px;
}

div#links img{
	margin-right:10px;
	margin-top:8px;
}

div#news {
	clear:both;
}

div#news div#title {
	margin-left:10px;
	background:transparent url(/images/common/right_content_bar.gif) no-repeat scroll left bottom;
	height: 30px;
}

div#rightContentBlock {
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	padding:10px;
	background:transparent url(/images/common/right_content_bar.gif) no-repeat scroll left bottom;
	overflow:hidden;
	padding:20px;
	
}

div#rightContentBlock img {
	margin-right:10px;
	float:left;
}

div#rightContentBlock a {
	color:#FEDC00;
	text-decoration: none;
}

div#rightContentBlock p#comment {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	text-decoration:none;
}

div#rightContentBlock p#tumblrDescription {
	margin-bottom:10px;
	margin-top:-6px;
}

div#rightContentBlock p#details {
	float:left;
	font-size:11px;
	line-height:18px;
	color:#FEDC00;
}

/* footer CSS */
#footer{
	clear: both;
	height: 50px;
	font-size: 11px;
	padding-top: 30px;
}

div#footer ul {
	list-style: none;
	width: 915px;
	color: #e6a1a4;
	text-align: center;
	margin: 0 auto;
}

div#footer ul li {
	float: left;
	background: url(/images/common/divider_footer.gif) right 50% no-repeat;
	padding: 8px 22px;
}

div#footer ul li#nobackground {
	background: none;
}

div#footer ul li a {
	color: #e6a1a4;
	text-decoration: none;
}

div#footer ul li a img {
	margin-top: -8px;	
}