@charset "UTF-8";
@import url('admin.css');
@font-face {
	font-family: 'Avenir85Heavy';
	src: url('avenirheavy.eot');
	src: local('Avenir'), local('Avenir-Heavy'), url('avenirheavy.woff') format('woff'), url('avenirheavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir45BookOblique';
	src: url('avenirbookoblique.eot');
	src: local('Avenir'), local('Avenir-BookOblique'), url('avenirbookoblique.woff') format('woff'), url('avenirbookoblique.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir45Book';
	src: url('avenirbook.eot');
	src: local('Avenir'), local('Avenir-Book'), url('avenirbook.woff') format('woff'), url('avenirbook.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir95Black';
	src: url('avenirblack.eot');
	src: local('Avenir'), local('Avenir-Black'), url('avenirblack.woff') format('woff'), url('avenirblack.ttf') format('truetype');
}

html { color: #000; background: #FFF; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, * { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
legend { color: #000; }

body {height: 100%;width:100%; padding: 0; margin:0; font-family: 'TW Cen MT','Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; background-color:black;}
img#bg {position:absolute;top:0;left:0;width:2000px;height:1600px;}

#wrapper { margin: 0 auto; width: auto; min-width: 740px; position:relative;z-index:1;}

#main { margin: 0; }
#footer { padding: 10px 20px; margin:20px 0px; color: #999; }
#col1 { float: left; width: 100px; margin: 0 15px; }
#col2 { float: right; width: 275px; margin: 0 15px; padding:15px 0;}
#col3 { width: auto; margin: 0 310px 0 140px; padding:15px 0;}
/*.col_background {  background: #000000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;  }*/
.col_background { background: url('../images/ui/backgrounds/haze.png') repeat;}
#col1_content { padding: 0 10px 0 0; }
#col2_content { padding: 0 20px 0 10px; }
#col3_content { padding: 0 10px; }
.clear { clear:both; }
.smallestTag { font-size: 10px; }
.smallerTag { font-size: 11px; }
.smallTag { font-size: 12px; }
.mediumTag { font-size: 13px; }
.largeTag { font-size: 14px; }
.largerTag { font-size: 18px; }
.largestTag { font-size: 18px; }
A, A:link { font-weight: bold; text-decoration: none; color: #fff; }
A:visited, A:active { font-weight: bold; text-decoration: none; color: #ddd; }
A:hover { text-decoration: underline; }
.commentViewBoxStyle { padding: 10px 20px; font-size: .8em; }
.commentViewLabelStyle { font-weight: bold; }
.commentViewBoxStyle input { font-size: 1em; color: #000; background: #fafafa; border: solid 2px #f1f1f1; height: 24px; }
.commentViewBoxStyle textarea { font-size: 1em; color: #000; background: #fafafa; border: solid 2px #f1f1f1; }

.entry { padding: 10px 20px; }
.entry h2 { font-size: 2.0em; margin: -1em 0 3px 0; color:#fff;line-height:normal; font-weight: normal;}
.entry h2 a { text-decoration: none; color:#fff;}
.entry h2 a:hover { text-decoration: none; color:#fff;}
.entry h3 { margin: 5px 0 0 0; font-size: 4em; color: #999; font-weight:bold; }
.entryBody { text-align: justify; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: 0.2px; line-height: 1.5em; }
.entry img { margin: 0 7px 0 0; padding: 5px; border: 1px solid #ccc; }
.entry pre { margin: 7px 0; padding: 5px; border: 1px dotted #ccc; background-color: #f1f1f1; width: 99%; overflow: auto; }
.entryFooter { color: #eee; position:relative; margin:10px 0 0 0; height:4em;}
.entryFooter .footerContent { position:relative; bottom:-5px; left:0; text-align:right;}
.entryFooter .categories { font-size:3em; position:absolute; bottom:5px; left:0;}
.entryFooter .categories a { color:#999; }

.searchContainerStyle { position: relative; z-index: 100; margin:0 0 20px 0; }
.searchTextBoxStyle { width: 170px; font-size: 2em; background:#fff; color: #ccc; border: none; float: left; padding:4px; height:45px;}
.searchButtonStyle { width: 90px; font-size: 2em; color: #000; background: #fff; border: none; padding:4px; height:53px;}

.sideSection { margin: 0; position: relative; }
.sideSection p { margin: -2em 0 0 0; }
.sideSection .top { margin:0; }
.sideSection h3 { margin:40px 0 0 0; font-size: 3em; color: #666; text-align: right; font-weight:bold; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;  }

/* Comments. */
.commentBoxStyle blockquote[cite]:after { content: "Quote from: " attr(cite); display: block; border-top: 1px solid #ccc; color: #999; margin: 1em 0 0; padding: .5em 0 0; font-size: .8em; font-weight: bold; }
.commentBoxStyle blockquote { font-style: italic; background: #eee; margin: 5px; padding: .5em; margin-top: 0px; }
.commentBoxStyle { clear: both; background: #fafafa; padding: 0.5em; border-top: 3px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; }
.commentBoxAuthorStyle { background: #F1F1F1; border-top: 3px solid #CCC; border-bottom: 2px solid #CCC; }
.commentGravatar { background: #FFF; border: 1px solid #979797; }
.commentDateStyle { margin-bottom: 0.5em; margin-bottom: 0.3em; font-weight: bold; }
.commentDateStyle, .commentLinkStyle { background: transparent url(../images/comment-icon.gif) no-repeat scroll left center; padding-left: 17px; }
/* TODO: remove this on new DasBlog Rev */
.commentBodyStyle, .commentBodyAuthorStyle { float: right; width: 89%; margin-top: 0.5em; font-size: 1.1em; text-align: justify; margin-right: 0.5em; }
.commentSpamStateStyle { padding-top: 1em; padding-bottom: 0; font-size: 0.9em; font-weight: bold; }
.commentBoxFooterStyle { margin-top: 1.2em; margin-left: 0.5em; margin-right: 0.5em; }
.commentPermalinkStyle { padding-top: 0.5em; font-size: 1.1em; font-weight: bold; clear: right; display: block; }
.commentViewTableStyle td { white-space: normal; }
.commentViewTableStyle td div { width: 100% !important; }
.commentViewTableStyle td p, .commentViewTableStyle td ul { margin-top: 0; }