/*
Theme Name: JCVR MS-DOS
Theme URI: http://jcvr.net
Description: Theme for JCVR.net, video director website
Version: 1 (WP2.7.2)
Author: JTWilcox
Author URI: http://jtwilcox.com
Tags: clean, custom, dos, pixel
*/

/* COLORS

blue: #0000a8
dark blue: #000054
light blue: #52ffff
teal: #00a8a8
gray: #a8a8a8
yellow: #ffff55

*/


/* RESET */

ul						{ list-style: square outside; }
ol						{ list-style: decimal outside; }
a						{ outline: none; text-decoration: underline; color: #a8a8a8; }
a:hover					{ text-decoration: underline; color: #ffff55; }
a img					{ border: none; background: none; }
img						{ vertical-align: middle; border: 0; }
table					{ border-collapse: collapse; }


/* WP ALIGNMENT */

img.alignright		 	{float:right; margin:0 0 1em 1em}
img.alignleft 			{float:left; margin:0 1em 1em 0}
img.aligncenter 		{display: block; margin-left: auto; margin-right: auto}
a img.alignright 		{float:right; margin:0 0 1em 1em}
a img.alignleft 		{float:left; margin:0 1em 1em 0}
a img.aligncenter 		{display: block; margin-left: auto; margin-right: auto}


/* UTILITY */			

.floatright				{ float: right; position: absolute; right: 0; }
.floatleft				{ float: left; position: absolute; left: 0; }
.clear					{ clear: both; }
.button					{ border: 1px 2px solid black; background: #a8a8a8; padding: 3px 8px; 
						  margin: 3px 2px; color: #0000a8; }
.button:hover			{ background: #00a8a8; color: black; }
.line					{ height: 16px; border-bottom: solid black 1px; }
.line2					{ height: 8px; border-bottom: solid #a8a8a8 1px; margin-bottom: 10px; }


/* STRUCTURE */

html, body				{ margin: 0; padding: 0; background: black; height: 100%; bottom: 0; }
body					{ background: black; font-size: 13px; background: #000; 
						  font-family: "Courier"; color: #a8a8a8; height: 100%; }
body#videos	#container	{ background: url(images/bg2.gif); }
body#contact #container	{ background: black; color: white; }
body#about #container	{ background: url(images/aboutpattern.gif); font-size: 11px; }

#container				{ width: 640px; margin: 30px auto; background: #0000a8; }
#nav					{ height: 16px; background: #a8a8a8; color: black; }
#header					{ margin: 0 auto; background: #a8a8a8; position: absolute; left: 40%; clear: both; }
body#contact .pageheader	{ display: none; }
#contentarea			{ margin: 8px 5px; padding: 10px 20px; clear: both; min-height: 400px;
						  border: #a8a8a8 solid; border-width: 1px 2px; }
body#about #contentarea	{ border: black solid; border-width: 1px 2px; }
body#archives #contentarea	{ color: black; background: white; }
#footer					{ clear: both; height: 18px; background: #00a8a8; color: white;
						  padding: 0; margin: 0; }
#footer a				{ text-decoration: none; }
#footer img				{ padding: 0 10px; border: 0; }


/* TYPGROGRAPHY */

p						{ padding: 0 15px; }
h1, h2					{ font-size: 14px; text-transform: uppercase; border-bottom: 3px double #a8a8a8;
						  font-family: "Courier New"; text-decoration: none; padding: 10px 3px 0 3px;
						  margin: 6px -3px; display: inline; }
#header a				{ text-decoration: none; color: #0000a8; }
#header a:hover			{ text-decoration: underline; }
body#contact a			{ color: #52ffff; }
body#contact a:hover	{ color: #ffff55; }


/* NAV */

#nav a							{ text-decoration: none; }
.navtext						{ visibility: hidden; }
.videos							{ width: 64px; height: 16px; padding: 0 10px;
								  background: url(images/nav/nav_01.gif) no-repeat top; float: left; }
body#videos .videos, .videos:hover	{ width: 64px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_01.gif) no-repeat bottom; float: left; border: 0; }
.news							{ width: 45px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_02.gif) no-repeat top; float: left; }
body#news .news, .news:hover	{ width: 45px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_02.gif) no-repeat bottom; float: left; border: 0; }
.about							{ width: 56px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_03.gif) no-repeat top; float: left; }
body#about .about, .about:hover	{ width: 56px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_03.gif) no-repeat bottom; float: left; border: 0; }
.contact						{ width: 71px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_04.gif) no-repeat top; float: left; }
body#contact .contact, .contact:hover	{ width: 71px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_04.gif) no-repeat bottom; float: left; border: 0; }
.home							{ width: 48px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_05.gif) no-repeat top; float: right; }
body#home .home, .home:hover	{ width: 48px; height: 16px; padding: 0 10px; 
								  background: url(images/nav/nav_05.gif) no-repeat bottom; float: right; border: 0; }
								  
								  
