/*  
Theme Name: Retro
Theme URI: http://www.elegantwebscapes.com
Description: A custom theme for TVPicks by E.Webscapes
Version: 1.0
Author: Becca Wei
Author URI: http://www.elegantwescapes.com
*/

/***** BASICS AND TYPOGRAPHY *****/

/* Default font size*/
@import url(small.css);

body {
	margin: 0;
	padding: 0;
	background: #FFF url(images/headerbg.gif) repeat-x;
	font-size: x-small;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	color: #000;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
}
html>body {
	font-size: small;
}
p {
	margin: 1.2em 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
}
ol, ul {
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0 0 0;
	padding: 0;
	font-family: Arial, sans-serif;
	color: #D64242;
}
h1, h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
a:link {
	color: #00A2AB;
}
a:visited, a:active {
	color: #248588;
}
a:hover {
	color: #D64242;
	text-decoration: none;
}
blockquote {
	margin: 1.2em 0;
	padding: 0 0 0 40px;
	background: url(images/quote.jpg) no-repeat 0 0.2em;
	line-height: 1.5em;
}
code {
	color: #666;
	font-family: monospace;
}
input, textarea, select {	
	border: 1px solid #65A8A6;
	background: #FFF;
	color: #000;
	font: 1em "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
}
.submit {
	background: #00A2AB;	
	color: #FFF;
}
.submit2 {
	background: #D7F7FC;	
}
.radio {
	border: 0;
	background: #00A2AB;
}
form, img {
	border: 0; 
	margin: 0; 
	padding: 0;
}

/***** THE LAYOUT *****/

/* Wrappers */

#wrapper {
	width: 100%;
}
#wrapper2 {
	float: left;
	clear: left;
	width: 80%;
}

/* Header */

#header {
	margin: 0;
	height: 125px;
	background: url(images/header.jpg) no-repeat;
}
#header h1 { 
	float: left;
	margin: 0;
	width: 80%;
	height: 125px;
}
#header h1 a {
	display: block;
	margin: 40px 0 0 175px;
	padding: 60px 0 0 0;
	width: 305px;
	height: 60px;
	font-size: 0.1em;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 0;
}
html>body #header h1 a {
	height: 0;
}

#header2 {
	float: right;
	width: 20%;
	height: 125px;
}
#textsize {
	float: right;
	margin: 64px 15px 4px 0;
	width: 89px;
	height: 20px;
	background: url(images/textsize.gif) no-repeat;
	text-align: right;
	overflow: hidden;
	display: inline; /* IE fix */
}
#textsize span {
	display: none;
}
#fontup, #fontdown {
	display: block;
	float: right;
	margin: 0 0 0 5px;
	padding: 20px 0 0 0;
	width: 22px;
	height: 20px;
	font-size: 0.1em;
	overflow: hidden;
	display: inline; /* IE fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 0;
}
html>body #fontup, html>body #fontdown {
	height: 0;
}
#fontup:hover {
	background: url(images/textsize.gif) no-repeat -40px -20px;
}
#fontdown:hover {
	background: url(images/textsize.gif) no-repeat -67px -20px;
}

#search {
	position: relative;
	clear: both;
	margin: 0 0 0 5px;
	height: 30px;
	background: #AFEFF9 url(images/searchbg.gif) no-repeat;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 25px;
}
html>body #search {
	height: 25px;
}
*html #search {
}
#searchinput {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 75%;
}
#searchsubmit {
	position: absolute;
	top: 5px;
	right: 10px;
	border: 0;
	width: 21px;
}

/* Content */

#contentwrap {
	float: right; 
	width: 74%;
}
#content {
	padding: 0 20px;
}

/* Sidebars */

#sidebar1wrap {
	float: left;
	clear: left;
	width: 25%;
	background: #D64242 url(images/sidebarbg1.gif) repeat-y;
}
#sidebar1 {
	background: url(images/sidebarcornertr.gif) no-repeat 100% 0;
}
#sidebar1 ul {
	background: url(images/sidebarcornerbr.gif) no-repeat 100% 100%;
}
#sidebar2wrap {
	float: right;
	width: 20%;
	background: #D64242 url(images/sidebarbg2.gif) repeat-y 100% 0;
}
#sidebar2 {
	background: url(images/sidebarcornertl.gif) no-repeat;	
}
#sidebar2 ul {
	background: url(images/sidebarcornerbl.gif) no-repeat 0 100%;
}

