*, html {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* 62.5% = 10px = 1em */
body {
	font-size: 62.5%;
	line-height: 1;
	color:#000;
	background:url(images/background.jpg) top center repeat-y;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

a, img {
	outline: none;
	border: none;
}

a { color:#000; }

em {
	font-style: italic;
}

ul, ol, dl {
	list-style: none;
}

/* <table cellspacing="0"> */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: hide;
	table-layout: fixed;
}

.floatLeft {
	float: left;
	display: inline;
}

.floatRight {
	float: right;
	display: inline;
}

.clear {
	clear: both;
}

hr.clear {
	visibility: hidden;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}



/*SIFR*/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    position:relative;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    color: #fff;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
  
  .sIFR-active h2.title { visibility:hidden; } 
  .sIFR-active h2.title { visibility:hidden; } 
  .sIFR-active h4.title { visibility:hidden; } 
  .sIFR-active h5.pagination { visibility:hidden; }
  .sIFR-active h5.helpComment { visibility:hidden; } 
  
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Tahoma, Verdana;
    visibility: hidden;
  }
  */
}
/*END SIFR*/

/* FACEBOOK CONNECT */

.invitebutton {
	margin-bottom: 5px;
	margin-right: 8px;
	float: right;
	clear: both;
}

.sendToFacebook {
	float: right;
	clear: both;
	margin-top: 15px;
}

input#sendToFacebook {
	float: none;
	vertical-align: middle;
	margin-right: 7px;
}

.sendToFacebook .icon-text-middle {
	margin-left: 7px;
	margin-bottom: -8px;
}

.fbconnect_userprofile .fbconnect_userpicmain {
	float: left;
	margin-right: 10px;
	width:108px;
	height: 107px;
	background: url(images/bg_profile_image.gif) center left no-repeat;
	padding: 9px 0 0 5px;
}

.fbconnect_userpics a {
	float: left;
	margin-right: 10px;
	width:55px;
	height: 63px;
	background: url(images/bg_profile_image_small.gif) center left no-repeat;
	padding: 5px 0 0 3px;
}

.fbconnect_userprofile img.icon-text-middle {
	margin-top: 5px;
}

.facebookLink {
	padding-left: 30px;
	/*background: url(/wp-content/plugins/fbconnect/images/facebook_24.png) center left no-repeat;*/
	height: 35px;
	display: block;
}

.comments form p.facebookLabel {
	position: relative;
	margin-bottom: 10px;
	font-size:1.2em;
	font-weight: bold;
	float: right;
	margin-right: 8px;
}

.fbnarrowcolumn h4.title {
	padding: 0;
}

#recentUsers {
	background: url(images/hr.gif) bottom center no-repeat;
	padding:0 23px 65px 53px;
}

/* END FACEBOOK CONNECT */



/* Main Divs
/////////////////////////////*/

#wrapper {
	width:1025px;
	margin:0 auto;
	position: relative;
}

#header {
	/*background: url(images/header.gif) top left;*/
	height:472px;
	position: relative;
	z-index: 1;
}


#main-wrapper {
	width:639px;
	margin:-334px auto 0;
	z-index: 5;
	position: relative;
}

#main {
	background: url(images/notepad-bg.gif) top left repeat-y;
	min-height:1500px;
	_height:1500px;
	_overflow:visible;
	padding:0 64px;
	*margin-top:-3px;
}


#left-sidebar {
	position:absolute;
	top:220px;
	left:10px;
	width: 233px;
	z-index: 2
}



#right-sidebar {
	position: absolute;
	top:390px;
	right:35px;
	_right:10px;
	z-index: 2;
	width: 186px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
}


.left-footer {
	background: url(images/footer-left.gif) top left no-repeat;
	width: 222px;
	height:260px;
	position: absolute;
	bottom:0;
	left:14px;
	z-index: 0;
	_display:none;
}


.right-footer {
	background: url(images/footer-right.gif) top left no-repeat;
	width: 226px;
	height:257px;
	position: absolute;
	bottom:0;
	right:14px;
	z-index: 0;
	_display:none;
}





/* Header
/////////////////////////////*/

#header h1 a {
	width:340px;
	height:145px;
	position:absolute;
	top:20px;
	left:54px;
	text-indent: -500px;
	overflow: hidden;
}



#header h2 {
	position:absolute;
	top:65px;
	right:75px;
}






/* Left Sidebar
/////////////////////////////*/


