/*  -----|  Globals  |------------------------------------------------------  */

body { 
	background-repeat: no-repeat; 
	background-position: center top;
	background-attachment: fixed; 
	background-image: url(./images/rotate-bak/rotate.php); 
	background-color: #161410;
	color: #999;
	font: 62.5%/125% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

/* hr { display: none; } */

hr {
	background-color: #22201d;
	border: 1px solid #363430;
	height: 10px;
	margin: 10px;
	width: 840px;
	display: block; 
	}

hl {
	background-color: #22201d;
	border: 1px solid #363430;
	height: 10px;
	margin: 10px 0px;
	width: 200px;
	}
	
a:link, a:active { word-break: keep-all; word-wrap: normal; text-overflow: clip; line-height: 1.2em; font-size: 1em; color: #9c9890; text-decoration: none; }
a:visited { font-size: 1em; color: #9c9890 !important; }

a:hover { font-size: 1em; color: #d2a45b !important; }

ul { list-style: none; }

li { font-family: serif; line-height: 12px; font-size: 12px; list-style: none; }

input, textarea {
	color: #9c9890;
	font-size: 11px; 
	text-decoration: none; 
	background-color: #161410; 
	border: 1px solid #363430;
	padding: 5px;
	}
	
blockquote {
	font-style: italic;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 11px;
	border-bottom-color: #35302a;
	border-top-color: #35302a;
	border-bottom-width: 3px;
	border-top-width: 2px;
	margin-right: 25px;
	padding-right: 10px;
	border-right-style: none;
	border-left-style: none;
	margin-left: 25px;
	line-height: 8px !important;
	padding-left: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	background: #1b1814;
}

table { width: 100%; border-collapse: collapse; }
	th { border-bottom: 1px solid #35302a; text-align: left; }

pre {
	padding: 5px 0;
	border-top: 1px dotted #35302a;
	border-bottom: 1px dotted #35302a;
}

img { border: 0px; }

iframe { background-color: white; }



/*  -----|  Structure  |----------------------------------------------------  */
	
#page {
	background-color: none;
	margin: 5px auto 25px;
	padding: 0;
	width: 860px;
	}

#pagewide {
	background-color: none;
	margin: 5px auto 25px;
	padding: 0;
	width: 975px;
	}

	
#header {
	text-align: center;
	}

#headerwide {
	text-align: center;
	}

#wrapper, #headerimg { width: 860px; }
#wrapper { background: url('images/content_bkg.gif') repeat-y top left;}

.image {
	max-width: 500px;
	background: #22201d url(images/image_left.png);
	border: 1px solid #363430;
	height: 149px;
	width: 372px;	
	}
	
	.bkgleft { background: url(images/image_left.jpg); float: left; }
	.bkgright { background: url(images/image_right.jpg); float: right; }
	
#footer {
	font-family: Georgia, 'Times New Roman', serif; 
	color: #999;
	}
	
#content, #sidebar { 
	border-left: 1px solid #363430;
	border-right: 1px solid #363430;
	padding: 0 10px;
	overflow:hidden; /* So IE won't break things */
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	display: inline; /* fixes a strange ie margin bug */

	}
	
	#content { word-wrap: normal; font-size: 10.2px; float: left; width: 517px; display: inline; }
	#content h2 { margin: 0 0 10px; }
	#content p { border-bottom-width: 50px; border-bottom-style: none; padding-left: 0px; padding-bottom: 3px; padding-right: 0px; padding-top: 5px; line-height: 1.8em; }
	
	#sidebar { border-left: 0; float: right; width: 300px; display: inline; }
	#twitter-sidebar { border-left: 0; float: right; width: 195px  !important; display: inline;}

	#sidebar ul, #twitter-sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; }
	#sidebar h3, #twitter-sidebar h3 { font-style: normal; font-weight: normal; font-size: small; color: #ac864a; margin: 15px 0 5px; font-variant: small-caps; }
	#sidebar li, #twitter-sidebar li { font-size: small; display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
	#sidebar li:hover, #twitter-sidebar li:hover { background: #363430; }
	

#contentb, #sidebarb { 
	border-left: 1px solid #363430;
	border-right: 1px solid #363430;
	padding: 0 10px;
	overflow:hidden; /* So IE won't break things */
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	display: inline; /* fixes a strange ie margin bug */
	}
	
	#contentb { float: left; font-size: 1.1em; width: 840px; display: inline; }
	#contentb h2 { margin: 0 0 10px; }
	#contentb p { line-height: 1.5em; }


		
		
#searchform { padding-left: 12px; padding-bottom: 4px; padding-top: 4px; background: #22201d; text-align: left; }
	#s { max-width: 262px; width: 262px; }
	
.goleft { float: left; }
.goright { float: right; }

