/* list styles  */
#content-container:after,#content:after,#site-information:after, .clear {
    display: block;
    clear: both;visibility: hidden;
    content: ".";
}
/* list styles main */
 ul, ul ul,ul li, ul ul li  {list-style:none outside none;margin:0;padding:0; /*reset */}
/* basic ul */
 ul ul li {list-style:none outside none;margin:0;padding:0; }
#exchange ul ul li {position: relative;}
#exchange ul ul li strong {width: 70px;left:0;padding: 3px 6px;}
#exchange ul ul li span {float:left;margin-left: 70px;margin-top:-22px;padding-bottom:18px; }
.recent-posts ul {margin-top: 10px;}
 #content .info  {margin-bottom: 24px;}
#content .info li {margin-bottom: 14px;}
/* navigation */
#main-navigation {margin: 0 auto;padding: 0;}
body.home #main-navigation{margin-top:0;}
#main-navigation li{float: left;list-style: none outside none;}
#main-navigation li{display:inline;letter-spacing: 0.04em; text-align: center;margin:0;padding: 0; }
#main-navigation li a  {display:block;margin:  0;padding:6px 18px 6px 6px;position:relative; }
#main-navigation li a:hover {} 

/* navigation */
#breadcrumb {width:100%;float:left;}
#breadcrumb  {padding:4px 2px} 
#breadcrumb li {float:left;display:inline;margin: 0 0 0 6px; }
#breadcrumb li a {margin: 0 6px 0 0;padding:0;}


#story.tab-navigation, #feeds.tab-navigation, .tab-navigation {margin: 0 0  36px 0;padding:0;position: relative;width:100%;float:left;}
.tab-navigation ul {margin:  0;padding:0px;float:left;width:100%; }
.tab-navigation ul li {float:left; display:inline;}
.tab-navigation ul li a {margin: 0 18px 0 0px ;padding:4px 6px;}

.group-navigation {margin:  18px 0 0 0px;z-index: 1;position: relative;width:100%;}
.group-navigation ul {margin:  0 0 0 1px;padding:6px 3px;}
.group-navigation li {display:inline;margin:0; padding: 0;}
.group-navigation li a{margin: 0 10px 0 0 ;padding:6px 10px;text-decoration:none;border: solid 1px #ccc; border-bottom: solid 1px #fff;position: relative;top: 2px;}
/* image-box */
.image-box {float:left;width:100%;height:auto;margin: 0 0 28px 0;padding: 0px 0 0 8px}
.image-box li  {float:left;display:inline;width:140px; height:130px;margin: 0 2% 2% 0}
.image-box li  img{margin 0;padding:0;width:140px; height:130px;}
.image-box li p {padding: 6px 3px;}
.image-box li p em {font-weight:bold;}

/* news */
#news, .site-info {float:left;width:100%;margin:0;padding:0;display:block;list-style-position:outside;list-style-type:square;}
#news li, .site-info li {list-style-position:outside;list-style-type:square;float:left;width:29%;height: 270px; overflow: auto;display:block;margin:0 0 0 22px;padding: 10px 10px 0 10px;}
#news li:first-child,.site-info li:first-child{margin-left: 0px;}
#news li p,.site-info li p {padding: 0 0 6px 0;}
/* photo widget */
#photo-widget {margin-top:0;padding-top:0;}
#photo-widget li {float:left;display:inline; width:100px; height: 100px;margin: 0 10px 10px 0;background:#ccc;}
#photo-widget li img{float:left;display:inline; width:100px; height: 100px;background:#ccc;}
/* navigation ul.navigation */
.navigation, #site-information ul {list-style: none inside none;}
#branding .navigation {float:left; left:0;margin:0 ; padding:  0;background: transparent;}
.navigation li{float:left;display:inline;margin:0 9px 0 0; padding: 0;background:transparent ; }
.navigation li span {margin-right: 1.2em;}
.navigation li a {font-weight: normal;line-height: 1.0; padding: 3px 9px 3px 0; text-align: center;text-decoration:none;}
/*site-information navigation ul.copyright */
 #site-information ul,ul.sub-navigation li, ul#tab-navigation {list-style: none inside none;}

#site-information .navigation  {float: left;position:relative;display:inline;width:64%;padding-top: 10px;margin:0;}
#site-information .navigation li {text-align:left;float: left;display:inline;margin:0; padding:0;}
 #site-information .navigation ul,#site-information .navigation ul li  {display:block; float:none; width:100%;}
#site-information ul.copyright li{display:inline;margin-right:7px;}
#site-information ul.copyright li a {padding-left: 0px;margin-left:0;}
#site-information ul.sub-navigation, #site-information ul.vcard {margin:0; padding:0;}

 #site-information ul li  a {padding:  0;margin:3px 7px; }
#site-information ul.copyright  {width:100%;float: left;display:inline;text-align:left;margin: 0;padding: 15px 0 15px 0}
.box{ 
				width:140px; height:130px;
				overflow: hidden; 
				position: relative;float:left; 
			}


				.box img{ 
					position: absolute; border:solid 6px #2E0F0A;
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.box p{padding: 6px;font-weight:bold;line-height: 1.22; 
				}
				
$ mysql -h localhost -u root -p