/* CSS Document */
body{
background:url(http://www.unofficialfan.com/_images/bg.jpg) repeat-x #343434;
margin:0px;
}
h3{
font-weight:lighter;
font-size:1.25em;
}
a{
border-bottom:1px dashed #666666;
color:#CCCCCC;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#0066CC;
}
textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;

}
#banner{
width:850px;
height:100px;
background:url(_images/bannerbg.jpg) 350px 60px no-repeat;

}
#banner img{
margin:15px;
margin-top:12px;
}
#banner li{
display:inline;
color:#999999;
padding:7px 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
}
#banner ul{
position:relative;
top:37px;
left:7px;
}
#user_stuff a{
color:#666666;
}
#user_stuff a:hover{
color:#0066CC;
}
#banner  a{
border:none;
}
#advert_section{
width:800px;
height:250px;
background:url(_images/unofficial_Ad.jpg) no-repeat;
margin:auto;
margin-left:10px;
clear:both;
}
#outer{
width:830px;
margin:auto;
}

#about_intro{
margin-right:20px;
width:400px;
float:right;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
background:url(_images/about_intro_header_small.jpg) no-repeat;
}
#about_intro_content{
padding:10px;
margin-top:176px;
border:1px dotted #666666;
border-top:none;
margin-bottom:30px;
background:url(_images/about_intro_content_bg.jpg) 0px -5px no-repeat;
}
#ad_section{
float:left;
clear:left;
margin-left:10px;
margin-top:3px;
width:375px;
height:285px;
}
#ad_content{
width:365px;
border:1px dotted #666666;
border-top:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:0.9em;
padding:5px;
margin-right:5px;
background:url(_images/about_intro_content_bg.jpg) 0px  no-repeat;
}
#ad_content p{
padding-left:-5px;
border:none;
}
#ad_header{
width:375px;
height:221px;
background:url(_images/featured_image.jpg) no-repeat;

}
#ad_title{
background:url(_images/featured_header.jpg) no-repeat;
width:375px;
height:40px;
}
#searcher{
width:800px;
border:1px dotted #666666;
height:300px;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
#searcher p{
margin:30px;
}
#contactus_heading{
background:url(_images/contactus_heading.jpg) no-repeat;
width:800px;
height:296px;
margin-top:10px;
}
#email_contact{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-weight:bold;
width:195px;
padding:10px;
float:right;
border:1px dashed #666666;
font-size:0.7em;
padding-top:0px;
margin-right:10px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:lighter;
margin-top:5px;
}
#form_contact{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:10px;
border:1px dashed #666666;
width:550px;
padding-top:0px;
}
#advertising_header{
margin-top:10px;
width:800px;
height:361px;
background:url(_images/advertising_header.jpg) no-repeat;
}
#advertising_content{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding:10px;
border:1px dashed #666666;
width:480px;
padding-top:0px;
font-size:0.9em;
margin-top:10px;
float:left;
}
#advertising_banners{
width:260px;
margin-right:10px;
border:1px dashed #666666;
float:right;
color:#CCCCCC;
padding:10px;
padding-top:0px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#about_header{
background:url(_images/about_header.jpg);
width:800px;
height:320px;
margin-top:10px;
}
#about_content{
width:780px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#group_manager{
background:url(_images/group_manager.jpg) no-repeat;
width:800px;
height:195px;
margin-top:10px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#group_manager p{
font-size:0.9em;
margin-top:70px;
margin-lefT:40px;
width:450px;
}
#control_header{
background:url(_images/control_panel_ad.jpg) no-repeat;
width:800px;
height:195px;
margin-top:10px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}

#control_header p{
font-size:0.9em;
margin-top:70px;
margin-lefT:40px;
width:450px;
}
#control_help{
width:250px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
float:right;
}
#control_notice{
width:480px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
float:left;
}
#control_groups{
width:480px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
float:left;
}
#category_header{
background:url(_images/category_header.jpg) no-repeat;
width:800px;
height:260px;
margin-top:10px;
}
#group_manager_content{
width:780px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
padding-top:0px;
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:10px;
}
#control_content{
width:780px;
/*border:1px dashed #666666;*/
color:#CCCCCC;
padding:10px;
padding-top:0px;
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#category_content{
width:780px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
.big_light_gray{
font-size:1.3em;
font-weight:lighter;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.light_gray{
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
.flash{
margin-top:30px;
margin-left:30px;
}
#view_advert{
background:url(_images/under_dev_header.jpg) no-repeat;
width:800px;
height:430px;
margin-top:10px;
}
#view_content{
width:780px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#account_1{
width:780px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-size:0.7em;
}
#account_photo{
width:130px;
float:left;
height:150px;
margin-left:10px;
}
#account_groups{
float:right;
width:335px;
height:150px;
padding-left:35px;
border-left:1px dashed #CCCCCC;
margin-top:0px;
}
#membership_settings{
width:365px;
float:right;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#message_centre{
width:365px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
/************** tool box styles ****************************/
#page_manager{
width:230px;
height:130px;
border:1px dashed white;
position:fixed;
top:0px;
left:0px;
padding:10px;
text-align:center;
}
#saving_manager{
width:230px;
height:130px;
border:1px dashed white;
position:fixed;
top:200px;
left:0px;
padding:10px;
}
#basic_block{
width:230px;
height:480px;
border:1px dashed white;
position:fixed;
top:150px;
left:0px;
overflow:auto;
padding:10px;
text-align:center;
}
#module_manager{
width:230px;
height:630px;
border:1px dashed white;
overflow:auto;
position:fixed;
top:0px;
left:1006px;
padding:10px;
text-align:center;
}
#main_page_viewer{
position:fixed;
top:0px;
overflow:auto;
background:#E8E8E8;
left:253px;
width:992px;
height:830px;
padding:10px;

}

/************* toolbox styles *********************/
#top_bar{
width:800px;
height:60px;
border-bottom:5px double #CCCCCC;
}

#template_picker_content{
padding:10px;
width:800px;
}
/************** profile styles *******************/
#profile_view{
width:780px;
border:1px dashed #666666;
color:#CCCCCC;
padding:10px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}
#profile_view p{
font-size:0.7em;
margin-top:-5px;
}
#profile_view h3{
margin-top:-5px;
}
#profile_right{
width:580px;
float:right;
clear:right;
}
#profile_left{
width:180px;
float:left;
clear:left;
}
#about_me h3{
margin-top:-5px;
margin-left:-5px;
}
#about_me{
border:1px dotted #CCCCCC;
width:540px;
padding:10px;
margin-top:50px;
}
#profile_photo{
border:1px dotted #CCCCCC;
height:150px;
padding:10px;
text-align:center;
}
#profile_video{
float:right;
}
#profile_interests{
float:left;
}
#profile_tags{
border:1px dotted #CCCCCC;
padding:10px;
}
#profile_contact{
margin-top:10px;
border:1px dotted #CCCCCC;
margin-bottom:10px;
padding:10px;
}
#profile_groups{
padding:10px;
border:1px dotted #CCCCCC;
margin-top:10px;
width:540px;
}
#profile_advert{
border:1px dotted #CCCCCC;
margin-top:10px;
padding:10px;
}
#profile_advert h3{
font-size:0.7em;
}
#profile_interests{
padding:10px;
border:1px dotted #CCCCCC;
margin-top:10px;
width:540px;
}
#podcast_main{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#support_heading{
margin-top:10px;
width:800px;
height:321px;
background:url(http://www.unofficialfan.com/_images/support_advert.jpg) no-repeat;
}
#form_contact p{
font-size:0.8em;
}
small{
font-size:0.7em;
}