html, body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS;
	color: white;
	background-color: black;
	background-image: url(/i/pages/bckground.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 14px;
}

.centeredContent {
	margin: 0px auto 0px auto;
	width: 980px;
	display: block;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: underline;
}

img 
{
	border: solid 0px white;
}

h1
{
    margin: 0px 0px 10px 0px;
    font-family: Century Gothic;
    color: #af0e14;
    font-size: 22px;
    font-weight: lighter;
}

h2
{
    margin: 0px 0px 10px 0px;
    font-family: Century Gothic;
    color: #af0e14;
    font-size: 20px;
    font-weight: lighter;
}

.pageContent
{
    background-color: Black;
}

.article
{
    color: #888888;
    font-size: 12px;
}

.module
{
    background-color: Black;
}
.hr
{
	height: 1px;
	width: 80%; 
	margin: 10px;  
    border-width: 0px;
    border-bottom: solid 1px #cccccc;    
}
.dashed
{
    border-style: dashed; 
    border-bottom-color: #555555; 
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 0px;
    margin-bottom: 15px;
}

/* header */
.topHeader
{
	height: 29px; 
}

.topHeader .tab
{
	height: 29px;
	display: inline-block;
	float: right;
	font-size: 13px;
}

.topHeader .tabLeft
{
	width: 30px;
	height: 29px; 
	display: inline-block;
	float: left;
}

.topHeader .tabText
{	
	color: #af0e14;
	margin: 0px;
	height: 29px;
	display: inline-block;
	float: left;
	line-height: 29px;
}

.topHeader .tabText .profile
{
    color: #ffffff;
}
.topHeader A
{
    color: #ffffff;	
}

.topHeader .tabRight
{
	width: 30px;
	height: 29px; 
	display: inline-block;
	float: left;
}


.centerHeader
{
	height: 110px; 
}
.headerLogo
{
	background-image: url("/i/pages/logo.png");
	width: 338px;
	height: 54px; 
	display: inline-block;
	top: 20px;
	position: relative;
}
.headerAd
{
	position: absolute;
	top: 5px;
	right: 0px;
	display: inline-block;
	height: 110px;
}

.adLabel
{
	font-size: small;
	color: #888888;
	visibility: hidden;
}

.adIntro
{
    margin: 100px;
    background-color: Transparent;
}

.adHompageLeft
{
    text-align: center;
    padding: 5px 0px 5px 0px;
}


/* menu */

.menu 
{
	background-image: url("/i/pages/nav_bar.jpg");
	background-repeat: repeat-x;
	height: 34px;
	font-family: Century Gothic;
}

.menu ul
{
	margin: 0px;
	padding: 0px;
	z-index: 2;
	position: relative;
}


.menu ul li
{
	/*background-image: url("/i/template/menu_bg.png"); */
	background-repeat: repeat-x;
    display: inline;
    height: 34px;
    float: left;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
}

.menu .selected a
{
    background-image: url("/i/pages/active_nav_bar.png");
    font-weight: bold;
}

.menu ul li a
{
 color: #ffffff;
 text-decoration: none;
 height: 34px;
 width: 112px;
 display: block;
}

.menu ul li a:hover, .menu ul li a.selected {
    background-image: url("/i/pages/active_nav_bar.png");
}

.menu .separator
{
	background-image: url("/i/pages/divisions_main_nav.jpg");
	width: 1px;
}

.first
{
	width: 30px;
}

.search
{
	height: 30px;
	float: right;
	font-family: Century Gothic;
}
.searchText
{
    height: 30px;
    line-height: 30px;
	float: left;
}
.searchSep
{
    float: left;
    background-image: url("/i/pages/search_divisions.jpg");
    margin: 5px 5px 0px 5px;
    display: block;
    width: 1px;
    height: 30px;
    background-repeat: no-repeat;
}
.searchBox
{
	background-color: White;
	border: solid 1px #606060;
	width: 200px;
	height: 21px;
	line-height: 21px;
	font-family:  Arial, sans-serif;
	font-size: 14px;
	display: inline-block;
	float: left;
	margin-top: 4px;
}

.searchButton
{
	background-image: url("/i/pages/search_icon.png");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	display: inline-block;
	width: 24px;
	height: 30px;
	float: left;
	cursor: pointer;
}
/* second Nav */
.secondNav ul .selected
{
    font-weight: bold;
    cursor: default;
}

