/*  

Theme Name: The Fan Sites Network theme

Theme URI: http://am2m.net/

Description: Exclusive theme for fan-sites.org hostees. Please, don't use as a base for other themes. Thanks.

Version: 1.0

Author: Amanda MM

Author URI: http://am2m.net/

*/





/* CSS Document */



body{

margin:0;

padding:0;

line-height: 1.5em;

background-image:  url(images/bg.jpg); 
background-repeat: repeat-x;
background-color: #F5F5F5;

font-size: 12px;

font-family : arial, sans-serif;

color: #000000;
background-position: 0px 0px;


}



/**************************LINK COLORS**************************/

a { text-decoration: none; }

a:link {color: #003366; }

a:visited, a:active {color: #003366; }

a:hover {color: #000000; text-decoration: none;}

/**************************END - LINK COLORS**************************/





strong {color: #000000;}

b {color: #000000;}

i { color: #000000;}

em { color: #000000;}

u {color: #000000; text-decoration: none; border-bottom: 1px solid #666666;}






/**************************DO NOT EDIT HERE**************************/



#maincontainer{

width: 778px; 

margin: 0 auto;

text-align:justify;

position:relative;

line-height: 11px;

}



#topsection{

height: 443px; 

}





#contentwrapper{

float: left;

width: 100%;

}



#contentcolumn{

margin: 0 0px 0 245px;

}





#leftcolumn{

float: left;

width: 240px;

margin-left: -778px;

}



#footer{

clear: left;

width: 100%;

background: #E3E2E2;

color: #333333;

text-align: center;

padding: 6px 0;

border-top: 1px solid #D8D8D8;

}



#footer a{

color: #333333;

}



.innertube{

margin: 0px; 

margin-top: 0;

}















/**************************YOU CAN START EDITING HERE**************************/




.all{
	background: url(images/bg-all.png) no-repeat bottom left;
	background-color: #E0E0E0;

	border: 0px solid #E6E6E6;

	padding: 0px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;

	}




	








/**************************POST CONTENT**************************/
.title {

	font-family:"lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
	font-size:20px;
	font-style:italic;
        font-weight:normal;

	color: #003366;

	border-bottom: 1px solid #ffffff;

	text-align: center;

	text-transform:normal;

	letter-spacing: 1px;

	line-height: 29px;

	letter-spacing: 1px;

	padding: 2px;

}





.title a{color: #003366;}

.title a:visited{color: #003366;}

.title a:hover{color: #333333;}


.date {
	background: url(images/bg-date.png);
	background-repeat: repeat-x;
	background-color: #003366;

	font-weight:bold;

	font-size: 11px;

	font-family:arial, sans-serif;

	color: #333333;

	text-align: center;

	letter-spacing: 0px;

	line-height: 11px;

	text-transform:uppercase;
	-moz-border-radius: 4px;

}


.day {

	font-weight:bold;

	font-size: 20px;

	font-family:"lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
	font-style:italic;

	color: #ffffff;

	text-align: center;

	letter-spacing: 0px;

	line-height: 14px;

	text-transform:uppercase;

}


.content{
	text-align: justify;

	line-height: 15px;

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #333333;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;

	}

.content img {
	-moz-border-radius: 4px;

	border: 1px solid #ffffff;

	padding: 3px;

	margin: 1px;

}



.content img:hover {

	border: 1px solid #A4A4A4;

	padding: 3px;

	margin: 1px;

}




.meta{

	text-align: center;

	line-height: 13px;

	font-family: arial;

	font-size: 11px;

	color: #333333;

	}



input, select, textarea {

	font-family:Arial; 

	font-size:11px; 

	color: #000000; 

	background: #E0E0E0; 

	border:1px solid #ffffff;
	-moz-border-radius: 4px;
	padding: 5px;

}


/*END - POST CONTENT*/














/**************************SIDEBAR**************************/
.sidebar_all{

	background: url(images/bg-side.png) no-repeat top left;
	background-color: #fcfcfc;

	border: 0px solid #e2e2e2;

	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;

	}



.sidebar_title {
	border-bottom: 1px solid #E0E0E0;

	font-family:"lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
	font-size:12px;
	font-style:italic;
        font-weight:bold;

	color: #767676;
	text-align: center;

	letter-spacing: 1px;

	line-height: 16px;
	padding-bottom: 4px;
	margin-bottom: 6px;

}

.textwidget{
	text-align: justify;

	line-height: 15px;

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #333333;
	}



.sidebar_content{
	text-align: justify;

	line-height: 15px;

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #333333;
	}


.sidebar_content img {
-moz-border-radius: 4px;

border: 1px solid #D5D4D4;

padding: 3px;

margin: 1px;

}





.sidebar_content img:hover {

border: 1px solid #959595;

padding: 3px;

margin: 1px;

}

.sidebar_content ul {
	padding:0;
	margin:0px;
  }
.sidebar_content li {
	background: url(images/pil.gif) no-repeat top left;
	padding:0 0 4px 12px;
	margin-left:1px;
	color: #333333;
	list-style-type:none;
  }


.sidebar_all ul {
	padding:0;
	margin:0px;
  }
.sidebar_all li {
	background: url(images/pil.gif) no-repeat top left;
	padding:0 0 4px 12px;
	margin-left:1px;
	color: #333333;
	list-style-type:none;

	text-align: justify;

	line-height: 15px;

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #333333;
  }




#wp-calendar{
	text-align: center;
	align: center;

	line-height: 15px;

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #333333;
	padding-top: 2px;
	width:100%;
	}


/*END - SIDEBAR*/










/**************************SITE NAME COLOR**************************/
.site-name {
	font-family:"lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
	font-style:italic;
	font-size : 20px;
	text-decoration : none;
	text-align: left;
	color : #003366;
	font-weight:normal;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 20px;
	padding-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	line-height: 14px;
}


.site-name a:link {
	text-decoration:none; color: #003366;
}

.site-name a:visited {
	text-decoration:none; color: #003366;
}

.site-name a:hover {
	text-decoration:none; color: #292929;
} 
/*END - SITE NAME COLOR*/


















/**************************SUBTITLES**************************/

h1, h2, h3 {
	font-family:"lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
	font-style:italic;
	font-size : 14px;
	text-decoration : none;
	text-align: left;
	color : #003366;
	font-weight:normal;
	padding-top : 3px;
	padding-bottom : 0px;
	padding-left : 20px;
	padding-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	line-height: 14px;
} 
/*END - SUBTITLES*/
















/**************************MENU COLORS**************************/

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px arial;
width: 100%;
border-left: 1px solid #191919;
border-width: 1px 0;
text-transform:uppercase;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
background: url(images/bg-button.png);
background-repeat: repeat-x;
background-color: #003366;
float: left;
color: #ffffff;
padding: 10px 20px; /*BY EDITING THE NUMBER 45 YOU CAN MAKE THE NAVIGATION MENU BIGGER OR SMALLER*/
text-decoration: none;
border-right: 1px solid #191919;
border-left: 1px solid #191919;
-moz-border-radius: 3px;
}

.solidblockmenu li a:visited{
color: #ffffff;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
background: url(images/bg-button.png);
background-repeat: repeat-x;
background-color: #003366;
color: #ffffff;
-moz-border-radius: 3px;
}



<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

<![endif]-->

/*END - MENU COLORS*/






/**************************JUST EDIT HERE IF YOU KNOW WHAT YOU ARE DOING**************************/

.cat img {

	padding: 0px;

	border: 0px solid #f0f0f0;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin: 0px;

}





.cat img:hover {

	padding: 0px;

	border: 0px solid #f0f0f0;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin: 0px;

}


.box{

	text-align: justify;

	line-height: 15px;

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #333333;

	}

.box img {
	filter: alpha(opacity=80); opacity: .8;
	border: 1px solid #909090;

	padding: 3px;

	margin: 0px;

	-moz-border-radius: 4px;
}





.box img:hover {
	filter: alpha(opacity=90); opacity: .9;

	border: 1px solid #7F7F7F;

}