ul.navigation { 
	border-top: 1px solid #363430; 
	border-bottom: 1px solid #363430; 
	}
	
	ul.navigation li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
	ul.navigation li p { padding-right: 0px; padding-left: 0px; padding-bottom: 4px; padding-top: 4px; display: block; background: #22201d; margin: 1px 0; }
	ul.navigation li:hover { background: #363430; }


/*  -----|   Post Structure |---------------------------------------------------  */

.post { padding: 10px 0 0; }
	.widecolumn .post { padding: 0; margin: 0; }
	
.top { border-top-color: #35302a; border-bottom-color: #35302a; border-top-width: 0px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; padding-top: 8px; background: #1b1814; margin-bottom: 15px; }
.summary { width: 860px; text-align: center; padding-left: 10px; padding-bottom: 0px; padding-right: 10px; padding-top: 0px; background: #1b1814; margin-bottom: 15px; border-bottom: 3px solid #35302a; }
.lastfive { padding-left: 10px; padding-right: 10px; }
	.postmetadata { margin: 3px 0; padding: 0; }
	.postmetadata a { font-weight: bold; }
		#sidebar .postmetadata { line-height: 1.5em; }
	.continue { min-width: 440px; border-right-width: 10px; margin-top: 1px; border-top-style: none; font-style: italic; font-family: Georgia; margin-bottom: 40px; z-index: auto; float: left; display: inline; border-right-color: #910101; border-right-style: solid; border-left-color: #910101; border-left-style: solid; border-left-width: 10px; padding-left: 20px; word-spacing: 0px; text-overflow: ellipsis; text-align: center; position: static; visibility: visible; padding-bottom: 10px; padding-right: 20px; padding-top: 10px; word-break: break-strict; height: auto; background-color: #24221e; line-height: 12px; font-size: 11px; }
	
	.top .entry { font-size: 1.1em; }
	.entrytext { padding: 0 10px 0; line-height: 1.8em; font-size: 1.1em; }
	
	.entrytext h2 { border-bottom: 1px solid #bd934f; display: block; }
	.entrytext ul { list-style-type: square; }


/*  -----|   Comments Structure |---------------------------------------------------  */

.comments { padding: 10px; margin-top: 15px; background: #1b1814; border-top: 1px solid #35302a; position: relative; }
	#commentform p { float: left; margin: 0 10px 10px 0; }
	
.commentlist { background: #1b1814; list-style: none; margin: 0; padding: 0; }
	.commentlist li { border-top-color: #333333; border-top-width: 1px; border-top-style: solid; margin-right: 25px; margin-left: 25px; border-bottom-color: #333333; border-bottom-width: 2px; border-bottom-style: solid; padding-left: 10px; padding-bottom: 0; padding-right: 5px; padding-top: 3px; background: #211e1a; margin-top: 10px; }
	.commentlist li p { padding: 5px 10px 0; margin: 0; }
	.commentlist li p.commentmetadata { border-bottom: 1px solid #35302a; background: #211e1a; padding: 5px 10px; margin-top: 10px; }

.comments2 { padding: 10px; margin-top: 15px; background: #1b1814; border-top: 1px solid #35302a; position: relative; }
	#commentform2 p { float: left; margin: 0 0px 0px 0; }
	
.commentlist2 { background: #1b1814; list-style: none; margin: 0; padding: 0; }
	.commentlist2 li { background: #161410; margin-top: 10px; padding: 5px 0 0; }
	.commentlist2 li p { padding: 5px 10px 0; margin: 0; }
	.commentlist2 li p.commentmetadata { border-bottom: 1px solid #35302a; background: #181612; padding: 5px 10px; margin-top: 10px; }
	
ul.archive { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; }	

ul.archive li { display: inline; }


/*  -----|  Typography  |---------------------------------------------------  */


h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Times New Roman', serif; font-weight: normal; }

h1 { color: #fff; font-size: 2em; margin: 0 0 8px; }
h1:before, h1:after { content: " . . "; color: #444; }
h1 span { color: #ac864a; }

h2 { padding-left: 0; padding-bottom: 0px; padding-right: 0; padding-top: 1px; color: #ac864a; font-size: medium; margin: 0; display: inline; border-bottom: 1px solid #35302a; }
	.post h2 a { font-size: 1.9em; text-decoration: none; line-height: 1em; word-break: loose; font-size: large; color: #ac864a; }
	.post h2 a:hover { font-size: 1.9em; text-decoration: none; line-height: 1em; word-break: loose; font-size: large; color: #d7a85d; }
	.post h2.first { line-height: normal; font-size: 1.9em; }
	
	.post h2.first:hover { color: #d2a45b; line-height: normal; font-size: 1.9em; }
	
	.widecolumn h2.title { 
		display: block; 
		padding: 13px 10px;
		background: #1b1814;
		margin: 0 0 15px; 
		border-bottom: 1px solid #35302a; 
		font-size: 1.75em; }

.description { color: #666; font-weight: bold; }

.comments h3 { text-transform: capitalize; margin-left: 0px; margin-bottom: 10px; margin-right: 35px; margin-top: 0; color: #ac864a; }

.textp { font-style: normal; font-size: 9px; color: #666; font-weight: normal; }

h4 { margin: 0px; padding: 0px; color: #9c9890; line-height: 5px; font-size: 10px; }
	.reply comment-login {line-height: 5px; font-size: 10px;}




/*  -----|  monitweeter  |------------------------------------------------  */


.tweet {
margin-bottom: 2px;
margin-top: 2px;
padding-bottom: 2px;
padding-top: 2px;
display: block;
clear: both;
background: #22201d;
overflow: hidden;
}

.tweet img {
border-style: solid;
border-color: #222222;
float: left;
margin-right: 0.4em;
/* background: #444; */ 
}

.tweet p.text {
padding-bottom: 0px;
padding-right: 3px;
padding-top: 0;
margin: 3px;
padding-left: 27px;
}

.monitter  {
margin-bottom: 1px;
margin-top: 1px;
float: left;
width: 300px;
height: 199px;
border: 0px solid #33332A;
background: #161410; 
overflow:hidden;
}


/*  -----|  Miscellaneous  |------------------------------------------------  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*  -----|  Sociable  |------------------------------------------------  */

div.sociable { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 65px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; }

span.sociable_tagline { height: 50px; position: relative; }
span.sociable_tagline span { display: none; width: 500px; }
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 {
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	display: inline;
	margin: 0 !important; !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* -------------------- mojo pages ---------------------- */

#mpMedRectContainer {
	border-bottom-color: #35302a;
	border-top-color: #35302a;
	border-left-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-top-width: 1px;
	padding: 5px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	font-size: 9px;
	line-height: normal;
}

.mpWidget a {
	border: none; text-decoration: none;
}

.mpWidget .mpAttribution {
	color: #363430;
	font-size: 8px;
	position: absolute;
	right: 5px;
	bottom: 4px;
	text-align: right;
}

.mpWidget .mpAttribution .by_mojopages, .mpWidget .mpHeaderContainer .by_mojopages{
	font-weight: bold;	
}

.mpWidget .mpTitleContainer {
}

.mpWidget .mpHeaderContainer {
	padding-bottom: 3px;
	text-align: center;
	font-size: 1.2em;
	line-height: 25px;
	overflow: hidden;
}

.mpWidget .mpHeaderLogo {
	float: left;
	margin-left: 5px;
}

.mpWidget .mpSearchContainer {
	padding: 0px;
	line-height: 15px;
}

.mpWidget .mpSearchRight {
	float: right;
	width: 145px;
}

.mpWidget .mpSearchLeft {
	float: left;
	width: 125px;
}

.mpWidget .mpSearchLabelColumn {
	padding: 0px 3px 0px 0px;
	display: inline;
}

.mpWidget .mpSearchColumn {
	margin-left: 5px;
	margin-right: 0px;
	display: inline;
}

.mpWidget .mpSearchColumn input{
	border-width: 1px;
	padding-left: 2px;
}

.mpWidget .mpSearchColumn img {
	float: right;
	display: inline;
}
.mpWidget #mpSearchBusiness {
	width: 60px;
}
.mpWidget #mpSearchLocation {
	width: 92px;
}
.mpWidget .mpSearchButton {
	padding-left: 5px;
	padding-top: 3px;
	float: right;
	position: absolute;
	
	/* IE fixes: */
	display: inline;
	width: 15px;
}

.mpWidget .mpSearchInputPreClick {
	color: #999999;
	font-style: italic;
	font-size: 8pt;
	border-top: 1px solid #000;
}

.mpWidget .mpSearchInput {
	color: #9c9890;
	font-size: 8pt;
	border-top: 1px solid #000;
}
.mpWidget .mpCategoriesColumnContainer {
	padding-top: 18px;
	display: block;
	width: 100%;
	height: 75%;
	overflow: hidden;
	
}
.mpWidget .mpCategoriesColumn {
	line-height: 13px;
	padding-left: 0px;
	float: left;
	width: 47%;
	font-size: 11px;
}

.mpWidget .mpCategoriesColumn span {
	display: block;
	width: 100px;
}

/************** AH 10.12.09 - fix for variable column width due to long category names wrapping to 2 lines.  
All new widget code will use this setup, existing code will remain the same ***/
.mpWidget .mpCategoriesColumnLeft {
	line-height: 13.5px;
	float: left;
	font-size: 11px;
	width: 135px;
}
.mpWidget .mpCategoriesColumnRight {
	line-height: 13px;
	float: right;
	font-size: 11px;
	width: 145px;
}
.mpWidget .mpCategoriesColumnText {
	text-align: left;
	padding-left: 15px;
}
.mpWidget .mpCategoriesColumnLeft span, .mpWidget .mpCategoriesColumnRight span {
	display: block;
	width: auto;
}

#similarpost {
	border-top-color: #35302a;
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 3px;
	padding-top: 5px;
	background-color: #1b1815;
	list-style-type: none;
	float: none;
	padding-right: 50px;
	border-bottom-color: #35302a;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	text-transform: capitalize !important;
	padding-left: 25px;
}
#similarpost a {

	line-height: 14px;

	font-size: 12px;

}
#similarpost a:hover {

	font-size: 13px;

	text-overflow: clip;

	color: #d2a45b;

}