/* == Fan Layout
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .splitLeft{float: left; width: 49%;}
#fanArea .splitRight{float: right; width: 49%;}

/* == Fan Navigation
------------------------------------------------------------------------------------------------------------------------ */
#fanArea ul.fanNav{margin: 10px 0; list-style: none; list-style-image: none;background: #eee; zoom: 1;border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#fanArea ul.fanNav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea ul.fanNav li{float: left;border-right: solid 1px #ccc; border-left: solid 1px #fff; margin: 3px 0;}
#fanArea ul.fanNav li a{float: left;padding: 0px 10px; text-decoration: none; font-weight: bold; color: #666;}
#fanArea ul.fanNav li a:hover{color: #000;}
#fanArea ul.fanNav li a.on{color: #922a4b;}
#fanArea ul.fanNav li.logout{float: right;border: 0;}
#fanArea ul.fanNav li.logout a{color: #fe0000;}

#fanArea ul.fanSecNav{margin: 0;list-style: none; list-style-image: none;border-bottom: solid 1px #ccc;padding-bottom: 10px;padding-left: 12px;}
#fanArea ul.fanSecNav li{display: inline;margin: 0 15px 0 0;font-weight: bold;}
#fanArea ul.fanSecNav li a{background: url(/_img/members/subnav-bullet.gif) center left no-repeat;padding-left: 12px;}
#fanArea ul.fanSecNav li a.on{background: url(/_img/members/subnav-bullet-on.gif) center left no-repeat;text-decoration: underline;}

/* == Fan Screen Messages
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .msgInfo{border: solid 1px #ccc; background: #eee;padding: 7px 15px; font-weight:bold;}

/* == Fan Toolbar (search, buttons etc)
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .tools{border: solid 1px #ccc; background: #eee;clear: both;margin: 10px 0;padding: 5px; zoom: 1;}
#fanArea .tools:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .tools .linkBtn{margin-left: 3px;}

/* == Fan Tab Specifics
------------------------------------------------------------------------------------------------------------------------ */
#fanArea ul.tabs{margin-bottom: 0;background: url(/_img/members/tab-pixel.gif) repeat-x bottom left;}
#fanArea ul.tabs li.on a{background: #eee;color: #111;border-bottom-color: #eee;}
#fanArea .tabHolder{border: solid 1px #888; border-top: 0;padding: 10px;zoom: 1;}
#fanArea .tabHolder:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

/* == Fan Homepage
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .panel{border: solid 1px #ccc; background: #eee; margin: 0 0 10px 0;padding: 5px; zoom: 1;}
#fanArea .panel:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .panel h2{margin: 0 0 5px 0; border-bottom: dotted 2px #ccc;}
#fanArea .panel .toggle{float: right;margin-top: 3px;}
#fanArea .panel .linkBtn{margin-left: 3px;}

/* == Fan Profile Page
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .memberProfile .img{float: left; background: #eee; border: solid 1px #ccc;margin: 0 10px 10px 0;padding: 5px; text-align: center; position: relative;}
#fanArea .memberProfile .img .mainImage{border: solid 1px #aaa;padding: 2px;display: block;margin-bottom: 5px;}
#fanArea .memberProfile .img .linkBtn{margin-bottom: 3px;display: block;}
#fanArea .memberProfile .img ul.photos{margin: 0; list-style: none; list-style-image: none; text-align: center;}
#fanArea .memberProfile .img .divFullImg{position: absolute; top: 0; left: 0; text-align: center;background: #eee; border: solid 1px #ccc;}
#fanArea .memberProfile h2.name{margin: 0 0 5px 0;}
#fanArea .memberProfile .facts{margin-left: 120px;}
#fanArea .memberProfile .facts .label{float: left; width: 100px;font-weight: bold;}
#fanArea .memberProfile .sig{font-style: italic;margin-top: 0;font-size: 120%; font-family: Georgia;border-left: solid 5px #ddd;padding-left: 10px;}
#fanArea .memberProfile .tabHolder h3{zoom: 1;border: solid 1px #ccc; background: #fff;padding: 5px;}
#fanArea .memberProfile .tabHolder h3:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .memberProfile .tabHolder h3 .linkBtn{font-size: 65%;}

/* == Fan Member Listing
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .memberList{margin: 10px 0; list-style: none; list-style-image: none;}
#fanArea .memberList li{zoom: 1; margin: 0 0 5px 0;}
#fanArea .memberList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .memberList li .thumb{float: left; margin-right: 5px;}
#fanArea .memberList li h4{font-size: 100%; font-weight: bold;}

/* == Fan Blog List
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .blogList{margin: 10px 0; list-style: none; list-style-image: none;}
#fanArea .blogList li{zoom: 1; margin: 0 0 10px 0;}
#fanArea .blogList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .blogList li .thumb{float: left; margin-right: 5px;}
#fanArea .blogList li h4{font-size: 100%; font-weight: bold;margin: 0;}
#fanArea .blogList li p{margin: 0;}
#fanArea .panel .blogList li .txt{margin-left: 60px;}

/* == Video Listing
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .vidList{margin: 10px 0; list-style: none; list-style-image: none;}
#fanArea .vidList li{zoom: 1; margin: 0 0 10px 0;}
#fanArea .vidList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#fanArea .vidList li .thumb{float: left; margin-right: 5px;}
#fanArea .vidList li h4{font-size: 100%; font-weight: bold;}

/* == Photo Listing (Compact)
------------------------------------------------------------------------------------------------------------------------ */
.photoListCompact{margin: 10px 0; list-style: none; list-style-image: none;zoom: 1;}
.photoListCompact:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.photoListCompact li{float: left;margin: 0 5px 5px 0;height: 33px; overflow: hidden;}

.activityList{margin: 10px 0; list-style: none; list-style-image: none;}
.activityList li{margin: 0 0 10px 0;zoom: 1;}
.activityList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.activityList li .thumb{float: left; margin-right: 5px;}

/* == Fan Exclusive News Panel
------------------------------------------------------------------------------------------------------------------------ */
#fanArea .excNews{border: solid 1px #ccc;background: #eee;padding: 0 10px;margin: 0 0 10px 0;}