/* 
Theme Name: whiteboard
Theme URL: http://whiteboardframework.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0.1

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

/*  uniform the basics */

p, h1, h2, h3, h4, h5, h6 { display:block; line-height:normal;}
strong {
	font-size: medium;
	font-weight: bold;
}
br { clear:both; }

p {
        color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
        padding: 10px 0px 10px 0px;
}

body { 
	background: url(images/background_square.jpg); 
        color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

a, a:visited, a:hover { 
color: #fff; 
text-decoration: none; 
font-weight: bold; 
}
.page_item a, .page_item a:visited { 
	display: inline; 
	border: 0px solid #fff; 
	margin: 0 auto; 
	padding: 0px 4px; 
	width: auto; 
	color: #fff; 
	text-decoration: none; 
	font-weight: bold; 
	letter-spacing: 0px; 
}
.page_item a:hover { 
	background: url(images/whitehover.png); 
	text-decoration: none;
}
#header { 
        height: 150px; 
	margin: 0 auto; 
	width: 840px; 
	clear: both; 
	position: relative;
}
#header_inside { 
        background: url(images/background_inside_header.jpg);
        width: 1034px;
        height: 176px;
	margin: 0 auto; 
	padding: 0; 
} 
ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
#topNav { 
	position: relative; 
	margin: 0; 
	padding: 0; 
	top: 40px; 
	left: 225px; 
	width: 100%; 
        float: right;
} 
#topNav_inside { 
	position: relative; 
	margin: 0; 
	padding-right: 65px; 
	top: 40px;   
        float: right;
} 
#container { 
	margin: 0 auto; 
	width: 850px; 
	position: relative; 
}
#container_about { 
        background: url(images/background_about.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
	margin: 0 auto; 
	width: 1034px; 
}
#subnav {  
	padding: 0px 0px 0px 0px; 
}
#subnav ul {
        margin-left: 6px;
        list-style: none;
} 
#subnav ul ul { 
	display: none; 
}
#subnav ul li { 
	display: inline; 
}
#subpages, #sublinks {
	padding-left: 40px;
	padding-right: 5px;
}
#sublinks li {
	margin-top: 5px;  
}
#content { 
	width: 600px; 
	float: left;   
}
#contentBody,#horizontalDivider { 
	width: 400px;
        padding: 0px 10px 10px 10px; 
        margin-left: 220px;
}
#horizontalDivider div {
	display: none; 
	background-color: #b4b4b4; 
	width: 400px;
	height: 1px;
}
#title { 
	font-weight: normal; 
	font-size: 22pt; 
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	margin-left: 220px;
        padding: 10px 10px 10px 10px;
}
#subHeader { 
	position: absolute; 
	top: 55px;
	margin: 0 10px; 
	width: 850px; 
	color: #b4b4b4; 
}
#subHeader ul li {
	display: block; 
	float: left; 
	position: relative; 
	top: -1px; 
	margin: 0 8px 0 0; 
	text-align: left; 
}
#subHeaderTitle { 
	width: 130px; 
}
#delicon { 
	width: 18px; 
	height: 18px; 
	background-image: url(images/share/DeliciousShare.png); 
}
#twittericon { 
	width: 18px; 
	height: 18px; 
	background-image: url(images/share/TwitterShare.png);
}
#facebookicon	 { 
	width: 18px; 
	height: 18px; 
	background-image: url(images/share/FacebookShare.png); 
}
#imdbicon { 
	width: 105px; 
	height: 51px; 
	background-image: url(images/IMDB.png); 
}
#netflixicon { 
	width: 105px; 
	height: 51px; 
	background-image: url(images/netflix.png); 
}
#rticon { 
	width: 105px; 
	height: 34px; 
	background-image: url(images/Rotten-Tomatoes.png); 
}
#skyline { 
	background:transparent url('images/skyline.png') no-repeat right top;
	width: 589px; 
	height: 75px; 
	position: relative; 
	padding-top: 70px; top:325px; 
}
#videoContainer { 
	background-color: #000; 
	width: 589px; 
	height: 0px; 
	margin: 0px auto; 
}
#videoPlayer { 
	width:550px; 
	margin: 0px auto;  
}
#content li {
	line-height: normal;
}
#homeLink { 
	height: 100px; 
	top:55px; 
	margin: 0px 10%; 
	width: 300px; 
	clear: both; 
	position: relative; 
}
#likeButton { 
	margin: 0 auto; 
	width: 850px; 
	height: 265px; 
}
.profilePicture {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


.mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 300px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #E7EADE;
	margin: 0.3em auto;
	padding: 15px;
}

.current_page_ancestor ul, #subnav .current_page_item ul { display: block !important; }
.current_page_item a { background: url(images/whitehover.png) !important;}
.current_page_item ul a {background: none !important; }
.page-item-level-0.current_page_ancestor {background: url(images/whitehover.png) !important; }
#subpages .current_page_ancestor {background: none !important; }

#content input { width:200px; }
#content textarea { width:400px; height:30px; }
#content input.btn { width: auto !important; }

.fwvvw-full-video_title { margin-top:5px; font-size:24px; }
.fwvvw-full-video_desc { margin-top:5px; }

#mc_signup_container, #mc_signup_form { width:400px; display: inline-block; }
.mc_var_label {
	font-size: medium;
	font-weight: bold;
	clear:none;
}
.mc_input {
	width: 130px !important;
	clear:none;
	margin-left: 5px;
}
#mc_signup_submit {
	width: 100px !important;
	clear:none;
	margin: 2px 0px !important;
}

#copyright { margin: 15px auto; font-size: 0.8em; color: #777; }

#hp_container { 
        height: 663px;
        width: 1366px;
	margin: 0 auto; 
	padding: 0; 
	position: relative;
}

#background { 
	background: url(images/home_revised.jpg) top center no-repeat;
        height: 663px;
        width: 1366px;
	margin: 0 auto; 
	padding: 0; 
        clear: both;
	position: relative;
}

#background_inside { 
	background: url(images/background_inside.jpg);
        width: 1366px;
	margin: 0 auto; 
	padding: 0;    
}

#footer { 
	background: url(images/footer_revised.jpg) top center no-repeat;
        height: 185px; 
        width: 1366px;
	margin: 0 auto;
        padding: 0;
        color: #000000;
	font-family: Trebuchet MS, Helvetica, sans-serif
        font-size: 13px; 
        font-weight: bold;
        letter-spacing: 1px;
	clear: both; 
	position: relative;

}

#footer a {
	text-decoration:  none;
	font-family:  Trebuchet MS, Helvetica, sans-serif
        font-size: 13px; 
        font-weight: bold;
        letter-spacing: 1px;
        color:  #000000;
}

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

#footer a:visited {
	text-decoration:  none;
}

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