@charset "UTF-8";

* {
	margin:0;
	padding: 0;
	outline: none;
	border:none;
}
html, body {
	height: 100%;
}
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 62.5%;
	text-align:center;
	background: #1d64a6 url(../images/backgrounds/loserville-bg-wide.jpg) top center no-repeat;
	background-attachment:fixed;;
	color:#000;
}

p {
	margin-bottom:1em;
	font-size: 1.3em;
	line-height: 1.4em;
	
}

/*/////////////////////////////////// ACCESSIBILITY ///////////////////////////////////*/
.hiddenItems {
	display:none;
	text-align:left;
}
.clear {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0; 
	clear:both; 
	height:0;
	width:100%;
	overflow: hidden;
}



/*/////////////////////////////////// GENERIC LINKS ///////////////////////////////////*/
a {
	color:#e80101;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a:active {
	color:#e80101;
	text-decoration:none;
	outline:none;
}



/*/////////////////////////////////// IMAGES ///////////////////////////////////*/
img, a img {
	border:none;
} 
.PixLeft {
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}
.PixRight {
	margin-left:15px;
	margin-bottom:10px;
	float:right;
}




/*/////////////////////////////////// LAYOUT ///////////////////////////////////*/
#wrapper {
	width:100%;
}
#whitebox {
	margin: 20px auto 0;
	border:10px solid white;
	width: 930px;
	background:#fff;
	text-align:left;

}
#container {
	margin: 0 auto;
	padding-top:10px;
	width: 950px;
	text-align:left;
}
#register {
	margin:0 10px 0 0;
	width:310px;
	height:120px;
	float:right;
}
#register a {
	margin-right:25px;
}
#container #LeftCol  {
	width: 630px;
	float:left;
	margin: 10px 0 0 10px;
}

#container #RightCol {
	width: 270px;
	float:right;
	margin: 10px 10px 0 0;
}




/*/////////////////////////////////// HEADERS ///////////////////////////////////*/
h1 {
	background: url(../images/titles/loserville-tt.png) no-repeat top left;
	height: 115px;
	width: 510px;
	margin:5px 0 0 72px;
	text-indent:-9999px;
	text-align:left;
}
h1 a {
	height: 115px;
	width: 510px;
	display:block;
}
#LeftCol h2 {
	background: url(../images/titles/1971_if_you_cant.png) no-repeat top left;
	height: 34px;
	width: 559px;
	margin: 0 0 10px 0;
	text-indent:-9999px;
	text-align:left;
}
#LeftCol h3 {
	background: url(../images/titles/by_elliot_davis_and_james_bourne.png) no-repeat top left;
	height: 25px;
	width: 599px;
	margin: 0;
	text-indent:-9999px;
	text-align:left;
}
h6 {
	font-size: 1.4em;
	color: #000;
	line-height:1.6em;
}




/*/////////////////////////////////// FACEBOOK FANBOX ///////////////////////////////////*/

#facebook {
	width: 285px;
	margin:0;
	padding:0;
}


/*/////////////////////////////////// VIDEO PLAYER AREA ///////////////////////////////////*/

#video_container {
	width: 910px;
	height: 390px;
	background: #666;
	margin:0 auto 10px auto;
	border: 10px solid #666;
	text-align:center;
}
#videoyt {
	width: 910px;
	height: 390px;
	clear: both;
	background: #000;
}
#video {
	width: 640px;
	height: 390px;
	float: left;
	background: #666;
}

#video_scroller {
	width: 249px;
	border:10px solid #fff;
	height:370px;
	background: #fff;
	float:right;
	padding:0;
	overflow:auto;
}

#video_scroller ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

#video_scroller ul li {
	display:block;
	width:226px;
	height:79px;
	margin-bottom:5px;
	clear:both;
	color:#666;
	text-align:left;
	font-size: 1.1em;
	line-height:120%;
}

#video_scroller ul li img {
	margin-right:7px;
	float:left;
} 
#video_scroller ul li.Last {
	margin-bottom:0;
}
#video_scroller ul li a {
	text-decoration:none;
	padding:2px;
	overflow:visible;
	display:block;
	background:#fff;
	color:#666;
	width:222px;
	height:75px;
}
#video_scroller ul li a:hover {
	text-decoration:none;
	background:#e5e5e5;
	color:#000;
}
#video_scroller ul li a .blogName {
	font-weight:bold;
	font-size:110%;
	color:#000;
	text-transform:uppercase;
}

#no_flash {
	text-align:center;
	color: #fff;
	height:320px;
	font-size:1.6em;
	background:transparent;
}


/*/////////////////////////////////// SOCIAL NETWORKING ///////////////////////////////////*/

#social {
	margin:20px 0 0 10px;
	width: 260px;
}

#social ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	clear:both;
}
#social li {
	float:left;
	margin: 0 10px 10px 0;
	padding:0;
	list-style-type:none; 
}
#social li a {
	display:block;
	margin:0;
	padding:0;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0;
	height:16px;
}
.storyFunc ul li.email {width: 16px; background:url(../images/icons/email.gif) 0 0 no-repeat;}
.storyFunc ul li.print {width: 16px; background:url(../images/icons/print.gif) 0 0 no-repeat;}





/*/////////////////////////////////// COMMENTS ON TWITTER ///////////////////////////////////*/

#twitterFeed {
	margin:15px 0 0 0;
	padding: 20px;
	width: 590px;
	background: #e5e5e5;
}
#twitterFeed .twitterCol {
	width: 285px;
	float:left;
	margin: 5px 0;
	text-align:left;
}

