/****************************************************
*****************************************************
ALL YOUR TERRABLOGS ARE BELONG TO US.
*****************************************************
****************************************************/

/***********************************
		***BASICS***
***********************************/

html, body {
   margin: 0;
   padding: 0;
}

body {
	background: #FFF;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 100%;
	color: #1F1F1F;
}

img {
	border: none;
}

#container {
    position: relative;
    top: 0;
    left: 0;
	width: 950px;
	margin: 20px auto;
	background-color: white;
}

a {text-decoration: none;}
a:link {color: #1F1F1F;}
a:visited {color: #00ADEF;}
a:active {color: #00ADEF;}
a:hover {color: #00ADEF;}

h1, h2, h3, h4, h5 {
	color: #d2d2d2; 
	text-transform: lowercase;
	margin: 0;
}

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

form,
script {
        padding: 0;
	margin: 0;
}

li {}

/***********************************
		***NAVIGATION***
***********************************/

#navigation {
	position: absolute;
	top: 108px;
	left: 0;
	width: 500px;
	margin-top: 40px;
	height: 20px;
	/*border: 1px solid chartreuse;*/
}

#left-navigation {
	float: left;
	width: 100%;
	background: transparent;
	font-size: 10px;
	line-height: normal;
}
      
#left-navigation ul {
	margin: 0;
	padding: 10px 10px 0 5px;
	list-style: none;
}

#left-navigation li {
	display:inline;
	margin: 0;
	padding: 0;
}
      
#left-navigation a {
	float: left;
	background: url(../images/LN-tableft.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#left-navigation a span {
	float: left;
	display: block;
	background: url(../images/LN-tabright.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666;
}

#left-navigation a.featured {
	float: left;
	background: url(../images/LN-RED-tableft.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#left-navigation a.featured-selected {
	float: left;
	background: url(../images/LN-RED-tableft.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}


#left-navigation a span.featured {
	float: left;
	display: block;
	background: url(../images/LN-RED-tabright.gif) no-repeat right top;
	margin: 0;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	color: white;
font-weight: bold;
}

#left-navigation a:hover span.featured {
color: white;
}

#left-navigation span.featured-selected {
	float: left;
	display: block;
	background: url(../images/LN-RED-tabright.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: white;
        font-weight: bold;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #left-navigation a span {float:none;}
    /* End IE5-Mac hack */
    #left-navigation a:hover span {
      color: #000;
}

#left-navigation a:hover,
#left-navigation li a.selected,
#left-navigation li a.featured-selected {
      background-position: 0% -42px;
      }
      
#left-navigation a:hover span,
#left-navigation li a.selected span,
#left-navigation li a.featured-selected span {
      background-position: 100% -42px;
}

 #navigation-info {
	position: absolute;
	top: 163px;
	left: 350px;
	text-align: right;
	width: 150px;
	font-weight: bold;
	color: #afafaf;
	/*border: 1px solid red;*/
}

#comment-navigation-info {
	position: absolute;
	top: 130px;
	left: 475px;
	text-align: right;
	width: 150px;
	font-weight: bold;
	color: #afafaf;
	/*border: 1px solid red;*/
}


/***********************************
		***CENTER***
***********************************/

#center {
	position: absolute;
	top: 150px;
	left: 0;
	width: 800px;
	margin-bottom: 20px;
	/*border: 1px solid black;*/
}

/*****************************
		--LEFT--
*****************************/

#left {
	float: left;
	width: 550px;
	margin-top: 29px;
	margin-bottom: 10px;
        min-height: 1030px;
	border: 1px solid #c7c7c7;
        background-color: #f2f2f2;
}

/*****************************
		-POSTS-
*****************************/

.list {
	margin: 0;
	padding: 0px 10px 20px 0;
}

.list ul {
	width: 100%;
	float: left;
}

.list li {
	width: 100%;
	float: left;
        line-height:120%;
}


.list ul li ul  {
	float: left;
}

.list ul li ul li {
	margin: 0 0 0 6px;
	float: left;
        overflow: hidden;
}

.list ul li ul li.title {width: 192px; /*border: 1px solid green;*/} 
.list ul li ul li.blog {width: 144px; /*border: 1px solid green;*/}
.list ul li ul li.author {width: 94px; /*border: 1px solid green;*/}
.list ul li ul li.date {width: 36px; font-size: 10px; /*border: 1px solid green;*/}
.list ul li ul li.numposts {width: 66px; /*border: 1px solid green;*/}
.list ul li ul li.numcomments {width: 66px; /*border: 1px solid green;*/}
.list ul li ul li.firstpost {width: 74px; /*border: 1px solid green;*/}
.list ul li ul li.excerpt {
	width: 508px; 
	padding: 4px 10px 0px 20px; 
	color: #a4a4a4;
}


