/*
Theme Name: Avalanche
Theme URI: http://www.eruanna.net
Description: Avalanche
Author: Hannah
Author URI: http://www.eruanna.net
*/

html, body{ 
 background-color: #eeeeee;
 margin:0px; 
 padding:0px; 
 text-align:center; 
}

/*links*/
a, a:link, a:visited, a:active {
color: #aaaaaa;
text-decoration: none;
font-weight: lighter;
font-family: verdana, sans-serif;
}

a:hover {
color: #cccccc;
}

input, textarea {
border: 1px solid #e1e1e1;
color: #777777;
font-size: 9px;
text-transform: lowercase;
background-color: #f1f1f1;
}

/* positioning */
 
#pagewidth{ 
 padding-top:10px; 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 font-size: 9px;
 font-family: "Verdana", sans-serif;
 line-height: 15px;
 color: #666666;
 background-color: #ffffff;
} 
 
#header{
 height:214px; 
background: url(images/top.jpg) repeat-x top center;
font-family: "century gothic", sans-serif;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 2px;
font-weight: lighter;
border-bottom: 1px dashed #cccccc;
color: #cccccc;
line-height: 50px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
} 
#ad{
 height:90px; 
 text-align:center;  
}  
#twocols{
 float:right; 
 position:relative; 
 background-color: #ffffff;
  }
 
#rightcol{
 width:200px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 padding-top: 10px;
 padding-left: 5px;
 padding-right: 10px;
border-right: 1px dashed #cccccc;
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:550px; 
 text-align: justify;
 padding-left: 15px;
 padding-right: 10px;
 }
 
#footer{
 height:40px; 
  background-color:#ffffff; 
 clear:both;
text-align: center;
font-size: 9px;
 }

/*posts*/
#maincol .date {		
line-height: 200%;		
top: 5px;
color: #bcbcbc;
font-family: "Verdana", sans-serif;
font-size: 10px;
font-weight: lighter;
text-transform: uppercase;
text-align: left;
		}
	
#maincol .title {			
font-weight: lighter;
padding: 0px;
color: #666666;
font-family: "century gothic", sans-serif;
text-transform: uppercase;
text-align: left;
font-size: 18px;
letter-spacing: 6px;
		}

#maincol .comments {
text-align: left;
border-bottom: 1px solid #cccccc;
}

#maincol .comments a, #maincol .comments a:link, #maincol .comments a:visited {
text-transform: uppercase;
color: #aaaaaa;
text-decoration: none;
font-weight: lighter;
font-family: verdana, sans-serif;
}

#maincol .comments a:hover {
color: #cccccc;
}

/*sidebar*/
#rightcol li {
margin-left: -40px;
list-style-type: none;
display: block;
width: auto;
background-color: #ffffff;
border: 1px solid #f1f1f1;
padding: 5px;
text-align: left;
margin-bottom: 5px;
font-family: "century gothic", sans-serif;
text-transform: uppercase;
font-size: 10px;
font-weight: lighter;
color: #cccccc;
}

#rightcol li:hover {
border: 1px solid #cccccc;
text-align: right;
}

#rightcol ul li.page_item, #rightcol ul li {
list-style-type: lower-roman;
}

.rightcoltitle, #rightcol li h2  {
font-family: "century gothic", Georgia, serif;
font-size: 13px;
color: #666666; 
text-transform: uppercase;
font-weight: lighter;
border-bottom: 1px solid #cccccc;
padding: 5px;
}


#rightcol input {
width:75px;
border: 1px solid #e1e1e1;
color: #777777;
font-size: 9px;
text-transform: lowercase;
background-color: #f1f1f1;
}




 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width: 600px; height:32px; font-size:0.85em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:600px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#777; width:98px; height:30px; border:1px solid #e1e1e1; border-width:1px 1px 1px 1px; background:#ffffff; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ffffff;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#efefef;}
.menu ul ul :hover > a.drop {background:#eeeeee;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#efefef;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#eeeeee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:100px;border-top:1px solid #e1e1e1;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:100px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#777777; height:auto; line-height:1em; padding:5px 10px; width:100px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:89px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#777777; background:#eeeeee;}
.menu :hover > a, .menu ul ul :hover > a {color:#777777;background:#eeeeee;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.fieldset {
border: 0px;
}

.affiliate img {
border: 1px solid #e1e1e1;
margin: 3px;
padding: 2px;
background-color: #f1f1f1;
}