#nav li a {
	display:block;
	text-indent: -5000px;
	overflow: hidden;
	width:209px;
	margin-bottom:-6px;
	_margin:0 !important;
	
	
}

#nav .film a {
	background: url(images/nav-film.gif) top left no-repeat;
	height:46px;
}

#nav .blog a {
	background: url(images/nav-blogs.gif) top left no-repeat;
	height:42px;
}

#nav .help a {
	background: url(images/nav-help.gif) top left no-repeat;
	height:47px;
	margin-bottom:-10px;
	margin-top: -5px;
}

#nav .profilesnav a {
	background: url(images/nav-profiles.gif) top left no-repeat;
	height:46px;
}

#nav li a:hover {
	background-position: top right;
}

#nav li a.active {
	background-position: top right;
}



h2.episodes {
	background: url(images/episodes.gif) top left no-repeat;
	width:190px;
	height:66px;
	overflow: hidden;
	margin-top:20px;
	text-indent: -5000px;
}


ul.episodelist li {
	margin:10px 0 0 13px;
	background: url(images/thumbframe.gif) top left no-repeat;
	padding:10px 0 0 8px;
	width:200px
}

ul.episodelist li .epthumb {
	padding:3px 7px;
	margin-bottom:8px;
}

h4.title {
	font-size:24px;
	padding:0 20px;
	*padding:0;
	_padding:0;
}

.playbutton { margin:-5px 0 0 14px; *margin:-5px 0 0 0px; _margin:-5px 0 0 0px}

h4.title a { color:#000 !important}

h2.tagcloudhead {
	background: url(images/tagcloud.gif) top left no-repeat;
	width:204px;
	height:74px;
	overflow: hidden;
	margin-top:40px;
	margin-left: auto;
	text-indent: -5000px;
}

p.tagcloud {
	margin:10px 30px 0 25px
}


p.tagcloud a {
	color:#666;
	padding:3px;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	text-decoration: none;
	font-size: 1.3em;
}

p.tagcloud a:hover {
	text-decoration: underline;
}


/* Right Sidebar
/////////////////////////////*/



#twitter_update_list { 
	margin-top:5px;
	padding:0 10px 0 14px;
	_padding:0 0px 0 27px

	}

#twitter_update_list li { 
	padding:5px 0 10px; 
	background: url(images/tweet-hr.gif) bottom no-repeat;
	line-height: 1.5em
}

#twitter_update_list li a {
	display: block;
	color:#989898;
	font-weight: normal;
	text-decoration: none;
}

p.tweetlink { padding:8px 0 0 13px; _padding-left:27px; }


#twitter_update_list li span a, p.tweetlink a {
	color:#000;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

#right-sidebar a:hover {
	text-decoration: underline
}


h2.gallery a {
	display: block;
	width:186px;
	height:87px;
	overflow: hidden;
	text-indent: -5000px;
}

h2.twitter a {
	margin-top: 10px;
	margin-left:10px;
	display: block;
	width:178px;
	height:75px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(images/tweets.gif) top left no-repeat;
}

#profileThumbs {
	margin-left:13px !important;
	margin-left: 26px;
	width:195px;
	height: 324px;
	position: relative;
}

#profileThumbs img {
	display: inline;
}

#profileThumbs img.column2 {
	margin-left: -3px;
}

#profileThumbs #chrissie {
	background: url('images/profilethumb_1.gif') top left no-repeat;
	width:88px;
	height:106px;
	display: block;
	overflow: hidden;
}

#profileThumbs #bryan {
	background: url('images/profilethumb_2.gif') top left no-repeat;
	width:102px;
	height:108px;
	display: block;
	position: absolute;
	top: 0;
	left: 88px;
}

#profileThumbs #chelsea {
	background: url('images/profilethumb_3.gif') top left no-repeat;
	width:88px;
	height:106px;
	display: block;
	position: absolute;
	top: 106px;
	left: 0;
}

#profileThumbs #poirier {
	background: url('images/profilethumb_4.gif') top left no-repeat;
	width:102px;
	height:106px;
	display: block;
	position: absolute;
	top: 106px;
	left: 88px;
}

#profileThumbs #zack {
	background: url('images/profilethumb_5.gif') top left no-repeat;
	width:88px;
	height:110px;
	display: block;
	position: absolute;
	top: 212px;
	left: 0px;
}

