/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 
background-color: #ffffff;
 color: grey;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}

#rap {
width:801px; 
background-color: #ffffff;
border-left: 0px solid gray;
border-right: 0px solid gray;
border-top: 0px solid gray;
border-bottom: 0px solid gray;
margin-left: 200px;
}
body, td, th {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}

#container {
 width: 800px;
  margin: 0px auto;
 background: #ffffff;
 border-left: 0px solid #f3782a;
 border-right: 0px solid #f3782a;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: .75em;
 text-align: left; /* IE hack Part 2 */
 border-top: 0px solid #f3782a;
 border-bottom: 0px solid #f3782a;
}
#container2 {
 width: 777px;
 height: ;
 margin: 0px auto;
 background: #ffffff ;
 border-left: 0px solid #f3782a;
 border-right: 0px solid #f3782a;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: .75em;
 text-align: left; /* IE hack Part 2 */
 border-top: 0px solid #f3782a;
 border-bottom: 0px solid #f3782a;
}

img {border: none !important;}

.comicdropdown
{
width: 154px;
}

.inside {

border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
background-color: ;

}

.inside2 {


border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
background: url(http://unconsciousink.com/images/main/background.png);
color: #000000;
}
.thrColElsHdr #sidebar1 {
	float: left; 
	width: 17em; /* since this element is floated, a width must be given */
	height: 80em;
	background: ; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0; /* top and bottom padding create visual space within this div */
}
.thrColElsHdr #sidebar2 {
	float: right; 
	width: 11em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 5px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 5px;
}


.thrColElsHdr #mainContent {
margin:-25pt 2em 0pt 17em;
}
.thrColElsHdr #blogContent {
margin: -25pt 2em 0pt 17em;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {
background-color:#ffffff !important;;

clear:both;
color:#C1C1C1;
font-family:"Verdana",sans-serif;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-align:center;
z-index:100;
}

 #header { 
	background: #ffffff; 
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#textbox {
padding: 5px;
}
#textleft {
width: 250px;
float: left;
background-color:#ececec;
border:0px solid #555A60;
font-family:"Verdana",sans-serif;
font-size:9px;
margin:20px 10px 50px 25px;
padding:10px;
text-align: left;
}
#textright {
width: 250px;
float: left;
background-color:#ffffff;
border:0px solid #555A60;
font-family:"Verdana",sans-serif;
font-size:9px;
margin:75px 10px 20px 8px;
padding:10px;
text-align:right;
}
#artistlinks {
width: 250px;
float: left;
background-color:#f2f2f2;
border:0px solid #555A60;
font-family:"Verdana",sans-serif;
font-size:9px;
margin:75px 10px 20px 8px;
padding:10px;
text-align:center;
}
#tnplinks {
width: 130px;
float: left;
background-color:#ececec;
border:0px solid #555A60;
font-family:"Verdana",sans-serif;
font-size:9px;
margin:30px 110px 20px 25px;
padding:10px;
text-align: left;
}
#mylinks {
width: 60px;
float: left;
background-color:#f0f0f0;
border:0px solid #555A60;
font-family:"Verdana",sans-serif;
font-size:9px;
margin:200px 0px 20px -130px;
padding:10px;
text-align: left;
}
#linkme {
width: 470px;
float: left;
background-color:#f5f5f5;
border:0px solid #555A60;
font-family:"Verdana",sans-serif;
font-size:9px;
margin:20px 10px 50px 25px;
padding:10px;
text-align: left;
}
a:link {color: #888888; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; }

#menubar {
	width: 960px;
	height: 25px;
	margin: 0 auto;
	background: #ffffff;
text-align:center;
	}
  
#menu {
	color: #999;
	font-size: 12px;
	text-transform: lowercase;
	}

	#menu ul {
		margin: 0;		
		padding: 0;
		list-style: none;	
		}

	#menu li {
 		margin: 0;
 		padding: 0;
 		float: right;
		}

	#menu li a {
		height: 25px;
		padding: 0 5px 0 5px;
		display: block;
		text-align: center;
		color: #aaa;
		line-height: 25px;
		text-decoration: none;
		border-width: 0 0px 0 0;
		border-style: solid;
		border-color: #aaa;
		}

	#menu li a:hover {
		color: #000;
		background: #fff;
		}