#twitterFeed #twitterRight {
	float:right;
}
#LeftCol #twitterFeed h2 {
	height: 30px;
	margin:0 0 5px 0;
	text-align:left;
	text-indent:0;
	background:none !important;
}
#LeftCol #twitterFeed h3 {
	height: 30px;
	width: 185px;
	margin:0 0 10px 0;
	text-align:left;
	text-indent:0;
	background:none !important;
}

#twitterFeed p {
	font-size: 1.2em;
	line-height: 1.3em;
}

.twitterTitle {
	font-size: 1em;
	color: #e80101;
	font-weight:bold;
}

.twitterTime {
	font-size: 1em;
	color: #666;
	font-style:italic;
}






/*///////// TWITTER FEED FOLLOW BUTTON //////////////*/

#twitterFeed ul.twitter_follow {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	width:29px;
	float:right;
}
#twitterFeed ul.twitter_follow li {
	margin: 0;
	padding:0;
	list-style-type:none; 
}
#twitterFeed ul.twitter_follow li a {
	display:block;
	margin:0;
	padding:0;
	background-image:url(../images/buttons/twitter_follow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:.1em;
	height:25px;
	width:29px;
}
#twitterFeed ul.twitter_follow li a:hover {
	background-position:bottom left;
}


	
/*/////////////////////////////////// TWITTER PANELS ///////////////////////////////////*/
ul.twitter_list {
	list-style:none;
	margin:0;
	padding:0;
	width:99%;
}
ul.twitter_list li{
	border-bottom:1px dotted #000000;
	padding:5px 0;
	line-height:1.4em;
	text-align:left;
	font-weight:normal;
	font-size: 1.2em;
}
ul.twitter_list li a {
	text-align:left;
	clear:both;
	color:#e80101;
	display:block;
	font-style:italic;
	font-weight: normal;
}
ul.twitter_list li span a {
	text-align:left;
	display:inline;
	font-style:normal;
	color:#e80101;
}
a#twitter-link {
	color:#e80101;
}







/*/////////////////////////////////// FOOTER ///////////////////////////////////*/
#footer {
	width:910px;
	clear:both;
	text-align:center;
	color:#666;
	font-size:1em;
	line-height:130%;
	margin: 10px auto 0;
	padding:10px 10px 0 10px;
	border-top: solid 1px #ccc;
}
#footer p {
	font-size:1em;
}
#footer a {
}
#footer a:hover {
}


#footer #Copyright {
	margin:0;
	padding:0;
	float:left;
}
#footer ul#footerLinks {
	margin:0 0 1px 0;
	padding:0;
	list-style-type:none;
	float:right;
}
#footer ul#footerLinks li {
	border-right:1px solid #666;
	margin:0 3px 0 0;
	padding:0 6px 0 0;
	display:inline;
}
#footer ul#footerLinks li.Last {
	border:none;
	margin:0;
	padding:0;
}





/*/////////////////////////////////// REGISTER FORM ///////////////////////////////////*/
span.Red {
	color:#f00;
}
div.apple_overlay h2 {
	padding-top:20px;
	margin-bottom:20px;
	text-align:center;
}
div.details {
	width:580px;
	height:575px;
}
div.apple_overlay h6 {
	margin-top:20px;
}
#registerForm form input.TxtField {
	width:275px;
	line-height:100%;
	margin:0;
	padding:3px;
	font-size:1em;
	color:#666;
	border:1px solid #666;
	float:right;
	background:#e5e5e5;
}

#registerForm form input.TxtField:focus {
	color:#000;
	border:1px solid #000;
}


/* error messages */
#registerForm form div.errorMsg p {
	color: #f00;
	font-weight: normal;
	font-size:1em;
	font-style:italic;
	border-bottom:1px dotted #666;
	text-align:left;
	padding-bottom:5px;
	margin:2px 0 10px 0;
}
#registerForm form div.error {
	margin:0;
	width:auto;
	border-top:1px dotted #666;
	padding-top:5px;
	text-align:left;
	
}
#registerForm form div.error p {
	margin:0;
	color:#000;
	text-align:left;
}
#registerForm form div.error label {
	color:#f00;
}
#registerForm form div.error input.TxtField {
	border:1px solid #f00;
	background:#fff5fe;
	float:right !important;
	color:#f00;
	margin:0;
}
div.general-error {
	text-align:left;
	color:#f00;
	margin:0 0 10px 0;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px dotted #f00;
	padding-bottom:10px
}
p.oops {
	text-align:left;
	color:#000;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
}
form input.goBtn {
	background: transparent url(../images/titles/subscribe_to_loserville.gif) 0 0 no-repeat;
	width:110px;
	border:5px solid #fff;
	height:32px;
	line-height:100%;
	font-size:0;
	color:#fff;
	text-indent:-9999px;
	
}
form input.goBtn:hover {
	background: #fff4d6 url(../images/titles/subscribe_to_loserville.gif) 0 0 no-repeat;
	border:5px solid #fff4d6;
	cursor:pointer;
}





/*/////////////////////////////////// SITE DETAILS ///////////////////////////////////*/
.note {
	font-style:italic;
	font-size:80%;
}
.black {
	color:#000;
}
.Center {
	text-align:center;
}
ol {
	list-style:upper-alpha;
	margin-left:30px;
}

ol li {
	font-size:1.3em;
	margin-bottom:.8em;
}

#site #LeftCol h4, #site #LeftCol h5 {
	margin-bottom:.8em;
	color: #f09901;
	font-size:1.8em;
	text-transform:uppercase;
	
}

#site #LeftCol h4 {
	font-size:1.3em;
}
.leadPara {
	font-weight:bold;
	font-size:130%;
}

#site #LeftCol ul {
	list-style:none;
	margin:0;
	clear:both;
	width:270px;
}
#site #LeftCol ul li {
	margin: 0 0 0 20px;
	padding:0;
	list-style-type:none; 
	font-size: 1.3em;
}