/* BASIC */
* { margin: 0; padding: 0; }
body{ background: #2B3034; background-image: url(../img/patt40.jpg); background-repeat: repeat; text-align: center; font: normal 14px arial; color: white}
p {margin-top: 5px;}
.clearer {clear: both;}


#pageBox {width: 845px; min-height: 600px; clear: both; margin: 0px auto 0px auto;  background: #141414; padding-top: 55px}

#headBox {width: 795px; height: 50px; clear: both;  background: #000; text-align: left;  background: #141414; margin-left: 25px; }
#headLogoBox {width: 795px;  height: 170px; clear: both; text-align: left; margin-left: 25px; margin-top: 5px;}


#navBox{width: 795px; margin-top: 15px; height: 40px; clear: both; margin-left: 25px; background: #000;}
#navBoxCnt {color: #fff; font: bold 18px arial;  margin-top: 15px;}
#navBoxCnt ul {margin-left:10px;  }
#navBoxCnt ul li {margin-right:10px; margin-top:5px;list-style-type: none; list-style-position: outside; list-style: inline; float: left; /*border: 1px solid #fff;*/  }
/*html>body #navBoxCnt ul li {list-style-type: none; list-style-position: outside; list-style: inline; float: left; border: 1px solid #000; width: 110px;}*/

#flashBox{width: 795px; margin-top: 20px; height: 120px; clear: both; text-align: left; margin-left: 25px;}
#flashBox .flashBoxCnt {height: 120px; width: 250px; background: #282828; float: left; padding:6px; margin-right: 2px; color: #fff}
#flashBox .flashBoxCnt img {border: 3px solid #444; margin: 0px auto 0px auto;}
#flashBox .flashBoxCnt a {color: #fff; font: bold 14px arial; text-decoration: none; }

#slideBox {width: 795px; margin-top: 25px; min-height: 100px; clear: both; text-align: left; margin-left: 25px; background: #000;}
#slideBox .slideBoxCnt {padding: 20px; font-weight: bold; }
#slideBox .slideBoxCnt h1 {color: #FFB200; margin: 0px 0px 10px 0px}
#slideBox .slideBoxCnt a{ color: #FFB200;  text-decoration: none;}


#coverBox {width: 795px; margin-top: 25px; min-height: 100px; clear: both; text-align: left; margin-left: 25px; background: #000;}
#coverBox .coverBoxCnt {padding: 20px; font-weight: bold; }
#coverBox .coverBoxCnt h1 {color: #FFB200; margin: 0px 0px 10px 0px}
#coverBox .coverBoxCnt a{ color: #FFB200;  text-decoration: none;}


#cntMainBox {width: 795px; margin-top: 25px; min-height: 100px; clear: both; text-align: left; margin-left: 25px; background: #000;}
#cntMainBox .mybookmarks {padding: 20px; font-weight: bold; }
#cntMainBox .mybookmarks h1 {color: #FFB200; margin: 0px 0px 10px 0px}
#cntMainBox .mybookmarks a{ color: #FFB200;  text-decoration: none;}
#cntMainBox .mybookmarks li {list-style-position: inside; }


#footBox {width: 845px; min-height: 100px; clear: both; margin: 0px auto 0px auto;  background: #141414; padding-top: 15px}
#footBox .footBoxCnt {width: 805px; padding: 20px; font: normal 11px arial; color: #FFB200;  text-align: left; background: #141414;}
#footBox .footBoxCnt span{font: bold 12px arial; color: #FFF;}
#footBox .footBoxCnt a{ font: normal 11px arial; color: #FFB200;  text-decoration: none;}


div.slideBoxCnt ul.newsList  li {border-bottom: 1px solid #444; height: 30px; margin: 5px 0 5px 0; list-style-position: inside; }
div.slideBoxCnt ul.projectsList  li { height: 180px; margin: 5px 0 5px 0; list-style-type: none; list-style-position: outside; list-style: none; }

div.slideBoxCnt ul.projectsList li  img{
border: 30px solid #FFF;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.9;

}

div.slideBoxCnt ul.projectsList li  a:hover img{
border: 30px solid #FFF;
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;

}

/*FLICKR CLASS API*/

#flickr_favorites { text-align: center; width: 748px; }
#flickr_favorites_thumbs ul, #flickr_favorites li {padding:0; margin: 0 auto}
#flickr_favorites_thumbs li {float: left; list-style:none; padding: 3px 3px 0 3px;}
#flickr_favorites_thumbs ul li img {border: 1px solid #333}
#flickr_favorites_footer {clear: both}
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:0 0 10px 0;}
.flickr_badge_image {margin:0 3px 3px 3px; display:inline}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:none;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}