.secondNav ul li
{
     color: #ffffff;
     text-decoration: none;
     height: 40px;
     margin: 0px 10px 0px 10px;
     display: block;
     cursor: pointer;
     float: left;
}



/* search results */
.searchHeader
{
	padding-top: 30px;
	font-weight: bold;
	font-size: 24px;
}

/* container */

.container
{
	background-image: url("/i/template/container_lb.png");
	background-repeat: repeat-x;
	width: 662px;
}

.containerHeader
{
	background-image: url("/i/template/container_cb.png");
	background-repeat: no-repeat;
	height: 6px;	
}

.containerContent
{
	border: solid 1px #555555;
	margin: 0px 5px 6px 5px;
	background-color: Black;
	width: 648px;	
	height: 300px;
}

/* rounded corner container */

.roundedcornr_box {
   background-color: #360706;
}

.roundedcornr_top div {
  background: url("/i/template/roundedcornr_tl.png") no-repeat top left;
}
.roundedcornr_top {
   background: url("/i/template/roundedcornr_tr.png") no-repeat top right;
}


.roundedcornr_bottom div {
   background: url("/i/template/roundedcornr_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url("/i/template/roundedcornr_br.png") no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 12px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0px 0px; }

/* Gallery */

.galleryList
{
	padding: 20px 30px 20px 30px;
	font-size: 10px;
	text-align: center;
}
.galleryList .header
{
}
.galleryList .header .label
{
	float: left;
}
.galleryList .header .sort
{
	float: right;
}



.galleryList .galleryItem
{
	width: 160px;
	float: left;
	padding: 8px;
}
.galleryList .thumb
{
}
.galleryList .title
{
	font-weight: bold;
	font-size: 12px;
}
.galleryList .metadata
{
	padding-top: 5px;
	color : #aaaaaa;
    font-size: 9px;	
}

.gallery
{
 font-size: 12px;
}

.gallery .leftPane
{
    width: 345px;
    float: left;
}

.gallery .poster
{
    padding-top: 20px;    
    margin-right: 20px;
    padding-bottom: 20px;
    background-color: #333333;
    text-align: center;
}

.gallery .rightPane
{
    width: 600px;
    float: right;
    padding-top: 2px;
}

.gallery .title .galleryName
{
    display: inline;
}
.gallery .actions
{
    line-height: 18px;
    padding-top: 6px;
}
.gallery .hidedetails
{
    float: right;
    color: #aaa;
    background-image: url("/i/pages/nodetails.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 18px;
    margin: 0px 10px 0px 10px;
}
.gallery .slideshow
{
    float: right;
    color: #aaa;
    background-image: url("/i/pages/play_slideshow.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 20px;
    margin: 0px 10px 0px 10px;
}

.gallery .adjustsize
{
    float: right;
    color: #aaa;
    background-image: url("/i/pages/adjust-size.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 18px;
    margin: 0px 10px 0px 10px;
}

.gallery .caption
{
    text-align: center;
    margin: 5px;
}
.gallery .date
{
   font-size: 14px;
   color: #555;
}
.gallery .share
{
    margin: 10px 0px;
}
.gallery .rate
{
    margin: 10px 0px;
}
.gallery .fav
{
    margin: 10px 0px;
}
.gallery .comments
{
     margin-top: 10px;
}
.gallery .desc
{
    margin: 10px 0px;
}
.gallery .photoby
{
    float: left;
    margin-top: 4px;
    margin-bottom: 6px;
    color: #555;
}
.gallery .photoBox
{
    background-image: url("/i/pages/main_photo_box.png");
    background-repeat: repeat-x;
}
.gallery .photoBox img
{
    margin: 10px;
}

.mosaic .thumb 
{
    float: left;
    margin: 0px 10px 14px 10px;
}

.mosaic .thumb IMG
{
    border: solid 5px #131313;
}

.mosaic a:hover {
	text-decoration: none;
}


.photoList
{
	font-size: 10px;
}

.photoList .noPhotos
{
    text-align: center;
}

/* photo */
.photo .title
{
    font-size: 28px;
    font-weight: bold;
    float: left;
    line-height: 30px;
}
.photo .actions
{
    float: right;
    line-height:30px;
    background-image: url("/i/template/slideshow_play.gif");
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 20px;
}
.photo .date
{
   font-size: 16px;
}
.photo .photoContainer
{
 text-align:center;
}


.showcase
{
	background-color: black;
	position: relative;
	overflow: hidden;
	border: solid 1px gray;
}
.showcase IMG
{
	cursor: pointer;
}

.showcase .textWrapper 
{
   padding: 0px 10px;
}

.showcase .text {
   visibility: hidden;
   display: block;
   z-index: 100;
   position: absolute;
   left: 0;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=75); /* here you can set the opacity of box with text */
   -moz-opacity: 0.75; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.75; /* here you can set the opacity of box with text */
   opacity: 0.75; /* here you can set the opacity of box with text */
   color: #fff;
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.showcase .text .title
{
	font-size: 18px;
	color: #adadad;
	height: 22px;
	display: inline-block;
	overflow: hidden;
}
.showcase .text .description
{
	font-size: 14px;
	color: #adadad;
}
.showcase .text .more
{
	color: #af0e14;
	font-size: 14px;
}
.showcase .text .moreBullet
{
	color: #af0e14;
	font-size: 14px;
}



.rating .stars
{
    display: inline-block;
	background-image: url("/i/template/rate.png");	
	width: 75px;
	height: 14px;
	cursor: pointer;
	overflow: hidden;
}

.favorite .add
{
	padding-left: 12px;
	display: inline-block;	
    cursor: pointer;
    color: black;
}

.imageData .photoFavorite .add
{
    background-image: url("/i/template/remFav.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	display: inline-block;	
    cursor: pointer;
    color: black;
    height: 16px;
}

.imageData .photoFavorite .rem
{
	background-image: url("/i/template/addFav.png");	
	background-repeat: no-repeat;
	padding-left: 20px;
    display: none;
    cursor: pointer;
    color: black;
    height: 16px;
}

.favorite .rem
{
    display: none;
    cursor: pointer;
    color: black;
    padding-left: 12px;
}


.imageData .permalink
{
    background-image: url("/i/pages/permalink.png");
	background-repeat: no-repeat;
	padding-left: 10px;
	float: left;
	display: inline-block;	
    cursor: pointer;
    width: 10px;
    height: 16px;
}

.noComments
{
    margin: 20px;
}

.noTags
{
    margin: 20px;
}


.comment
{
    background-color: #360706;
}

.comment .formContent
{
    padding-left: 10px;
}

.comment .horizontalSep
{
	background-image: url("/i/pages/comment-division-gradient.png");	
	background-repeat: repeat-x;
	height: 10px;   
}

.comment .entry
{    
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 60px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 13px;
    color: #fff;
}

.comment .body
{    
    overflow: hidden;
}

.comment .entiesContainer
{
    background-color: #360706;
}

.comment .inputContainer
{
    margin-top: 5px;
    color: black;
}
.comment .inputSubmit
{
    line-height: 24px;
    padding-left: 10px;
    cursor: pointer;
}

.comment .inputDiscard
{ 
    line-height: 24px;
    padding-left: 10px;
    cursor: pointer;
}

.comment .user
{
    font-weight: bold;
    color: #888;    
}
.comment .report
{
    color: #555;
    float: right;
    visibility: hidden;
    font-size: 10px;
    cursor: pointer;
    padding-right: 5px;
}
.comment .delete
{
    color: #555;
    float: right;
    visibility: hidden;
    font-size: 10px;
    cursor: pointer;
    padding-right: 5px;
    text-decoration: underline;
}
.comment .report:hover
{
    text-decoration: underline;
}
.comment .delete:hover
{
    text-decoration: underline;
}
.comment .postDate
{
    color: #555;
    font-size: 10px;
    float: left;
}

.comment .header
{
    font-weight: bold;
    margin-bottom: 10px;
}
.comments .commentTitle
{
    font-weight: bold;
}

.tagCloud .tagContainer .dark
{
    color: #aaa;
}

.tagCloud .tagContainer
{
    margin: 10px;
}

.tagCloud .tagEntry
{
    margin-right: 10px;
}

.tagCloud .horizontalSep
{
	background-image: url("/i/pages/comment-division-gradient.png");	
	background-repeat: repeat-x;
	height: 10px;   
}

.login
{
    margin: 100px auto 100px auto;
    text-align: center;
}

.login .userInput
{
    background-color: #181818;
    border: solid 1px #aaaaaa;
    color: #fff;
}
.login .pwdInput
{
    background-color: #181818;
    border: solid 1px #aaaaaa;
}
.login .inputSubmit
{ 
    color: #ffffff; 
    background-color: #a00; 
    border: 1px solid #fff; 
    padding: 2px;
}      


.footer
{
	padding: 20px;
	color: #888888;
	font-size: 10px;
}
.footer A
{
	color: #888888;
}

.footer .footerLeft
{
	float: left;
}

.footer .footerRight
{
	float: right;
}

.footer .separator
{
	margin: 0px 5px 0px 5px;
}

.shareContainer
{
}

.imageData
{
    display: none;
    float: left;
    width: 80%;
}

.goGallery
{
    color: Black;
    float: left;
    padding: 0px 10px;
    display: none;
}

.imageTag
{
    float: right;
    color: #666;
    background-image: url("/i/template/tag.png");	
	background-repeat: no-repeat;
	padding-right: 24px;
	background-position: right top;
    cursor: pointer;
    height: 30px;
    font-size: 18px;
    line-height: 20px;
}

.imageTagInput
{
    visibility: hidden;   
    position: absolute; 
    z-index: 1000;
}

.imageTagSubmit
{
    visibility: hidden;   
    position: absolute; 
    z-index: 1000; 
}
.atbutton
{
    float: left;
    position: relative;
}

.photoFavorite
{
    float: left;
}

.imageTags
{
    float: left;
    color: black;
}

.imageTagArea
{
    border: dashed 1px white;
    position: absolute;
    visibility: hidden;
    z-index: 1000;    
}
.imageTagAreaFill
{
    background-color: white;
    width: 100%;
    height: 100%;
}
.imageTagAreaText
{
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    visibility: hidden;
    cursor: pointer;
}
.imageTagAreaDelete
{
    font-size: 12px;
    position: absolute;
    visibility: hidden;
    cursor: pointer;
}
/* Profile */
.favPhotos
{
    padding: 20px 40px 20px 40px;
}

.taggedPhotos
{
    padding: 20px 40px 20px 40px;
}


.events
{
    margin: 20px;
    display: inline-block;
}

.eventsAd
{
    display: inline-block;
    vertical-align:top; 
    margin-top:40px;
}

.event
{
    text-align: center;
    margin: 20px;
}

.truncateLess
{
    color: #af0e14;
    cursor: pointer;
    display: block;
    text-align: right;
}
.truncateMore
{
    color: #af0e14;
    cursor: pointer;
    display: block;
    text-align: right;
}

.seeMoreLink
{
    float: right;
    color: #af0e14;
    cursor: pointer;   
}
.prevPage
{
    float: left;
    color: #af0e14;
    cursor: pointer;   
}
.nextPage
{
    float: right;
    color: #af0e14;
    cursor: pointer;   
}

.seeMore
{
    float: right;
    color: #af0e14;
    top: -70px;
    margin-right: 15px;
    position: relative;
    z-index: 10002;
    cursor: pointer;
}

.seeMoreMedium
{
    float: right;
    color: #af0e14;
    top: -50px;
    margin-right: 5px;
    position: relative;
    z-index: 10002;
    cursor: pointer;
}

.fancyButton
{
    background-image: url("/i/pages/left_comment_button.png");
    display: inline-block;
    height: 24px;
    line-height: 24px;
    float: left;
}
.fancyButtonEnd
{
    background-image: url("/i/pages/right_comment_button.png");
    display: inline-block;
    height: 24px;
    width: 10px;
    float: left;
}  
.sd_container
{
    color: black;
}
.sd_container .text
{
    padding: 10px;
}
.sd_container .yes
{
    margin-left: 10px;
}
.sd_container .no
{
    margin-left: 10px;
}

.changeNicknameContainer
{
    display: none;
}

.blink
{
    text-decoration: blink;
}


.article
{
    color: #fff;
}
.articleHome a, a:focus, a:hover, a:active {
    color: #af0e14;
}
.articleGallery a, a:focus, a:hover, a:active {
    color: #af0e14;
}
.article .articleName
{
    display: inline;
}
.article .articleDate
{
   display: inline;
   font-size: 14px;
   color: #555;
}


.videoList .videoEntry
{
    margin: 10px;
}
.smallVideoList .videoEntry
{
    float: left;
}
.smallVideoList .videoTime
{
    display: none;
}
.smallVideoList .videoDesc
{
    display: none;
}