/*

Theme Name: ethno-digi2
Theme URI: http://www.21trillion.com/
Description: ethno-digital triangulation By 21X
Version: 2.0.8
Author: Owen Hoskins + M.J. Zilla + Anthony Bryant + Nathan Cowen
Author URI: http://www.21trillion.com

*/

/* ---------->>> RESET CSS <<<------------------------------------------------------------*/
html { }

body,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: 11px Verdana, Geneva, sans-serif;
	padding: 3px 2px;
	color: #333;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}

legend { color: #000; }

body
{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
}

table
{
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt
{
	font-family: monospace;
	*font-size: 1em;
	line-height: 100%;
}

/* ---------->>> SPLASH PAGE <<<----------------------------------------------------------*/
#splash_header
{
	position: fixed;
	width: 100%;
	z-index: 1021;
	top: 0px;
	left: 0px;
	text-align: center;
	padding: 15px;
}

#splash_flag
{
	position: fixed;
	z-index: 1023;
	bottom: 10px;
	left: 10px;
}

#splash_stamp
{
	position: fixed;
	z-index: 1024;
	bottom: 10px;
	right: 10px;
}

#splash_links
{
	position: fixed;
	width: 100%;
	height: 124px;
	z-index: 1022;
	bottom: 15px;
	left: 0px;
	text-align: center;
	padding-top: 50px;
	background-image: url(http://www.21maroons.com/img/link_structure.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#splash_links ul { padding: 24px 0 30px 0; }
#splash_links li { margin: 10px; }

#21bizarre
{
	position: relative;
	padding: 50px 0 5px 0;
}

#21mc
{
	position: relative;
	display: block;
	padding: 5px 0 30px 0;
}

#canvas
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
}

/* ---------->>> GENERAL <<<--------------------------------------------------------------*/

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


html
{
	overflow-x: hidden; 
	overflow-y: auto;
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	font-family: courier, monospace;
	font-size: 10px;
	background-color: #fff;
	background-image: url('background/rotator.php');
	height: 100%;
	margin: 0;
	padding: 0;
	
}

.wrap {
	height: 100%;
	margin: 0;
	padding: 0;
}

img { 
	border: none;
	margin: 0;
	padding: 0; 
}

a:link, a:visited
{
	text-decoration: none;
	color: #FF452B;
	border: none;
}

a:hover {
	color: #ffc700; }
a:link img, a:visited img, a:hover img 
{ 
	border: none; }

.smallcaps
{
	font-size: 9px;
	text-transform: uppercase;
	line-height: 12px;
}

/* ---------->>> MASTHEAD <<<------------------------------------------------------------*/
#masthead{
	width: 100%;
	height: 76px;
	background-color: transparent;
	margin: 0;
}


#menu
{
	border-top: 5px solid #FF452B;
	background-color: #fff;
	margin-top: 5px;
	padding: 5px;
	overflow: hidden;
	height: 26px;
	width: 100%;
}

#options
{
	height: 28px;
	margin: 0;
	padding: 0;
	float: left;
}


#hidmidz
{
	height: 28px;
	margin-right: 65px;
	padding: 0;
	float: right;
}

/* ---------->>> Hidmidz <<<------------------------------------------------------------*/

#id1
{
	padding: 2px;
	position: relative;
	display: inline;
	width: 52px;
	height: 26px;
}

#id2
{
	padding: 2px;
	position: relative;
	display: inline;
	top: 0px;
	width: 52px;
	height: 26px;
}

#id3
{
	padding: 2px;
	position: relative;
	display: inline;
	width: 52px;
	height: 26px;
}

#id4
{
	padding: 2px;
	position: relative;
	display: inline;
	width: 52px;
	height: 26px;
}

#id5
{
	padding: 2px;
	position: relative;
	display: inline;
	width: 52px;
	height: 26px;
}

#id6
{
	padding: 2px;
	position: relative;
	display: inline;
	width: 52px;
	height: 26px;
	margin: 0;
}

#id7
{
	padding: 2px;
	position: relative;
	display: inline;
	width: 52px;
	height: 26px;
	margin: 0;
}


/* ---------->>> MAIN CONTENT <<<-----------------------------------------------------------*/
#maincontent
{
	position: relative;
	background-color: transparent;
	text-align: left;
	margin: 0;
	margin-top: 10px;
	overflow: visible;
	clear: both;
	padding-bottom: 26; /* must be same height as the footer */
}

#info{
	position: absolute;
	top: 0px;
	left: 8px;
	padding: 8px;
	background-color: #fff;
}

#info.slimCol
{
	border-top: 5px solid #2E52A7;
	width: 605px;
	padding: 8px;
}

#info.wideCol
{
	border-top: 5px solid #FFC700;
	width: 889px;
	padding: 8px;
}

input{
	font-family: courier, monospace;
	font-size: 10px;
}

form
{
	display: inline;
	margin: 0;
	padding: 0;
}

#close
{
	position: absolute;
	right: 8px;
	top: 8px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* ---------->>> POST STYLES <<<-----------------------------------------------------------*/
.post
{
	margin: 4px 0 8px 0;
	position: relative;
	float: left;
	padding: 0;
}

.post .posttitle
{
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
	font-size: 10px;
	margin: 0;
	padding: 5px 0 4px 2px;
}

.post .posttitle a:link, .post .posttitle a:visited { color: #000; }
.post .posttitle a:hover { color: #000; }

.post .posttitle span
{
	color: #000;
	margin: 0 0 0 5px;
}

.post p
{
	margin: 0;
	padding: 5px 0 0px 2px;
	font-size: 10px;
	line-height: 14px;
	color: #000;
}

.post .postinfo
{
	margin: 0;
	color: #000;
	padding: 5px 0 0px 2px;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 12px;
}

.post .postinfo a:link, .post .postinfo a:visited { color: #000; }
.post .postinfo a:hover { color: #000; }

.post ul, .post ol, .post blockquote
{
	margin: 0;
	padding: 10px 0 5px 30px;
}

.post ul { list-style: circle; }
.post ol { list-style: lower-latin; }
.post ul li, .post ol li { margin: 0 0 0 20px; }

.post blockquote p
{
	border: 1px solid #BBB;
	margin: 0;
	padding: 10px 10px 10px 10px;
	font-style: italic;
	background-color: #000;
}

.post img
{
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

.post h1, .post h2, .post h3, .post h4
{
	text-transform: capitalize;
	text-decoration: underline;
	font-size: 10px;
	color: #000;
	margin: 0; /*padding:10px 0 5px 20px;*/
}

.post h1 { color: #ff0000; }
.post h2 { color: #3BB920; }
.post h3 { color: #792c8e; }
.post h4 { color: #FFc700; }
.post h5 { color: #C3E9EC; }

#tag
{
	position: absolute;
	right: 120px;
	bottom: 50px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.post textarea { width: 99%; }


/* ---------->>> COMMENT STYLES <<<-----------------------------------------------------------*/

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 10px courier, monospace; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* ---------->>> SIDEBAR 1 LEFT <<<------------------------------------------------------------*/
#sidebar_left
{
	width: 270px;
	position: absolute;
	top: 140px;
	left: 637px;
}

#tweets
{
	padding: 8px;
	border-top: 5px solid #C3E9EC;
	width: 260px;
	position: relative;
	top: -140px;
	background-color: #FFF;
}


#contact
{
	padding: 8px;
	border-top: 5px solid #B4D77E;
	width: 260px;
	position: relative;
	top: -140px;
	margin-top: 8px;
	background-color: #FFF;
}

#press
{
	padding: 8px;
	border-top: 5px solid #FFC700;
	width: 260px;
	position: relative;
	top: -140px;
	margin-top: 8px;
	background-color: #FFF;
}

/* ---------->>> SIDEBAR 1 RIGHT <<<------------------------------------------------------------*/
#sidebar_right
{
	width: 270px;
	position: absolute;
	top: 140px;
	left: 921px;

}

#account
{
	padding: 8px;
	border-top: 5px solid #3BB920;
	width: 260px;
	position: relative;
	top: -140px;
	background-color: #FFF;
}

#about
{
	padding: 8px;
	border-top: 5px solid #792C8E;
	width: 260px;
	position: relative;
	top: -140px;
	margin-top: 8px;
	background-color: #FFF;
}


#links
{
	padding: 8px;
	border-top: 5px solid #FF452B;
	width: 260px;
	position: relative;
	top: -140px;
	margin-top: 8px;
	background-color: #FFF;
}

/* ---------->>> SIDEBAR 2 <<<------------------------------------------------------------*/
#sidebar2
{
	width: 270px;
	position: absolute;
	top: 140px;
	left: 921px;
}

/* ---------->>> FOOTER <<<---------------------------------------------------------------*/
#footer {
	position: relative;
	margin-top: -26px; /* negative value of footer height */
	height: 26px;
	clear: both;
	width: 100%;
	padding: 12px;
	text-align: left;
	background-color: #fff;
	border-top: 5px solid #FF452B;
}

#footer p{
	font-size: 8px;
	line-height: 20px;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#footer p a:link, #footer p a:visited { color: #FF0000; }
#footer p a:hover { color: #000; }

#nav
{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

ul.nav
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

ul.nav li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

ul.nav li:after { content: " / "; }

/* ---------->>> CLEAR FIX <<<------------------------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* ---------->>> HIDES FROM IE-MAC <<<----------------------------------------------------*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }