/*************************
  Stylized by Giovanni Hernandez for ilechoo.com
  ************************/



body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background : #182c37 url(/css/media/bg_page-2.png);
        color : Black;
        margin: 0px;
}

table {
        font-size: 12px;
	border-color: #2e4e60;
}

h1{
        font-weight: bold;
        font-size: 22px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height : 120%;
        color : #000000;
        margin: 2px;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin: 0px;
}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
}

p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        margin: 2px 0px;
}


.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #ffffff;
        background-image : url(http://www.ilechoo.com/gallery/themes/classic/images/button_bg.gif);
        background-position : bottom;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #1b3242;
        background-image : url(http://www.ilechoo.com/gallery/themes/classic/images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

a {
        color: #4a6b7d;
        text-decoration: none;
}

a:hover {
        color: #325061;
        text-decoration: underline;
}

.bblink a {
        color: #0033CC;
        text-decoration: none;
}

.bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.maintable {
        border: 1px solid #fff;
/*        background-color: #FFFFFF;*/
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        background : #e0eaef;
        color : #4e4444;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        color : #E0EAEF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
	background-color: transparent;
}

.tableh2 {
        background: transparent;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: transparent;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #e0eaef;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}


.tableb_compact {
        background: #fff;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #E0EAEF;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow_noalb {
        background: #e0eaef;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        background: #e0eaef;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
        font-size: 85%;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #000000;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 80%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 80%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

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

.user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: underline;
}

.sortorder_cell {
        background : #0E72A4 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #E0EAEF ;
        color : #1b3242;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #1b3242;
        font-size: 100%;
        font-weight: bold;
        background : #E0EAEF ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #1b3242;
}

.navmenu a:hover {
        background : #E0EAEF ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color:#E0EAEF;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:1px;
        padding-right:1px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: underline;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #5F5F5F;
        font-size : 90%;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

.imageborder {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: #E0EAEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background: #e0eaef;
        padding: 5px;
}

.footer {
        font-size : 9px;
}

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

.footer a:hover {
        color: #000000;
        text-decoration: underline;
}

.statlink {
        color: #1b3242;
}

.statlink a {
        text-decoration: none;
        color: #1b3242;
}

.statlink a:hover {
        color: #aaa;
        text-decoration: underline;
}

.alblink a {
        text-decoration: underline;
        color: #1b3242;
}

.alblink a:hover {
        color: #1b3242;
        text-decoration: underline;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: underline;
        color: #1b3442;
}

.catlink a:hover {
        color: #1b3242;
        text-decoration: underline;
}

.topmenu {
        line-height : 130%;
        font-size: 100%;
}

.topmenu a {
	color: #444;
	font-weight: bold;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}

.topmenu a:hover  {
        color : #404040;
        text-decoration : none;
}

.img_caption_table {
        border: none;
        background-color: #F8F8F3;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #F5F5FF ;
        font-size: 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #F8F8F3;
}

.img_caption_table td {
        background: #EFEFEF ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #F8F8F3;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : default;
}

.listbox_lang {
        color: #000000;
        background-color: #D1D7DC;
        border: 1px solid #D1D7DC;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;

}
#vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}


.listbox_lang {
        color: #000000;
        background-color: #F5F5FF;
        border: 1px solid #F5F5FF;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;

}
#pageWrapper
{
	border-style: solid;
	border-width: 0;		/* layout's side borders */
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;			/* arial looks better with a smaller size */
	margin: 0;
	min-width: 500px;		/* IE doens't understand this property */
   	width: auto;
}

#mastWrapper {
	background: url(/let/images/misc/header-bg4.jpg) bottom left repeat-x transparent;
}

#masthead
{
	position:relative;
	background: url(/let/images/header/holleration/rotator.php) no-repeat;
	border-style: solid;
	border-width: 0;
	color: #000000;
	height: 90px;
}
#nav1 
{
	position:absolute;
	bottom:0px;
	right:10px;
        font-size: .98em;	
}
		  
#nav1 ul 
{
	margin:0;
	padding:10px 10px 0 20px;
	list-style:none;
        font-size: 1em;
}
		  
#nav1 li 
{
	float:left;
	background:url("http://ilechoo.com/let/images/misc/tab_off_ns1.png") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
        font-size: 1em;
}

#nav1 a 
{
	float:left;
	display:block;
	background:url("http://ilechoo.com/let/images/misc/tab_off_ns2.png") no-repeat right top;
	padding:10px 15px 3px 8px;
	text-decoration:none;
	font-weight:bold;
	color:#444;
        font-size: 1em;
}

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

#nav1 li:hover, #nav1 li:hover a 
{
	background-position:0% -163px;
	color:#000;
}

#nav1 li:hover a 
{
	background-position:100% -163px;
	color:#000;
}

#nav1 #current 
{
	background:url("http://ilechoo.com/let/images/misc/tab_on_ns1.png") no-repeat left top;		  
}

#nav1 #current a
{
	background:url("http://ilechoo.com/let/images/misc/tab_on_ns2.png") no-repeat right top;		  
	padding-bottom:4px;
	color:#000;
}
.roundalt1{
		display:block;
}
.roundalt1 *{
		display:block;
		height:1px;
		overflow:hidden;
		background:#F8F8F3;
}
.roundalt11{
		border-right:1px solid #fbfbf9;
		padding-right:1px;
		margin-right:3px;
		border-left:1px solid #fbfbf9;
		padding-left:1px;
		margin-left:3px;
		background:#f9f9f6;
}
.roundalt12{
		border-right:1px solid #fefefd;
		border-left:1px solid #fefefd;
		padding:0px 1px;
		background:#f9f9f5;
		margin:0px 1px;
}
.roundalt13{
		border-right:1px solid #f9f9f5;
		border-left:1px solid #f9f9f5;
		margin:0px 1px;
}
.roundalt14{
		border-right:1px solid #fbfbf9;
		border-left:1px solid #fbfbf9;
}
.roundalt15{
		border-right:1px solid #f9f9f6;
		border-left:1px solid #f9f9f6;
}
.roundalt1_content{
		padding:0px 5px;
		background:#F8F8F3;
}
.roundnavbar{
		display:block;
}
.roundnavbar *{
		display:block;
		height:1px;
		overflow:hidden;
		background:#E0EAEF;
}
.roundnavbar1{
		border-right:1px solid #f5f5ef;
		padding-right:1px;
		margin-right:3px;
		border-left:1px solid #f5f5ef;
		padding-left:1px;
		margin-left:3px;
		background:#efefe3;
}
.roundnavbar2{
		border-right:1px solid #fcfcfb;
		border-left:1px solid #fcfcfb;
		padding:0px 1px;
		background:#edede1;
		margin:0px 1px;
}
.roundnavbar3{
		border-right:1px solid #edede1;
		border-left:1px solid #edede1;
		margin:0px 1px;
}
.roundnavbar4{
		border-right:1px solid #f5f5ef;
		border-left:1px solid #f5f5ef;
}
.roundnavbar5{
		border-right:1px solid #efefe3;
		border-left:1px solid #efefe3;
}
.roundnavbar_content{
		padding:0px 5px;
		background:#E0EAEF;
}
#banners {
position: relative;
display: block;
width: 100%;
padding: 5px 0 5px 0;
}
#banners #ads {
position: relative;
display: block;
margin: 0 auto;
width: 970px;
}
#banners #ads a {
margin: 0 5px;
height: 1em
}
/* 2010 header*/
.gl,.stbutton{display:block;position:relative;overflow:hidden;}

.gl span,.gl a,.stbutton span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}

#page{width:968px;margin:0 auto;}

#header{position:relative;height:140px;padding:0 8px 9px 6px;margin:0 -8px -9px -6px;background:url(/css/media/bg_header.png) no-repeat;z-index:100;}

#logo{position:relative;top:38px;left:26px;}

#logo,#logo a{width:339px;height:74px;}

#logo a{display:block;background:url(/css/media/logo.png) no-repeat;}

#logo img{display:block;width:0;}

#nav{position:absolute;top:0;right:7px;width:516px;}

#nav a{color:#fff;font-weight:bold;text-shadow:#444 1px 1px 1px;}

ul#navMain{position:absolute;top:0;margin:0;top:40px;}

ul#navMain li{float:left;border-left:1px solid #5e8092;height:99px;	list-style-type: none;}

ul#navMain li a{display:block;height:99px;font-size:0;}

ul#navMain li a span{background:url(/css/media/il-nav_sprite.png) no-repeat;}

ul#navMain li#navMainnew a{width:125px;}

ul#navMain li#navMainnew a span{background-position:0 0;}

ul#navMain li#navMainnew a:hover span,#knowledge ul#navMain li#navMainnew a span{background-position:0 -99px;}

ul#navMain li#navMainGallery a{width:66px;}

ul#navMain li#navMainGallery a span{background-position:-126px 0;}

ul#navMain li#navMainGallery a:hover span,#daily ul#navMain li#navMainGallery a span{background-position:-126px -99px;}

ul#navMain li#navMainpm a{width:56px;}

ul#navMain li#navMainpm a span{background-position:-193px 0;}

ul#navMain li#navMainpm a:hover span,#talk ul#navMain li#navMainpm a span{background-position:-193px -99px;}

ul#navMain li#navMainHome a{width:70px;}

ul#navMain li#navMainHome a span{background-position:-250px 0;}

ul#navMain li#navMainHome a:hover span,#store ul#navMain li#navMainHome a span{background-position:-250px -99px;}

ul#navMain li#navupLOL a{width:75px;}

ul#navMain li#navupLOL a span{background-position:-321px 0;}

ul#navMain li#navupLOL a:hover span,#about ul#navMain li#navMainAbout a span{background-position:-321px -99px;}

ul#navMain li#navMainTraining a{width:118px;}

ul#navMain li#navMainTraining a span{background-position:-397px 0;}

ul#navMain li#navMainTraining a:hover span,#training ul#navMain li#navMainTraining a span{background-position:-397px -99px;}