#profileThumbs #empty {
	background: url('images/profilethumb_6.gif') top left no-repeat;
	width:102px;
	height:110px;
	display: block;
	position: absolute;
	top: 212px;
	left: 88px;
}

#profileThumbs .profileThumb:hover {
	background-position: left bottom;
}


/* Main Content Area
/////////////////////////////*/

.post, .fbnarrowcolumn {
	padding:0 23px 30px 53px;
	margin-bottom:40px;
	position: relative;
	background: url(images/hr.gif) bottom center no-repeat;
	font-family: Georgia; 'Times New Roman', serif;	
	font-size:1.4em;
	line-height: 1.5em; 
	color: #666;

}

.post.archive, post. {
	background: url(images/hr.gif) bottom center no-repeat;
	margin-bottom: 10px;
}

.post h3 {
	font-size:1.2em;
	margin-top:20px
}


.post h2.title {
	margin-bottom:-5px;
	margin-top:-10px;
	text-decoration: underline;
	font-size:37px;  
}

.post h2.title.date {
	font-size:28px;
}

h5.title.pagination {
	font-size:28px;
	color: #000;
}

h5.title.pagination.next {
	font-size:28px;
	width:165px;
	float: right;
}

h5.title.pagination.previous {
	font-size:28px;
	color: #000;

}

h5.helpComment {
	font-size:28px;
	color: #000;
	/*width: 100px;
	float: right;*/
	padding-left: 53px;
}

h2.title.user {
	font-size:24px;
}

.post h3.title {
	font-size:28px;
	color:000;
	margin:0
}


.post h2 a {
	font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#4993d0;
	font-size:24px;
	line-height:1.4em;
	font-weight: normal;
	margin-bottom:10px;
}

.post a {
	text-decoration: none;
	border-bottom:1px dotted #000
}

.post a:hover {
	border:0;	
}



.post .date span {
	display: block;
	font-weight: bold;
	text-align: center;
}

.post .date .month {
	font-size:1.4em
}

.post ul, .post ol {
	list-style: disc;
	padding-left:40px;
}

.post ol {
	list-style: decimal
}

.post p {
	margin:1em 0;
}

.post blockquote {
	border-left:2px solid #666;
	font-style:italic;
	margin:1.5em 0 1.5em 0.5em;
	padding-left:1em;

}



.post .vvqbox {
	position: relative;
	background: url(images/videobg.gif) top left no-repeat !important;
	padding:22px 19px 76px !important;
	margin:10px -62px !important;
	max-width: none !important;
}




.post .post-footer {
	background:url(images/commentbox.gif) top left no-repeat;
	width: 182px;
	padding:6px 4px 10px 21px;
	margin:6px 0 10px -14px;
	color:#fff;
	text-align: center;
}

.post .post-footer a {
	color:#fff;
	text-decoration: underline;
}


#postnavigation {
	height:60px;
	font-family: Georgia; 'Times New Roman', serif;	
	font-size:1.6em;
	font-weight: bold;
	padding:20px 40px 0 65px;
	
}

#postnavigation a {
	color:#000;
}


#postnavigation a:hover {
	text-decoration: none;
}

#postnavigation .old {
	display: inline;
	position: relative;
	float:left;
}

#postnavigation .new {
	display: inline;
	position: relative;
	float:right;
}


#author-footer { 
	position: relative;
	background:url(images/authorbg.gif) top left no-repeat;
	color:#fff;
	margin:2em -19px 1em -61px;
	font-size: .9em;
	padding:4px 0 9px 16px
}

#author-footer a {
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	border: 0;
}

#author-footer a:hover {
	text-decoration: underline;
}



/* Comments Area
/////////////////////////////*/

.comments {
	font-family: Georgia, 'Times New Roman', serif;
	padding:0 0px 80px 33px;
	*float:left;
	_float:left;	
}

.comments h3 {
	font-size:1.6em;
	padding:0 0 0 10px;
	margin-bottom: .2em;
	display: block;
	float:none;
}

.rsslink a {
	color:#807e65;
	font-size: 1.2em;
	padding-left:10px;
	text-decoration: none;
	font-weight: bold
}

.rsslink a:hover { text-decoration: underline }


.comments ol {
	margin:10px 0 30px 0px;
}

.comments ol li {
	background:top left url(images/comment-top.gif) no-repeat;
	width:450px;
	padding-top:24px;
	margin:10px 0;
}

.comments ol li div.comment {
	background:4px 0px repeat-y url(images/comment-bg.gif);
	padding:0 25px;
	line-height: 1.5em
}

