/*  
Theme Name: beyond.brevityTV.com
Theme URI: http://www.brevityTV.com
Description: The beyond.brevityTV.com theme is a custom design for <a href = "http://beyond.brevityTV.com">beyond.brevityTV.com</a>, the community portal for <a href = "http://www.brevityTV.com">brevityTV</a>, and uses Jai Nischal Verma's DailyPress them as a starting point.
Version: 1.0
Author: Deron
Author URI: http://www.screenwriterguy.com
*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, 
q, s, samp, 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 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style:none; text-decoration:none; }
/* remember to define focus styles! */
:focus {outline: 0;	}
ol, ul { list-style: none;	}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;  border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

.roundedCorners{
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
}

.halfRoundedCorners{
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 0 12px 12px 0;
-moz-border-radius: 0 12px 12px 0;
}

/*++++++ BODY ++++++++*/
body {
	line-height: 1;
	color: black;
	background-color: #3c3c3c;
	font-family: "Myriad Pro", "Myriad Web Pro", Verdana, Geneva, Arial, sans-serif;
	}

#buttons {position:absolute; margin-top:8px; margin-left:740px; width:380px;}
#buttons img {border:none; margin-left:-9px; /*for GOOD browsers*/  opacity:.6;}
#buttons a:hover img { /*for IE*/  filter:alpha(opacity=100);  /*for GOOD browsers*/  opacity:1.0;}

#logographic {margin-left:5px;}

#submitbutton{text-align:right; margin-top:5px; margin-right:70px;}

/*++++++ HYPERLINKS ++++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a { color:#017599; font-weight:700;}
a:hover { text-decoration:underline;}
a:visited {color:#017599;}

/*++++++ MAIN ++++++++*/
#wrapper { 
	margin:0 auto; text-align:left;;
	background-color: #8f8e8e;
	width: 1100px;
	background-image: url(images/brevitysleek_bg.jpg);
	background-repeat: repeat-x;
	min-height: 1200px;
	border-left: solid 5px black;
	border-right: solid 5px black;
	padding-bottom:20px;}

#main { width:1100px;margin:auto; }
#left { float: left; width: 780px; margin-left:10px;}
#right { float: right; width: 280px; margin-right:10px;}

/*++++++ HEADER ++++++++*/
#header {width: 1100px; height:103px;}
#logo {width: 370px; float:left;}
#logo h1{ text-indent:-10000px;}

/*++++++ MISC ++++++++*/
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}

/*++++++ DATE POSTED ++++++++*/
.entry p.postinfo span.date_cal {float:right; display:block; width: 67px; height: 95px; margin: 0 4px 15px 0;  background: url('images/calendarbg.png') no-repeat; font-family: "Myriad Pro", "Myriad Web Pro", Verdana, Geneva, Arial, sans-serif; text-align:center; line-height:60px;} 
.entry p.postinfo span.date_cal span.year  {color: #ffffff; font-size:1.4em; top:-20px;  position:relative; width: 67px;} 
.entry p.postinfo span.date_cal span.date  {color: #000000; font-size:4.0em; top:-45px; left:-5px; position:relative; width: 67px; font-weight:900; height: 400px; letter-spacing: -0.1em;}
.entry p.postinfo span.date_cal span.month {color: #ffffff; font-size:1.0em; position:relative; top:-72px; width: 67px; } 


/*++++++ ENTRY ++++++++*/
.entry p.postinfo {font-size:13px; position: absolute; text-align:right; margin-top:20px; width:115px;line-height:110%;}
.entry p.postinfo span.category {padding-left:20px; }
.entry p.postinfo span.comment {padding-left:20px; font-weight:500; font-size:16px; }


#content { }
.entry { width: 550px; line-height:110%; margin-bottom:20px;}
.entry p { padding-bottom:10px;}
.entry h2 { font-weight:bold; font-size:1.6em; font-family: "Myriad Pro", "Myriad Web Pro", Verdana, Geneva, Arial, sans-serif; color:#333; padding:5px 0 5px 0; text-transform: uppercase; line-height:133%; margin-bottom:20px;}
.entry h2 a { color:#000; }
.entry h3 {font-size: 1.3em; font-weight: bold; }
.entry img {margin:0 10px 10px 10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }

.box{width:780px;border: solid 5px #000000; margin-bottom:10px;background-image: url(images/brevitysleek_bg.jpg); background-color: #3c3c3c;}
.boxright {float:right;width:660px; background-color: #e3e3e3; border-left: solid 1px #000000;}
.post {padding:10px;}


.navigation { width: 550px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }


/*++++++ SIDEBAR ++++++++*/
#sads { width:265px; font-size:12px; text-transform:uppercase; text-align:right; background:#eeedea; border:1px solid #d6d4cd; padding:5px; margin-bottom:10px; border: solid 1px #999999;}
#sads ul {}
#sads ul li { float:left; ;margin-bottom:3px; margin-right:3px; border: 2px #333333 solid;}
#sads p { margin-top:5px;}
#sads a { color:#5e5d5a;}

#sads img { /*for IE*/  filter:alpha(opacity=60);  /*for GOOD browsers*/  opacity:.6;}
#sads a:hover img { /*for IE*/  filter:alpha(opacity=100);  /*for GOOD browsers*/  opacity:1.0;}


#sidebar { width:400px; padding-left:10px;}
#sidebar h2 { font-size:20px; margin-top:20px; padding-bottom:5px;color: #000000; text-transform:uppercase; font-family: "Myriad Pro", "Myriad Web Pro", Verdana, Geneva, Arial, sans-serif;font-weight:600; text-decoration:underline;}
#sidebar ul{margin-top:3px;}
#sidebar ul li{margin-top:3px;}
#sidebar ul li a {color:#fff;}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block;  padding-left:18px; margin-bottom:4px; font-size:12px; 
    color:#ffffff; font-size:1.0em; line-height:100%; font-weight:400; width:220px;}
#sidebar ul li ul li a{color:#ffffff; font-weight:300;}

.sleft { float:left; width:255px; padding-right:10px; }


/*+++++++ COMMENTS +++++++*/
#c { float:left; width:250px;}
#cc { float:right; width:520px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; background red }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; background blue }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; background purple}
#commentform #comment { border:3px solid #000000; height:200px; width:480px; background:#f5f5f3; padding:10px; margin-top:-60px;}
#commentform #submit {text-align:center; margin-bottom:20px;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { font-size:12px;}
.postmetadata { background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}
.ccomment { width: 790px; line-height:140%; margin-bottom:20px;}
.ccomment ol {}
.ccomment ol li { background:#e7e5de; padding: 10px; margin-bottom:15px; border: solid 5px black;}
.ccomment ol li.alt { background:#efeee8; padding:10px; margin-bottom:15px; border: solid 5px black;}

/*++++++ FOOTER ++++++++*/
#footer { width:100%; background:#23282d; height:35px; line-height:35px;}
.footer { width:1000px; margin:auto; color:#fff; background:url(images/logofoo.gif) no-repeat right;}
.footer a { color:#e7e5de;}
.footer a:hover { color:#99cc33;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #666; font-family: times, courier, serif;}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed; font-family: serif;}
code {font-size:1.0em;color: #000}
embed {margin-bottom:20px;}



/*++++++ SOCIABLE plug0in ++++++++*/
div.sociable { margin-top:20px; margin-bottom:20px; background-color: #cccccc; border: solid 1px #333333; padding: 2px; text-align: center;}
span.sociable_tagline { position: relative;}
span.sociable_tagline span { display: none; width: 14em; text-align:left;}
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;

}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;

}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	margin-top:4px;
	padding: px;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}