/*
Theme Name: Mark Jeffries
Theme URI: http://hugobaeta.com/
Description: Custom WordPress theme for Mark Jeffries
Version: 1.0
Author: Hugo Baeta, José Fontainhas
Author URI: http://hugobaeta.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* MAIN OVERIDES ---------------------------------- */
body { background: #140514 url('images/body_bg1_export.png') no-repeat center top;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #666666; }
.clear {clear:both;}
h1, h2, h3, h4 { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; color: #C3C0BE; }
p, td { line-height: 1.4em;font-size:13px; }

/* LINKS ------------------------------------------ */
a:link, a:visited { color: #1E6496; text-decoration: underline; }
a:hover, a:active { color: #C3C0BE; text-decoration: none; }
h2 a:link, h2 a:visited { color: #780050; text-decoration: none; }
h2 a:hover, h2 a:active { color: #C3C0BE; text-decoration: none; }
h3 a:link, h3 a:visited { color: #780050; text-decoration: none; }
h3 a:hover, h3 a:active { color: #C3C0BE; text-decoration: none; }
#menu ul li a:link, #menu ul li a:visited { color: #666; text-decoration: none; padding: 12px 2px; display: block; }
#menu ul li a:hover, #menu ul li a:active { border-top: 5px solid #1E6496; color: #C3C0BE; padding: 7px 2px 12px; }
#sidebar ul li a:link, #sidebar ul li a:visited { color: #1E6496; text-decoration: none; }
#sidebar ul li a:hover, #sidebar ul li a:active { color: #C3C0BE; text-decoration: none; }
.navigation a:link, .navigation a:visited { color: #1E6496; text-decoration: none; }
.navigation a:hover, .navigation a:active { color: #C3C0BE; text-decoration: none; }

/* HEADER ----------------------------------------- */
#header {
	width: 950px;
	margin: 40px auto 30px; padding: 0;
	overflow: hidden; }

#logo { float: left; width: 630px; color: #ccc; }
#logo h1 { width: 590px; height: 35px;
	margin: 0; text-align: left; float: left; }
#logo h1 a { width: 590px; height: 35px; float: left;
	text-indent: -9999px; text-decoration: none; outline: none; overflow: hidden;
	background: transparent url(images/logomatrix.png) no-repeat 17px 0;}
#logo h1 a:hover { background-position: 17px -35px; }

#recognition { float: right; width: 310px; height: 35px;
	background: transparent url(images/recognitionmatrix.png) no-repeat center 0; }
#recognition p { text-indent: -9999px; }

/* MENU BAR --------------------------------------- */
#menu {
	width: 950px; margin: 0 auto 1px; overflow: hidden;
	background-image: url('images/bg-3.png');
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; }
#menu ul { width: 720px; margin: 0; padding: 0; float: left; }
#menu ul li {
	display: block; float:left;	color: #666;
	margin: 0; padding: 0 12px; font-size: .9em; }
#menu ul li.current_page_item a { border-top: 5px solid #780050; color: #C3C0BE; padding: 7px 2px 12px; }

#search {  width: 220px; margin: 0; padding: 0; float: right; background: transparent url('images/bg-3.png'); }
#search input#s { width: 100px; font-size: .9em; background: #C3C0BE; color: #333; border: none; padding: 5px 15px; margin: 5px; }
#search input#s:focus { background: #fff; }
#search input#searchsubmit { 
	background: transparent; color: #780050; 
	padding: 5px 10px; margin: 5px; border: none; }
#search input#searchsubmit:hover { color: #fff; }

	
/* FEATURED HOME --------------------------------------- */
#featured {
	width: 948px; height: 350px;
	padding: 1px; margin: 0 auto;
	background: #000; color: #aaa; 
	overflow: hidden; }
img#headshot { width: 310px; height: 350px; float: left; }
#featured-video {
	width: 627px; height: 350px; margin: 0 0 0 1px; 
	background: #000; color: #aaa; 
	float:right; }	
#featured-video h2 { font-weight: bold; text-transform: uppercase; color: #780050;
	padding: 10px 10px 0; margin: 0; height: 40px; background: #111; }
#featured-video-box { 
	width: 627px; height: 300px; background: #222; }
#featured-video-box .wordtube { 
	background: #000; }

/* CONTENT BLOCKS --------------------------------------- */
#content { 
	width: 950px; margin: 0 auto; overflow: hidden;
	background-image: url('images/bg-5.png');
/*	padding: 20px; filter: alpha(opacity=50); opacity: 0.5; background: #000;*/ }
#sidebar { float: left; width: 270px; padding: 20px; min-height: 300px; font-size: .8em; }
#main { float: right; width: 590px; padding: 20px; color: #ccc; }