.list li.odd, 
.list li.header,
.list-footer {background-color: #f2f2f2;}
.list li.even {background-color: #f7f7f7;}
.list li.odd,
.list li.even,
.list li.header,
.list-footer {
	margin-bottom: 0;
	padding: 5px;
	}
	
.list li.header {
	padding-top: 12px;
	font-size: 10px;
	color: #4F4F4F;
        font-weight: bold;
}

.list-footer {
	padding: 5px 12px 10px 5px;
	text-align: right;
	font-weight: bold;
	width: 483px;
}

#list-footer { 
	background-color: $f2f2f2;
	margin-bottom: 0;
	padding: 5px 12px 10px 5px;
	text-align: right;
	font-weight: bold;
	width: 483px;
}

/*****************************
		-CONTENT-
*****************************/

.content {
padding: 12px;
line-height: 140%;
min-height: 620px;
}

/*****************************
		--RIGHT--
*****************************/

#right {
z-index: 3;
	position: absolute;
	top: 0;
	left: 552px;
	width: 300px;
	background-color: #efefef;
	margin-top: 44px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	/*border: 1px solid green;*/
}

#right h2 {
	font-size: 12px;
	color: #C7C7C7;
	margin: 0 0 12px 6px;
}

#news {
	width: 282px;
	padding: 8px;
	padding-bottom: 2px;
	overflow: hidden;
}

#news li {padding: 2px;}
#news li.odd {background-color: #f2f2f2; font-weight: bold;}
#news li.even {background-color: #f7f7f7;}

#news h2 {
	margin: 0 0 6px 0;
	}

#news b {
	color: #a4a4a4;
}

.news-text {
	color: #a5a5a5;
	line-height: 116%;
	font-size: 10px;
	cursor:pointer;
}

#ads-images h2 {
	margin: 0 0 6px 2px;
}

#ads-text {
	width: 280px;	
	margin: 8px;
	margin-left: 10px;
}

#ads-text ul ul {
	width: 136px;
	float: left;
	margin-right: 3px;
	margin-left: 1px;
}

#ads-text ul li ul li {
	float: left;
	width: 132px;
	margin-bottom: 4px;
	padding: 2px;
}

#ads-text li.odd {background-color: #f2f2f2; color:#333333;}
#ads-text li.even {background-color: #e2e2e2; color:#666666;}

#ads-images {
	width: 280px;	
	margin: 8px;
}

#ads-images img {
	float: left;	
	width: 136px;
	height: 60px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
}

.advertise {
	width: 263px;
	padding: 6px;
	text-align: center;
	margin-bottom: 4px;
	font-size: 12px;;
	border: 1px solid #C7C7C7;
	background-color: #f2f2f2;
	clear: both;
}

/*****************************
		--FOOTER--
*****************************/

#footer {
	float: left;
	width: 850px;
	margin-bottom: 20px;
	/*border: 1px solid green;*/
}

#footer h2 {
	margin-bottom: 8px;
}

#footer-domains {
	float: left;
	width: 500px;
	margin-right: 10px;
	line-height: 120%;
	font-weight: bold;
	font-size: 10px;
	text-transform: lowercase;
	/*border: 1px solid red;*/
}

#footer-domains a {text-decoration: none;}
#footer-domains a:link {color: #d2d2d2;}
#footer-domains a:visited {color: #d2d2d2;}
#footer-domains a:active {color: #00ADEF;}
#footer-domains li.odd a:hover {color: #00ADEF;}
#footer-domains li.even a:hover {color: #FF009F;}

#footer-domains ul {
} 

#footer-domains li {
	float: left;
	width: 100px;
}

#footer-domains a:hover {
}

#footer-hosted {
	float: left;
	width: 328px;
	font-size: 10px;
	color: #a3a3a3;
	padding: 6px;
	background-color: #f2f2f2;
}

#footer-hosted p {
	margin: 0;
}

.designed {
	background-color: #e5e5e5;
	padding: 3px;
	margin-top: 4px;
	text-align: center;
}

#footer-hosted a {
	color: #a3a3a3;
}