/* Sidebar lists */

#sidebar1, #sidebar2 {
	color: #FFF;
}
#sidebar1 ul, #sidebar2 ul {
	margin: 0;
	padding: 15px 0 5px 0;
	list-style-type: none;
}
#sidebar1 ul ul, #sidebar2 ul ul, #sidebar1 p, #sidebar2 p {
	margin: 0.8em 0 1.2em 0;
	padding: 0;	
	background: none;
}
#sidebar1 ul li {
	margin: 0 15px 0 30px;
}
#sidebar2 ul li {
	margin: 0 30px 0 15px;
}
#sidebar1 ul ul li, #sidebar2 ul ul li {
	margin: 0;
	padding: 0;
}
#sidebar1 h2, #sidebar2 h2 {
	margin: 0 -10px 0.6em -30px;
	padding: 5px 0 0 30px;
	height: 28px;
	background: url(images/sidebarhead1.gif) no-repeat 100% 0;
	font-size: 1.2em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 23px;
}
html>body #sidebar1 h2, html>body #sidebar2 h2 {
	height: 23px;
}
#sidebar2 h2 {
	margin: 0 -30px 0.6em -10px;
	padding: 5px 0 0 10px;
	background: url(images/sidebarhead2.gif) no-repeat;
}
#sidebar1 h3, #sidebar2 h3 {
	margin: 0 -10px 0.6em -30px;
	padding: 4px 0 0 30px;
	height: 26px;
	background: url(images/sidebarheadb1.gif) no-repeat 100% 0;
	font-size: 1.1em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 22px;
}
html>body #sidebar1 h3, html>body #sidebar2 h3 {
	height: 22px;
}
#sidebar2 h3 {
	margin: 0 -30px 0.6em -10px;
	padding: 4px 0 0 10px;
	background: url(images/sidebarheadb2.gif) no-repeat;
}
#sidebar1 h2 a, #sidebar2 h2 a, #sidebar1 h3 a, #sidebar2 h3 a {
	color: #D64242 !important;
}
#sidebar1 a:link, #sidebar2 a:link {
	color: #AFEFF9;
}
#sidebar1 a:visited, #sidebar1 a:active, #sidebar2 a:visited, #sidebar2 a:active {
	color: #8BE6F1;
}
#sidebar1 a:hover, #sidebar2 a:hover {
	color: #FCFB85;
}

/* Menu */

#menu {
	position: relative;
	margin: 0 0 0 -5px;
	padding: 15px 0 0 0;
	height: .1em;
	background: url(images/menuhead.jpg) no-repeat 5px 0;
	border-bottom: 5px solid #FFF;
}
#sidebar1 > #menu {
	height: auto;
}
#sidebar1 ul#pagenav {
	position: relative;
	right: -5px;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 5px solid #FFF;
	background: url(images/menu.gif) repeat-y 100% 0;
}
#sidebar1 ul#pagenav li {
	margin: 0;
}
#sidebar1 ul#pagenav li a {
	display: block;
	padding: 5px 0 0 25px;
	height: 28px;
	background: url(images/menu2.gif) repeat-y;
	color: #FDFDC2;
	font-size: 1.08em;
	text-decoration: none;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 23px;
}
html>body #sidebar1 ul#pagenav li a {
	height: 23px;
}
#sidebar1 ul#pagenav li a:hover, #sidebar1 ul#pagenav li.subpage_item a:hover, #sidebar1 ul#pagenav li.page_item a:hover {
	background: url(images/menuactive.jpg) !important;
	color: #019095 !important;
}
#sidebar1 ul#pagenav li.subpage_item a {
	padding: 5px 0 0 40px !important;
	background: url(images/menu3.gif) repeat-y !important;
}
#sidebar1 ul#pagenav li.page_item a {
	padding: 5px 0 0 50px !important;
	background: url(images/menu4.gif) repeat-y !important;
}
#mct {
	position: absolute;
	top: 15px;
	right: -5px;
	width: 9px;
	height: 13px;
	background: url(images/menucornert.gif) no-repeat;
}
#mcb {
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 9px;
	height: 13px;
	background: url(images/menucornerb.gif) no-repeat;
}
* html #mcb {
	bottom: -7px;
}
*html #mct, *html #mcb {
	right: -6px;
}
/* Preload */
#content {
	background: url(images/menuactive.jpg) no-repeat -400px -50px;
}

/* Footer */

/*
#footer {
	clear: both;
	padding: 0 0 20px 0;
	background: #AFEFF9 url(images/headerbg.gif) 0 70px;
}
#footer p {
	margin: 0;
	padding: 0.4em 20px 0.4em 20px;
	background: #AFEFF9;
	color: #666;
	font-size: 0.92em;
	text-align: center;
}

#footer {
	clear: both;
	position: relative; // IE fix 
	padding: 15px 0 0 0;
	background: #AFEFF9 url(images/headerbg.gif);
}
#footer p {
	margin: 10px 0 0 0;
	padding: 0.4em 20px 0.8em 20px;
	background: #AFEFF9;
	color: #666;
	font-size: 0.92em;
	text-align: center;
}
*/

#footer {
	clear: both;
	position: relative; /* IE fix */
	padding: 15px 0 0 0;
	border-top: 5px solid #98E6F0;
	background: #AFEFF9 url(images/footerbg2.gif);
}
#footer p {
	margin: 15px 0 0 0;
	padding: 0.4em 20px 0.8em 20px;
	background: #AFEFF9;
	color: #666;
	font-size: 0.92em;
	text-align: center;
}

/***** BLOG *****/

/* Posts and pages */

.post {
	clear: both;
	margin: 1em 0 2em 0;
}
.posttitle {
	margin: 0;
	padding: 0.2em 0 0 0;
}
.posttitle a:link, .posttitle a:visited, .posttitle a:active {
	color: #D64242;	
	text-decoration: none;
}
.posttitle a:hover {
}
.postmeta {
	margin: 0.3em 0 0 0;
	color: #666;
	font-size: 0.92em;
}
.postcal {
	float: left;
	margin: 0 10px 0 0;
	width: 57px;
	height: 54px;
	background: url(images/calendar.gif) no-repeat;
	text-align: center;
}
.postdate {
	display: block;
	margin: 0 6px 0 0;
	padding: 0.3em 0 0 0;
	color: #D64242;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.12em;
}
.postmonth {
	display: block;
	margin: 0 6px 0 0;
	font-size: 0.88em;
	line-height: 1.2em;
	color: #666;
}
.postbody {
	clear: both;
}
.postinfo {
	margin: 0;
	color: #666;
}
.postinfo {
	font-size: 0.92em;
}

.pagetitle {
	margin: 0 0 0.8em 0;
	padding: 0.1em 0 0 0;
}

.navigation {
	margin: 1.2em 0 1.2em 0;
	padding: 0.2em 0 0 0;
	text-align: center;
}

.commentslink {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(images/comments.gif) no-repeat 0 0.2em;
}
.permalink {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(images/permalink.gif) no-repeat 0 0.1em;
}



.postdisc {
	float: left;
	margin: 0 10px 0 0;
	width: 57px;
	height: 54px;
	background: url(images/disc.gif) no-repeat;
	text-align: center;
}

/* Comments */

.commentlist {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #DFDFDF;
	list-style: none;
}
.commentlist li {
	padding: 0 10px;
	border-bottom: 1px dotted #DFDFDF;
}
.commentheader {
	padding: 1.3em 0 0 0;
}
.commentheader h4 {
	margin: 0;
	font-size: 1.2em;
	text-decoration: none;	
}
.commentheader h4 a:hover {
}
.commentheader p {
	margin: 0.3em 0 0 0;
	color: #666;
	font-size: 0.92em;
}
.commentbody {
}
.alt {
	background: #FCF5E5;
}
#comment {
	width: 100%;
}

/* Grids */

span.special, span.newseries {
	padding: 0 2px;
	background: #D64242;
	color: #FFF;
	font-weight: bold;
}
.special a, .newseries a {
	color: #FDFDC2 !important;
	text-decoration: none;
}
.special a:hover, .newseries a:hover {
	color: #AFEFF9 !important;
}
span.newep, span.newtime {
	padding: 0 2px;
	background: #FFCC59;	
	font-weight: bold;
}
.newep a, .newtime a {
	color: #D64242 !important;
	text-decoration: none;
}
.newep a:hover, .newtime a:hover {
	color: #019095 !important;
}
span.rerun, span.sametime {
	padding: 0 2px;
	background: #D7F7FC;	
}
.rerun a, .sametime a {
	color: #00A2AB !important;
	text-decoration: none;
}
.rerun a:hover, .sametime a:hover {
	color: #248588 !important;
}