/* FOOTER DETAILS --------------------------------- */
#footer {
	width: 910px; padding: 20px; margin: 20px auto; overflow: hidden;
	color: #381733; font-size: .7em; }
#footer a {color:#381733;}
#footer a:hover {color:#1e6496;}
#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer ul li { list-style-type: none; margin: 0; padding: 0; }
ul#footer-info { width: 320px; margin: 0 10px 0 0; float: left; }
ul#footer-credits { width: 500px; float: right; text-align: right; }

/* CONTENT DETAILS --------------------------------- */
#main h2, #main h3, #main h4 { color: #780050; }
#main ul li { line-height: 1.5em; font-size:13px;}
#main blockquote { color: #999; margin-bottom: -1em }
#main .postmetadata {margin-top: 10px; font-size:0.7em; color:#666;}
#main a {text-decoration: none;}
div.post p.postdate { color:#555555; font-size:0.7em; margin-top: -2em; }

.navigation, div.navigation { /* background-color: #000;*/ overflow: hidden; font-size: .8em; padding: .5em; margin: 0 0 3em; }
.navigation .alignleft, div.navigation div.alignleft { float: left; }
.navigation .alignright, div.navigation div.alignright { float: right; }

/* WIDGETS ----------------------------------------- */

.widget, div.widget { margin-bottom: 3em; }
.textwidget, div.textwidget { padding: 0 .5em; }
h2.widgettitle { 
	font-size: 1.2em; 
	text-transform: uppercase; 
	font-weight: bold;
	border-top: 5px solid #780050;
	padding: 7px .5em 0; }
.widget ul, div.widget ul { 
	margin: 0; 
	border-top: 1px dashed #333; }
.widget ul li, div.widget ul li { 
	line-height: 1.5em; 
        font-size:11px;
	border-bottom: 1px dashed #333;
	text-align: right; 
	overflow: hidden; 
	list-style-type: none;
	padding: .2em .5em; }
.widget ul li, div.widget ul li.twitter-item { text-align: left; padding: .5em; }
div.widget ul li.twitter-item {color:#cccccc;}
.twitter-timestamp, span.twitter-timestamp { color: #444; }
.widget ul li a, div.widget ul li a { float: left; text-align: left; }

/* COMMENTS ----------------------------------------- */
h3#comments, #respond h3 { padding: 5px 0; color: #C3C0BE; border-top: 5px solid #780050; }
h3#comments { margin-top: 2em; }

ol.commentlist { margin: -2em 0 0 0; border-top: 1px dashed #333; list-style-type: none; }
ol.commentlist li { border-bottom: 1px dashed #333; padding: 1em 0 0; }
#comment-author { font-size: .8em; font-style: normal; }
.comment-meta { font-size: .7em; margin: .5em 0 1em; }
img.avatar { float: right; margin: 0 0 .5em; }
img.wp-smiley { float: none; margin: 0; }

/* FORMS ----------------------------------------- */
#content form input, #content form textarea  { 
	font-size: .9em; background: #C3C0BE; color: #333; border: none; padding: 5px; }
#content form input:focus, #content form textarea:focus { background: #fff; }
#content form label small { font-size: .7em; }
#content input#submit { background: #000; color: #780050; 
	padding: 5px; border: none; }
#content input#submit:hover { color: #fff; }

/* CAPTIONS -------------------------------------- */
.wp-caption-text {font-size:0.7em; text-align:center;}