#footer-disclaimer p {
	float: left;
	width: 800px;
	text-align: center;
	margin: 0;
	margin-top: 16px;
	font-size: 10px;
	color: #d0d0d0;
}

#footer-disclaimer p a {color: #d0d0d0;}

#footer-navigation p {
	float: left;
	width: 800px;
	text-align: center;
	margin: 0;
	margin-top: 6px;
	font-size: 10px;
	color: #d0d0d0;
}

#footer-navigation a {text-decoration: none;}
#footer-navigation a:link {color: #d2d2d2;}
#footer-navigation a:visited {color: #d2d2d2;}
#footer-navigation a:active {color: #00ADEF;}
#footer-navigation a:hover {color: #00ADEF;}


/***********************************
		***TOP***
***********************************/

#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	/*border: 1px solid black;*/
}

/*****************************
		--LOGO--
*****************************/

#logo {
	float: left;
	height: 178px;
          overflow: hidden;
	width: 240px;
	margin-right: 12px;
}

.logo-wrapper {
	padding-top: 10px;
	padding-left: 20px;
}

#logo-subhed {
	position: absolute;
	/*top: 134px;
	left: 30px;*/
          top: 138px;
	left: 250px;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	color: #ED008C;
	opacity: .56;
	-moz-opacity: 0.56;
	filter: alpha(opacity=56);
}

/*****************************
		--COMMENTS--
*****************************/

#comments {
	float: left;
	height: 152px;
	width: 426px;
	margin-right: 12px;
	overflow: hidden;
	font-size: 10px;
line-height: 140%;
}

#comments a:link {color: #7F7F7F;}
#comments a:visited {color: #00ADEF;}
#comments a:active {color: #00ADEF;}
#comments a:hover {color: #00ADEF;}

#comments h2 {
	font-size: 11px;
	color: #00ADEF;
	margin-bottom: 4px;
}

#comments li {padding: 0 0 0 2px;}
#comments li.odd {background-color: #f2f2f2;}
#comments li.even {background-color: #f7f7f7;}
#comments ul {
	width: 100%;
	float: left;
	overflow: hidden;
}

#comments li {
	width: 100%;
	float: left;
height: 14px;
}


#comments ul li ul  {
	float: left;
}

#comments ul li ul li.blog-comment {
	margin-right: 6px;
	float: left;
}

#comments ul li ul li.blog-comment {
	width: 76%; 
	overflow: hidden;
	/*border: 1px solid red;*/
}

#comments ul li ul li.blog-name {
	width: 20%; 
	overflow: hidden;
	/*border: 1px solid green;*/
}



/*****************************
		--LOGIN--
*****************************/

#login {
	float: left;
	height: 168px;
	width: 160px;
	background-color: #f2f2f2;
}

.login-form {
	width: 136px;
        font-size: 10px;
        padding: 2px;
        border: 1px solid #c7c7c7;
	background-color: #ffffff;
margin-bottom: 2px;
}

.login-wrapper {
	padding: 9px;
	color: #00AEEF;
	font-weight: bold;
	line-height: 130%;
}

.login-wrapper h2 { 
	font-size: 14px;
	margin: 0;
	margin-bottom: 5px;
	color: #FF009F;
}

.login-wrapper img {margin-top: 6px;}

.login-button {
       float: right;
}

/***********************************
		***RSS***
***********************************/
#rss-feed {
	position: absolute;
	top: 154px;
	left: 528px;
}

/***********************************
		***GOOGLE SEARCH***
***********************************/
#google-search {
	padding: 10px;
	padding-top: 0;
	clear: both;
	background-color: transparent;
	margin-bottom: 2px;
	line-height: 1px;
}

.google-button {
	float: left;
	font-size: 10px;
	margin-left: 10px;
}

.search-box {
	float: left;
	font-size: 10px;
	padding: 2px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
	margin-bottom: 2px;
	width: 170px;
}

/***********************************
		***GOOGLE ADS***
***********************************/
#google-ads {
	padding-top: 10px;
	opacity: .70;
	-moz-opacity: 0.70;
	filter: alpha(opacity=70);
}


/***********************************
		***TURNED OFF***
***********************************/

/* #footer-navigation {display: none;} */


/***********************************
		***CALENDAR***
***********************************/
#cal {
font-size: 10px;
font-family: verdana;
	width: 486px;
        margin-left: 10px;
        margin-top: 6px;
        /*border: 1px solid red;*/
}

#cal li,
#cal ul {
display: block;
}