table.primetime {
	position: relative; /* IE fix */
	margin: 1.2em 0;
	padding: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.primetime tr {
}
table.primetime td {
	margin: 0;
	padding: 0.2em 5px 0.2em 10px;
	border: 1px solid #000;
	background: #FFCC59;
}
table.primetime td a:link, table.primetime td a:visited, table.primetime td a:active {
	color: #D64242;
	text-decoration: none;
}
table.primetime td a:hover {
	color: #019095;
}
table.primetime tr.daytime th, table.primetime th.netw {
	background: #2EBDC2;
	color: #FFF;
	border: 1px solid #000;
}
table.primetime small {
	background: #D64242;
	color: #FFF;
}
table.primetime td.special {
	background: #D64242;
	color: #FFF;
	font-weight: bold;
}
table.primetime td.special small {
	background: #FFCC59;
	color: #000;
	font-weight: normal;
}
table.primetime td.newep {
}
table.primetime td.newep small {
}
table.primetime td.rerun {
	background: #D7F7FC;
}
table.primetime td.rerun small {
	background: transparent;
	color: #000;
	font-style: italic;
}
table.primetime td.local {
	background: #FFF;
	font-size: 0.92em;
	font-style: italic;
}
table.primetime td.local small {
}



table.schedule, table.schedulenotes {	
	position: relative; /* IE fix */
	margin: 1.2em 0;
	padding: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.schedule tr, table.schedulenotes tr {
}
table.schedule td, table.schedulenotes td {
	margin: 0;
	padding: 0.2em 5px 0.2em 10px;
	border: 1px solid #000;
}
table.schedule tr.daytime th, table.schedule th.netw, table.schedule th.notesheader,
table.schedulenotes th.key {
	background: #2EBDC2;
	color: #FFF;
	border: 1px solid #000;
}
table.schedule td.local {
	font-size: 0.92em;
	font-style: italic;
}
.newseries {
	background: #D64242;
	color: #FFF;
	font-weight: bold;
}
.newtime {
	background: #FFCC59;	
}
.sametime {
	background: #D7F7FC;
}
table.schedule.amazon {
	border: 0 !important;
}



/* Etc */

#wp-calendar {
	margin: 0 0 1.2em 0;
	width: 200px;
	border: 1px solid #000;
	background: #FFF;
	line-height: 1.2em;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 198px;
} 
html>body #wp-calendar {
	width: 198px;
}
#wp-calendar caption {
	margin: 0;
	padding: 0.4em 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #2EBDC2;  
	color: #FFF;
	font-weight: bold;
}
#wp-calendar th {
	color: #D64242;
}
#wp-calendar td {
	border: 0;
	border-collapse: collapse;
	background: #D7F7FC;
}
#wp-calendar td a {
	display: block;
	width: 100%;
}
#wp-calendar td.pad {
	background: transparent;
}
#wp-calendar td#next, #wp-calendar td#prev {
	padding: 0.1em 2px;
	background: transparent;
}
#wp-calendar td#next a, #wp-calendar td#prev a {
	display: inline;
}
#wp-calendar td#next {
	text-align: right;
}
#wp-calendar td#prev {
	text-align: left;
}

.alert {	
	margin: 1.2em auto;
	padding: 0.6em 15px;
	border-top: 2px solid #FDE46F;
	border-bottom: 2px solid #FDE46F;
	background: #FCFB95;
}

*html #content, *html #sidebar1, *html #sidebar1wrap, *html #sidebar2, *html #sidebar2wrap {
	overflow: hidden;
}

/* Old table styles */
table.grid {
	width: 98%;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 1px;
	background: #EDEDED;
	color: #000000;
}
table.grid td {
	padding: 3px;
	text-align: left;
	border: 1px solid black;
}
table.grid th {
	border: 1px solid black;
	background: #97BADC;
	text-align: center;
	color: #000000;
}
table.grid td.local {
	padding: 3px;
	text-align: left;
	background: #ffffff;
	color: #000000;
}



/* Extra classes */

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.border {
	padding: 5px;
	border: 1px solid #65A8A6;
	background: #FFF;
}

/* New Stuff */

#amazon-paypal {
	margin: 20px auto 0 auto;
	padding: 0 20px 5px 20px;
	display: block;
	border: 1px solid #999;
	width: 450px;
	}

#amazon-paypal div {
	display: block;
	width: 240px;
	margin: 0 auto;
	}

#amazon-paypal .left {
	float: left;
	}

#amazon-paypal .right {
	float: right;
	}