/* POST */

#postcontainer			{ background: url(images/shadowbg.png); position: relative; margin: 15px -10px 30px 10px; }
.post					{ background: #a8a8a8; color: black; padding: 6px 3px; position: relative;
						  top: -15px; left: -10px; }
body#contact .post		{ background: black; color: white; }
body#about .post		{ background: #00a8a8; }
.postinner				{ border: solid black; border-width: 1px 2px; padding: 10px; }
.postinner h2			{ border-bottom: 3px double black; }
.post a					{ color: #0000a8; text-decoration: none; }
.post a:hover			{ color: #ffff55; }
.postmetadata			{ margin: 10px 0 0 -15px; }
.post small				{ display: block; margin-top: 10px; }

body#search .post		{ background: #0000a8; color: #a8a8a8; }
body#search a			{ color: #a8a8a8; }
body#search a:hover		{ color: #ffff55; }


/* VIDEO THUMBNAILS */

.thumbarea				{ text-align: center; margin-bottom: 10px; display: inline; width: 288px;
						  float: left; background: url(images/thumbshadow.png) no-repeat bottom right; }
.thumbbox				{ background: #00a8a8; padding: 6px 3px; display: inline-table; margin: 8px; }
.thumbs					{ padding: 6px; border: black solid; border-width: 1px 2px; margin: 0 auto;
						  width: 250px; height: 150px; }


/* IMAGES */

.pageheader				{ margin-bottom: 5px; }
body#about .size-medium			{ border: double black; }


/* VIDEOS */

body#videos .flqt		{ text-align: center; }


/* COMMENTS */

.comment				{ margin-bottom: 10px; }
.commentlist li, li.alt		{ padding: 10px 10px 1px 10px; margin: 0 40px 15px 0; border: solid #a8a8a8;
						  border-width: 1px 2px; }
.commenttext			{ color: white; }
#submit					{ margin: 8px 0 0 2px; }


/* NEXT-PREV BAR */
#nextprevbottom			{ margin: 15px 0; height: 16px; background: #000054;
						  padding: 0; text-align: center; margin-bottom: 2px; }
.leftbutton				{ background: url(images/nextprev/next1.gif) no-repeat; float: left; 
						  display: inline; width: 58px; height: 16px; }
.leftbutton:hover		{ background: url(images/nextprev/next2.gif) no-repeat; }
.rightbutton			{ background: url(images/nextprev/prev1.gif) no-repeat; float: right; 
						  display: inline; width: 57px; height: 16px; }
.rightbutton:hover		{ background: url(images/nextprev/prev2.gif) no-repeat; }
.archivelink			{ margin-left: 90px; }


/* ARCHIVES */

#archivesearch			{ background: #00a8a8; color: white; padding: 2px; text-align: center;
						  margin-bottom: 8px; }
body#archives #container a		{ color: #0000a8 }
body#archives #container a:hover	{ color: #00a8a8 }
#archivebox				{ border: solid black; border-width: 1px 2px; clear: both; display: table;
						  width: 100%; margin: 0; padding: 0; }
.archiveboxleft			{ float: left; border-right: 2px solid black; width: 50%; margin: 0;
						  min-height: 100px; }
.archiveboxright		{ float: left;; width: 50%; margin-right: -1%; }
.archiveheader			{ background: #0000a8; color: white; padding: 2px; margin: 0; }


#hid					{ visibility: hidden; }
.newsrss				{ float: right; margin-right: -7px; }