/*
Theme Name: My Glasses are Fake Theme
Theme URI: http://wordpress.org/
Description: My Glasses are Fake Theme.
Version: 1.6
Author: Joe McGinnis
Author URI: http://www.justmakemedia.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
body {
	margin:0;
	padding:0;
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: left;
}

a {
	color:#2ba5df;
	text-decoration:none;
}

p {
	font-size:12px;
	line-height:22px;
}

#page {
	margin:0 auto;
	padding:0;
	width:1000px;
}

#header {
	margin:0;
	padding:0;
	width:1000px;
	height:135px;
}

#header #logo {
	float:left;
	margin:23px 0 0 0;
	padding:0;
	width:348px;
	height:89px;
	text-indent:-9999px;
	background:url(images/logo.png) top left no-repeat;
}

#header #logo a {
	display:block;
	width:348px;
	height:89px;
}
	

#header #twitter-feed {
	float:right;
	margin:5px 0 0 0;
	padding:0;
	width:300px;
	height:122px;
	background:url(images/twitter-back.png) top left no-repeat;
}

#twitter-feed #wrapper {
	float:right;
	margin:12px 15px 0 0;
	padding:0;
	width:165px;
	height:80px;
}

#twitter-feed #wrapper #screen-name {
	font-size:11px;
	font-weight:bold;
	margin:0 0 2px 0;
}

#twitter-feed #wrapper #text {
	margin:0 0 2px 0;
	font-size:11px;
}

#twitter-feed #wrapper #time {
	font-size:11px;
	text-align:right;
}

#main-menu {
	margin:0;
	padding:0;
}

#main-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#main-menu ul li {
	float:left;
	margin:0;
	padding:0;
	height:23px;
}

#content {
	clear:both;
	margin:20px auto 0 auto;
	padding:0;
	width:980px;
}

#content .heading {
	position:relative;
	margin:0;
	padding:0;
	width:450px;
	height:23px;
	border-bottom:#CCCCCC 1px solid;
}

#content #featured-videos {
	float:left;
	margin:0;
	padding:0;
	width:450px;
}

#content #featured-videos h2 {
	margin:0;
	padding:0;
	width:145px;
	height:17px;
	background:url(images/featured-videos.png) top left no-repeat;
	text-indent:-9999px;
}

#content #featured-videos .icon {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:24px;
	height:22px;
	background:url(images/icon-video.png) top left no-repeat;
}

#content #recent-posts {
	float:right;
	margin:0 5px 0 0;
	padding:0;
	width:450px;
}

#content #recent-posts h2 {
	margin:0;
	padding:0;
	width:175px;
	height:17px;
	background:url(images/my-blogs-are-reel.png) top left no-repeat;
	text-indent:-9999px;
}

#content #recent-posts .icon {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:24px;
	height:22px;
	background:url(images/icon-blog.png) top left no-repeat;
}

#content .video-post {
	clear:both;
	margin:0;
	padding:15px 0 10px 0;
	width:450px;
}

#content .video-image {
	float:left;
	margin: 0 0 0 4px;
	padding:9px 0 0 0;
	width:159px;
	height:85px;
	text-align:center;
	background:url(images/thumbnail-back.png) top center no-repeat;
}

#content .video-image img {
	border:1px #CCCCCC solid;
}

#content .video-info {
	float:right;
	margin:0;
	padding:15px 0 0 0;
	width:280px;
	text-align:left;
}

#content .video-title {
	font-size:14px;
	color:#2ba5df;
}

#content .video-date {
	font-size:12px;
}

#content .video-tags {
	font-size:14px;
}

#content .blog-post {
	clear:both;
	margin:0;
	padding:15px 0 15px 0;
	width:450px;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	background:url(images/glasses.png) no-repeat;
	background-position:3px 22px;
}

#content .blog-title {
	margin:0 0 0 40px;
	font-size:14px;
	color:#2ba5df;
}

#content .blog-date {
	margin:0 0 0 40px;
	font-size:12px;
}

#switch {
	margin:0;
	padding:0;
	width:90px;
	height:23px;
	background:url(images/btn-switch.png) top left no-repeat;
	text-indent:-9999px;
}

#home {
	margin:0;
	padding:0;
	width:69px;
	height:23px;
	background:url(images/btn-home-main.png) top left no-repeat;
	text-indent:-9999px;
}

#home-active {
	margin:0;
	padding:0;
	width:69px;
	height:23px;
	background:url(images/btn-home-main-hover.png) top left no-repeat;
	text-indent:-9999px;
}

#home a {
	display:block;
	width:69px;
	height:23px;
}

#home-active a {
	display:block;
	width:69px;
	height:23px;
}

#videos {
	margin:0;
	padding:0;
	width:72px;
	height:23px;
	background:url(images/btn-videos-main.png) top left no-repeat;
	text-indent:-9999px;
}

#videos a {
	display:block;
	width:72px;
	height:23px;
}

#videos-active {
	margin:0;
	padding:0;
	width:72px;
	height:23px;
	background:url(images/btn-videos-main-hover.png) top left no-repeat;
	text-indent:-9999px;
}

#videos-active a {
	display:block;
	width:72px;
	height:23px;
}

#blog {
	margin:0;
	padding:0;
	width:63px;
	height:23px;
	background:url(images/btn-blog-main.png) top left no-repeat;
	text-indent:-9999px;
}

#blog a {
	display:block;
	width:63px;
	height:23px;
}

#blog-active {
	margin:0;
	padding:0;
	width:63px;
	height:23px;
	background:url(images/btn-blog-main-hover.png) top left no-repeat;
	text-indent:-9999px;
}

#blog-active a {
	display:block;
	width:63px;
	height:23px;
}

#spacer-1 {
	margin:0;
	padding:0;
	width:653px;
	height:23px;
	background:#58585a;
}

#spacer-2 {
	margin:0;
	padding:0;
	width:10px;
	height:23px;
	background:url(images/btn-home-1.png) top left no-repeat;
}

#spacer-2-active {
	margin:0;
	padding:0;
	width:10px;
	height:23px;
	background:url(images/btn-home-1-hover.png) top left no-repeat;
}

#spacer-3 {
	margin:0;
	padding:0;
	width:12px;
	height:23px;
	background:url(images/btn-home-2.png) top left no-repeat;
}

#spacer-3-active {
	margin:0;
	padding:0;
	width:12px;
	height:23px;
	background:url(images/btn-home-2-hover.png) top left no-repeat;
}

#spacer-3-video {
	margin:0;
	padding:0;
	width:12px;
	height:23px;
	background:url(images/btn-videos-1-hover.png) top left no-repeat;
}

#spacer-4 {
	margin:0;
	padding:0;
	width:19px;
	height:23px;
	background:url(images/btn-videos-2.png) top left no-repeat;
}

#spacer-4-active {
	margin:0;
	padding:0;
	width:19px;
	height:23px;
	background:url(images/btn-videos-2-hover.png) top left no-repeat;
}

#spacer-4-blog {
	margin:0;
	padding:0;
	width:19px;
	height:23px;
	background:url(images/btn-blog-1-hover.png) top left no-repeat;
}

#spacer-5 {
	margin:0;
	padding:0;
	width:12px;
	height:23px;
	background:url(images/btn-blog-2.png) top left no-repeat;
}

#spacer-5-active {
	margin:0;
	padding:0;
	width:12px;
	height:23px;
	background:url(images/btn-blog-2-hover.png) top left no-repeat;
}	

#videoplayer {
	clear:both;
	position:relative;
	margin:0;
	padding:0;
	width:1000px;
	height:320px;
	background:#000000;
	text-align:center;
}

#videoplayer #video-slider {
	margin:0 auto;
	padding:10px 0 0 0;
}

#videoplayer #video-slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#videoplayer #video-slider li{ 
	width:686px;
	height:300px;
	overflow:hidden; 
}

#videoplayer #video-slider img {
	border:none;
}

#nextBtn {
	position:absolute;
	top:125px;
	right:80px;
	margin:0;
	padding:0;
	width:28px;
	height:66px;
	background:url(images/btn-arrow-right.png) top center no-repeat;
	text-indent:-9999px;
}

#nextBtn a {
	display:block;
	width:28px;
	height:66px;
}

#prevBtn {
	position:absolute;
	top:125px;
	left:80px;
	margin:0;
	padding:0;
	width:28px;
	height:66px;
	background:url(images/btn-arrow-left.png) top center no-repeat;
	text-indent:-9999px;
}

#prevBtn a {
	display:block;
	width:28px;
	height:66px;
}

#search-bar {
	position:relative;
	margin:6px 0 0 0;
	padding:0;
	width:1000px;
	height:52px;
	background:url(images/search-back.png) top left no-repeat;
}

#social-networks {
	float:right;
	margin:5px 0 0 0;
	padding:0;
	height:33px;
}

#social-networks ul {
	margin:0;
	padding:0;
	list-style:none;
}

#social-networks ul li {
	float:left;
	margin:0;
	padding:0;
}

#subscribe {
	margin:0;
	padding:0;
	width:121px;
	height:31px;
	background:url(images/subscribe-txt.png) bottom left no-repeat;
	text-indent:-9999px;
}

#facebook {
	margin:0;
	padding:0;
	width:37px;
	height:35px;
	background:url(images/btn-facebook.png) bottom left no-repeat;
	text-indent:-9999px;
}

#facebook a {
	display:block;
	width:37px;
	height:35px;
}

#rss {
	margin:0;
	padding:0;
	width:37px;
	height:35px;
	background:url(images/btn-rss.png) bottom left no-repeat;
	text-indent:-9999px;
}

#rss a {
	display:block;
	width:37px;
	height:35px;
}

#twitter {
	margin:0;
	padding:0;
	width:50px;
	height:35px;
	background:url(images/btn-twitter.png) bottom left no-repeat;
	text-indent:-9999px;
}

#twitter a {
	display:block;
	width:37px;
	height:35px;
}

#ads-wrapper {
	position:relative;
	margin:0;
	padding:0;
	width:1000px;
	height:131px;
}

#ads-wrapper #slider{
	margin:5px auto;
	padding:0;
}	
#ads-wrapper #slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#ads-wrapper #slider li{
	margin:0 5px 0 0;
	width:240px;
	height:131px;
	overflow:hidden; 
}
#ads-wrapper #next {
	position:absolute;
	top:47px;
	left:-12px;
	margin:0;
	padding:0;
	width:17px;
	height:35px;
	cursor:pointer;
	background:url(images/sm-arrow-left.png) top left no-repeat;
}

#ads-wrapper #prev {
	position:absolute;
	top:47px;
	right:-9px;
	margin:0;
	padding:0;
	width:17px;
	height:35px;
	cursor:pointer;
	background:url(images/sm-arrow-right.png) top left no-repeat;
}
#pane-1 {
	float:left;
	margin:5px 8px 0 4px;
	padding:0;
	width:270px;
	height:500px;
	border:1px solid #CCCCCC;
}

#pane-1 .heading {
	margin:0;
	padding:0;
	width:270px;
	height:25px;
	background:#58585a url(images/header-twitter.png) no-repeat;
	background-position:4px 3px;
	text-indent:-9999px;
}

#pane-2 {
	float:left;
	margin:5px 8px 0 0;
	padding:0;
	width:430px;
	height:500px;
	border:1px solid #CCCCCC;
}

#pane-2 .heading {
	margin:0;
	padding:0;
	width:430px;
	height:25px;
	background:#58585a url(images/header-blog.png) no-repeat;
	background-position:4px 3px;
	text-indent:-9999px;
}

#pane-3 {
	float:left;
	margin:5px 4px 0 0;
	padding:0;
	width:270px;
	height:500px;
	border:1px solid #CCCCCC;
}

#pane-3 .heading {
	margin:0;
	padding:0;
	width:270px;
	height:25px;
	background:#58585a url(images/header-blog-history.png) no-repeat;
	background-position:4px 3px;
	text-indent:-9999px;
}

#pane-4 {
	float:left;
	margin:5px 8px 0 4px;
	padding:0;
	width:705px;
	height:600px;
	border:1px solid #CCCCCC;
}

#pane-4 .heading {
	margin:0;
	padding:0;
	width:705px;
	height:25px;
	background:#58585a url(images/header-videos.gif) no-repeat;
	background-position:4px 3px;
	text-indent:-9999px;
}

#pane-5 {
	float:left;
	margin:5px 4px 0 0;
	padding:0;
	width:270px;
	height:600px;
	border:1px solid #CCCCCC;
}

#pane-5 .heading {
	margin:0;
	padding:0;
	width:270px;
	height:25px;
	background:#58585a url(images/header-video-library.png) no-repeat;
	background-position:4px 1px;
	text-indent:-9999px;
}

#next-btn {
	float:right;
	margin:25px 15px 0 0;
}

#prev-btn {
	float:left;
	margin:25px 0 0 15px;
}

.blog-tweet {
	margin:0 4px;
	padding:8px 8px 8px 0;
	border-bottom:1px solid #CCCCCC;	
}

.blog-tweet .tweet-username {
	margin:0 0 4px 0;
	padding:0 0 0 2px;
	font-size:14px;
	font-weight:bold;
}

.blog-tweet .tweet-text {
	margin:0 0 4px 0;
	padding:0 0 0 12px;
}

.blog-tweet .tweet-time {
	text-align:right;
	font-size:11px;
	color:#999999;
}

.widget {
	margin:0 15px 15px 15px;
}

.widget h2 {
	margin:10px 0 0 0;
	padding:0;
}

.widget ul {
	margin:2px 0 0 2px;
	padding:0;
	list-style:none;
}

.widget ul li {
	margin:0 0 0 0;
	padding:7px 0 7px 5px;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
}

.widget ul li a {
	color:#333;
}

.video-thumbnail {
	float:left;
	margin:15px 0 0 15px;
	padding:0;
	width:215px;
	height:160px;
}

.video-thumbnail .video-sm-image {
	margin:0;
	padding:12px 0 0 0;
	width:215px;
	height:135px;
	text-align:center;
	background:url(images/video-back.png) top center no-repeat;
}

.video-thumbnail .video-sm-image img {
	border:none;
}

.video-thumbnail .video-sm-title {
	margin:0;
	padding:0 0 0 10px;
}

#footer {
	clear:both;
	position:relative;
	font-size:11px;
	margin:25px 0 25px 0;
	text-align:center;
}