#cal ul {list-style: none; width: 100%; margin: 0 2px 2px 1px; padding: 0; _margin: 0;}
#cal li {width: 476px; }
#cal li li {_border-left: 1px solid #666; _border-top: 1px solid #666; _border-right: 1px solid #666;  }
#cal ul {width: 476px;}
#cal ul ul {_border-left: 1px solid #666;}
#cal ul li {float: left; width: 476px;}
#cal ul li ul li {
	padding: 2px; 
	float: left; 
	width: 63px; 
	margin-left: -1px;
	/*background-color: white;*/
	border-right: 1px solid grey; 
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
}

#cal ul li ul li img {
/*border: 1px solid red;*/
width: 65px;
height: 16px;
position: relative;
top: -12px;
left: -2px;
}

.month-nav li {_border-bottom: 1px solid #666; height: 12px; }

#cal ul li.month-nav ul li img {
/*border: 1px solid green;*/
width: 36px;
height: 14px;
position: relative;
top: -12px;
left: -1px;
_left:  0;
}

#cal ul li.month-nav ul li.selected img {display: none;} 

.month {text-align: center; padding:0; font-weight: bold; font-size: 16px;}
.days li {height: 14px; overflow: hidden; }
#cal ul li.week ul li {border-top: 1px solid grey; background-color: #c7c7c7;}

.month {_border-left: none; _margin-left: -1px;}	

#cal ul li.month {margin-bottom: 2px; }
#cal ul li.month ul li {border: none; background-color: transparent;}
#cal ul li.month ul li.current-month {width: 304px; }
#cal ul li.month ul li.previous-month,
#cal ul li.month ul li.next-month {
     width: 80px; 
     font-size: 10px; 
     color: grey; 
     margin-top: 5px;
}



.days ul li.selected,
#cal ul li.month-nav ul li.selected {
      color: white; 
      font-weight: bold; 
      background-color: #00ADEF;
}

.days ul li {
padding-top: 6px;
}

#cal ul li.month-nav ul li {
background-color: #d6d6d6;
}

#cal ul li.month-nav ul li {width: 35px; overflow: hidden;}
#cal ul li.month-nav ul li.selected {width: 31px;  overflow: hidden;}