.comments ol li cite {
	font-weight: bold;
	font-size: 1.4em;
}

.comments ol li cite a {
	color:#000
}

.comments ol li cite a:hover {
	text-decoration: none
}


.says {
	font-weight: normal;
}

.comment-meta {
	margin-bottom:20px;
}

.comment-meta a {
	color:#666;
	font-size:1.1em;
}

.comments ol li p {
	font-size:14px;
	font-weight: normal;
	color:#666;
	line-height: 1.5em;
}

.comments form p {
	clear:both;
	margin:20px 0;
}

.comments form label {
	position: relative;
	float:left;
	font-size:1.2em;
	font-weight: bold;
	width:77px;
	margin-top:11px;
}

.comments form input {
	background: url(images/input.gif) top left no-repeat;
	width:357px;
	height:22px;
	padding:10px;
	border:0;
	outline: 0;
	font-family: Georgia, 'Times New Roman', serif;
	position: relative;
	float:right;
	
}

.comments form textarea {
	background: url(images/textfield.gif) top left no-repeat;
	width:357px;
	height:96px;
	padding:10px;
	border:0;
	outline: 0;
	font-family: Georgia, 'Times New Roman', serif;
	position: relative;
	float:right;

}

.comments .labelcomment { line-height:100px; }

.comments form input#submit {
	width:212px;
	height:34px;
	line-height: 34px;
	font-size:1.4em;
	text-align: center;
	font-weight: bold;
	background: url(images/submit.gif) top left no-repeat;
	border:0;
	outline: 0;
	color:#fff;
	padding:0;
}





/* Help Area
/////////////////////////////*/

.help {
	padding-top:6px;
	background: none;
}

.post.help.archive, .post.help {
	background: url(images/hr.gif) bottom center no-repeat;
	margin-bottom: 10px;
}

.help h2 {
	position: relative;
	width:100%;
	float:none;
	margin:0;
}


.help h2.title {
	margin-top:20px
}

h2.help {
	background: url(images/help.gif) top left no-repeat;
	width:191px;
	height:38px;
	text-indent: -5000px;
	overflow: hidden;
	margin:0px 0px 20px 34px;
	position: relative;
	top:16px;
}


#help-respond {
	padding-bottom:62px;
	margin-bottom:20px;
	background: url(images/hr.gif) bottom center no-repeat;

}

/* Profiles Area
/////////////////////////////*/

.profiles {
	padding-top: 6px;
	float:left;
	overflow: visible;
	width:460px;
	_width:475px;
	_padding-left:25px;
	_padding-right:0;
	_display:inline;
}



.profile-single {
	padding:0 23px 30px 53px;
	position:relative; 
}

h2.profiles {
	background: url(images/profiles.gif) top left no-repeat;
	width: 191px;
	height: 36px;
	text-indent: -5000px;
	overflow: hidden;
	margin:0px 0 0px 34px;
	position: relative;
	top:16px;
	margin-bottom:20px;
}



.profiles .alignleft {
	float: left;
	position: relative;
	display: inline
}

.profiles h2.title {
	margin:0;
}

.profiles.archive h2.title {
	margin-top:0;
	height:20px;
}


.profiles.archive img {
	margin-left: 0;
}

.profilethumb {
	position: relative;
	float: left;
	display: inline;
	margin-right: 20px;
	margin-left: -75px;	
}



.profilethumb img {
	float:none !important;
}

.profiles #section1 {
	margin-bottom: 50px;
	padding-bottom: 60px;
	background: url(images/hr_short.gif) bottom right no-repeat;
	position: relative;
	float: right;
	width:250px;
}

.profile-single { _width: 440px; }

.profiles #section2 {
	clear: both;
}



#socialLinks {
	position: absolute;
	bottom:0;
	left:0px;
	width:105px;
	height:40px;
}

a.twitter, a.facebook, a.flickr {
	width: 23px;
	height: 23px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	border: none;
	float: left;
	margin-right: 8px;
}

a.twitter {
	background: url(images/icon_twitter.gif) top left no-repeat;
}

a.facebook {
	background: url(images/icon_facebook.gif) top left no-repeat;
}

a.flickr {
	background: url(images/icon_flickr.gif) top left no-repeat;
}

.pagination.title.newerEntries {
	float: right;
	width:175px;
}

.pagination.title.olderEntries {
	float: left;
	width:175px;
}