/* REGULAR WEIGHTED */
.days ul li.cal_0 {background: #e7e7e7 URL(../images/CW00.gif)50px 4px no-repeat; }
.days ul li.cal_1 {background: transparent URL(../images/CW01.gif)50px 4px no-repeat; }
.days ul li.cal_2 {background: transparent URL(../images/CW02.gif)50px 4px no-repeat; }
.days ul li.cal_3 {background: transparent URL(../images/CW03.gif)50px 4px no-repeat; }
.days ul li.cal_4 {background: transparent URL(../images/CW04.gif)50px 4px no-repeat; }
.days ul li.cal_5 {background: transparent URL(../images/CW05.gif)50px 4px no-repeat; }
.days ul li.cal_6 {background: transparent URL(../images/CW06.gif)50px 4px no-repeat; }
.days ul li.cal_7 {background: transparent URL(../images/CW07.gif)50px 4px no-repeat; }
.days ul li.cal_8 {background: transparent URL(../images/CW08.gif)50px 4px no-repeat; }
.days ul li.cal_9 {background: transparent URL(../images/CW09.gif)50px 4px no-repeat; }
.days ul li.cal_10 {background: transparent URL(../images/CW10.gif)50px 4px no-repeat; }
.days ul li.cal_11 {background: transparent URL(../images/CW11.gif)50px 4px no-repeat; }
.days ul li.cal_12 {background: transparent URL(../images/CW12.gif)50px 4px no-repeat; } 

.days ul li.empty {background-color: #e7e7e7; }

/* SELECTED WEIGHTED */
.selected-cal_0 {background: #00ADEF URL(../images/CW00.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_1 {background: #00ADEF URL(../images/CW01.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_2 {background: #00ADEF URL(../images/CW02.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_3 {background: #00ADEF URL(../images/CW03.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_4 {background: #00ADEF URL(../images/CW04.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_5 {background: #00ADEF URL(../images/CW05.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_6 {background: #00ADEF URL(../images/CW06.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_7 {background: #00ADEF URL(../images/CW07.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_8 {background: #00ADEF URL(../images/CW08.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_9 {background: #00ADEF URL(../images/CW09.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_10 {background: #00ADEF URL(../images/CW10.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_11 {background: #00ADEF URL(../images/CW11.gif)50px 4px no-repeat; font-weight: bold; color: white; }
.selected-cal_12 {background: #00ADEF URL(../images/CW12.gif)50px 4px no-repeat; font-weight: bold; color: white; } 

/* CALENDAR KEY */
.cal-key {text-align: center;}
.cal-key img {margin-top: 9px; _margin-top: 5px; _display: none;}


/***********************************
		***Killer***
***********************************/
.kill {clear: both;}

/***NEW***/
.list ul li ul li.arrow {width: 10px;}
.list ul li ul li.title {width: 183px; /*border: 1px solid green;*/}
.list ul li ul li.blog {width: 135px; /*border: 1px solid green;*/}
.list ul li ul li.author {width: 88px; /*border: 1px solid green;*/}
.list ul li ul li.date {width: 35px; font-size: 10px; /*border: 1px solid green;*/}

#cal ul li.month-nav li {_height: 12px; }

.list ul li ul li.icon {width: 16px;}
.list ul li ul li.arrow {width: 10px;}
.list ul li ul li.title {width: 229px; /*border: 1px solid green;*/}
.list ul li ul li.blog {width: 111px; /*border: 1px solid green;*/}
.list ul li ul li.author {width: 84px; /*border: 1px solid green;*/}
.list ul li ul li.date {width: 31px; font-size: 10px; /*border: 1px solid green;*/}

/***********************************
		***IE HACKS***
***********************************/
#navigation {_top: 108px;}
#footer h2 {_font-size: 12px;}
#left {_padding: 0; _width: 490px;}
.list {_padding: 0;}
.list ul li ul li.title {_width: 189px;} 
.list ul li ul li.blog {_width: 141px;}
.list ul li ul li.author {_width: 91px;}
.list ul li ul li.date {_width: 33px; font-size: 10px;}
.list ul li ul li.numposts {_width: 63px;}
.list ul li ul li.numcomments {_width: 63px;}
.list ul li ul li.firstpost {_width: 71px;}
#ads-text ul li ul li {_width: 130px;}
#ads-text ul ul {_width: 134px;}
#login img, #login h2, #login p  {_margin: 0; _padding: 0;}
.search-box {_width: 150px;}
#news {_margin-top: 12px;}



/* non-TB blog index */

.nonTBblog {
padding: 12px;
line-height: 140%;}

.nonTBblog .disclaimer {
font-style: italic;
border: 1px solid #CECECE;
padding: 6px;
margin: 4px 4px 16px 4px;
background-color: #FFF;}

.nonTBblog a:link,
.nonTBblog a:visited {
color: #FF7200;}

.nonTBblog a:active,
.nonTBblog a:hover {
color: #FF2200;}

.nonTBblog .disclaimer a:link,
.nonTBblog .disclaimer a:visited {
color: #666;}

.nonTBblog .disclaimer a:active,
.nonTBblog .disclaimer a:hover {
color: #FF2200;}

.nonTBblog .title {
font-weight: bold;
font-size: 160%;
margin: 0 0 12px 0;
}

.nonTBblog .excerpt {
font-size: 110%;
}

.nonTBblog h2 {
margin: 12px 0 9px 0;
font-size: 130%;
padding: 0;
}

.nonTBblog .list {
border: 1px solid #CECECE;
padding: 0 9px 9px 9px;
margin: 10px 0 0;
}

.nonTBblog .list li {
margin: 2px 0;
}

.nonTBblog .list li a {
padding: 2px 6px;
display: block;
}

.nonTBblog .list li a:link,
.nonTBblog .list li a:visited {
background-color: #DFDFDF;
color: #666;}

.nonTBblog .list li a:active,
.nonTBblog .list li a:hover {
background-color: #CFCFCF;
color: #000;
}

.achtung {
border:1px solid #FF0000;
color: #FF0000;
padding: 12px 12px 12px 60px; 
background: #FFF URL(http://chattablogs.com/images/TAKE_HEED.gif) 5px 5px no-repeat;
margin-top: 12px;
font-size: 110%;
}

.achtung h1, .actung h2 {
color: #FF0000;
font-size: 120%;
text-transform: none;
}

.achtung a,
.achtung  a:link,
.achtung a:visited{
color: #FF0000;
}

.achtung a:active,
.achtung a:hover {
color: #FFF;
background-color: #FF0000;
}

.linkRule a,
.linkRule  a:link,
.linkRule a:visited,
.linkRule a:active,
.linkRule a:hover {
	text-decoration: underline;
}