/*
CSS by Hinch > www.forum-design.co.uk

1. Basics (html, body)
2. Container (#container)
3. Header (#header)
4. Sidebar (#sidebar)
5. Content (#content)
6. Ad column (#right)
7. Footer (#footer)
8. Profiles (#profile-)
9. User menu (#submenu)
10.Common (.notice)
11.Calendar (#calendar)
12.Member home (#homepage)
13.Video player (#video_player)
14.Share this
*/

/* 1. Basics */
html, body { background-color:#f5f5f5;color:#333;}

/* 2. Container */
#container { margin:0 auto;width:980px;padding:5px 0 0 0;background:url(BG_main.jpg) repeat-y center;}
#container #foot { clear:both;line-height:5px;background:url(BG_footer.jpg) no-repeat bottom;}

/* 3. Header */
#header { display:block;position:relative;height:128px;background:url(BG_menu.png) no-repeat bottom;}
#header #logo { position:absolute;top:0px;left:0px;text-decoration:none;color:#666;}
#header #logo span { display:block;clear:both;font-size:10px;padding-left:8px;line-height:14px}
#header #topbanner { position:absolute;right:0px;top:5px;border:1px solid #ddd;}
#header #search { position:absolute;top:0px;right:0px;}
#header #search input { display:inline;float:left;}
#header #search button { display:inline;float:left;margin-left:5px;}
#header #menu { position:absolute;right:0px;height:48px;width:660px;margin-top:72px;list-style-type:none;}
#header #menu li { display:inline;float:left;line-height:24px;text-transform:uppercase;}
#header #menu li a { color:#fff;text-decoration:none;padding:0 10px;}
#header #menu li a:hover { color:#ccc;}
#header #menu li ul { margin:0;padding:0;height:24px;line-height:24px;width:100%;position:absolute;top:-999em;left:0px;}
#header #menu li:hover ul, #header #menu ul li.hover ul { top:24px;left:-280px;width:960px;overflow:hidden;z-index:105;}
#header #menu li ul li { line-height:24px; text-transform:none;white-space:nowrap;}
#header #menu li:hover ul a, #header #menu li.hover ul a { white-space:nowrap;color:#333;}
#header #menu li ul li a:hover { color:#fff;}

/* 4. Sidebar */
#sidebar { }
#sidebar h4 { clear:both;margin:0 0 4px 0;height:32px;line-height:28px;text-indent:10px;color:#fff;background:url(sidebar_tab.png) no-repeat top;}
#sidebar ul { margin:0px;}
#sidebar .alt1 { margin:4px 0;width:205px;}
#sidebar .alt1 p { line-height:12px; }
#sidebar .alt1 a { float:left; }

#sidebar #user-loggedin { text-align:left;}
#sidebar #user-loggedin .avatar img { display:block;float:left;padding:1px;border:1px solid #eee;margin-right:4px;}
#sidebar #user-loggedin ul li { display:block;margin:0px;padding:2px 0;height:22px;line-height:22px;}
#sidebar #user-loggedin ul li img { float:left;padding-right:2px;}

#points { margin:0 12px 0 5px;padding:0 0 5px 0;border:1px solid #ddd;background:#eee;}
#points h4,#new-members h4,#ontour h4,#homefeature h4,#newsletter h4,#videos h4 { display:block;width:100%;height:24px;line-height:24px;margin:0;padding:0;font-size:12px;color:#fff;background:url(sidebar_points.png) repeat-x;text-align:center;}
#points table { border-bottom:none;border-color:#ccc;background:#fff;margin:5px 8px 0 8px;width:185px;}
#points table td { border-bottom:2px solid #ccc;}
#points #top5 { background:#ddd;font-weight:bold;text-align:center;}

/* 5. Content */
#content { padding-top:0;}
#content ul { padding-left:32px !important;list-style-type:circle;}
#content ol { padding-left:32px !important;list-style-type:decimal;}
#content .box1 { margin:8px 0;width:530px;}
#content #register .box1 { width:100%; }

/* 6. Ads */
#right { height:663px;}

/* 7. Footer */
#footer { }
#footer p { background:#dcdcdc;margin:4px 0 4px 0;font-size:10px;line-height:18px;color:#333;}

/* 8. Profiles */
#profile table { border:none;}
#profile h3, #search-friends h3 { margin:2px 0px !important;height:24px;line-height:22px;}
#profile h3 span, #search-friends h3 span { padding-left:16px;font-weight:normal;}
.profile-avatar, .profile-basic { display:inline;float:left;height:104px;}
.profile-avatar { text-align:center;padding-top:0px;width:140px;}
.profile-avatar a img { border:1px solid #ddd;padding:1px;margin-bottom:4px;height:90px;width:90px;}
.profile-avatar a:hover img { border-color:#333;}
#content #profile-friends ul, #content #profile-images ul, #content #profile-messages ul, #profile-images ul, #links ul { list-style-type:none;padding-left:0 !important;margin-top:0 !important;}

#profile-friends ul { position:relative;}
#profile-friends ul li { display:inline;float:left;width:50%;white-space:normal;}
#profile-friends ul li a.avatar { text-decoration:none;display:inline;float:left;width:108px;}
#profile-friends ul li a.avatar img { border:1px solid #ddd;padding:1px;width:96px;height:96px;z-index:5;}
#profile-friends ul li a:hover img { border-color:#333;}
#profile-friends ul li .name { line-height:16px;}
#profile-friends ul li .status { color:#888;font-weight:normal;font-size:10px;padding-bottom:4px;}

#profile-send { margin-bottom:10px;}
#profile-send textarea { width:504px; }

#profile-messages ul li div { font-size:10px;float:left;display:inline !important;}
#profile-messages ul li img { display:inline;float:left;padding:1px;border:1px solid #ddd;margin:0 10px 10px 0;}
#profile-messages a:hover img { border-color:#333; }

#profile-menu { height:32px; line-height:32px;list-style-type:none;margin:0 !important;padding:0 !important;border-bottom:1px solid #D6D6D6; }
#profile-menu li { display:inline; float:left; color:#666; padding:0 8px; margin:0; text-indent:0;  }
#profile-menu li a { color:#333; line-height:32px;}
#profile-menu li.selected { font-weight:bold; color:#333; }

#profile-images ul li {display:inline;float:left;width:100px;height:100px;padding:10px;text-align:center;position:relative;z-index:1;}
#profile-images ul li a img { border:1px solid #ddd;padding:1px;}
#profile-images ul li a:hover img { border-color:#333;}
#profile-images ul li div { text-align:center;font-size:10px;position:absolute;top:4px;left:4px;background:url(transparent.png);border:1px solid #ddd;padding:2px;}

/* 9. User toolbar */
#content #submenu { clear:both;width:439px;height:28px;background:#9c9c9c url(submenu.png) no-repeat left top;text-transform:uppercase;list-style-type:none;padding-left:95px !important;padding-top:0 !important;margin:0;z-index:10;}
#submenu li { display:block;float:left;height:32px;line-height:34px;border-left:1px solid #d1d1d1;border-right:1px solid #767676;padding:0 6px;margin:0 !important;position:relative;white-space:nowrap;}
#submenu li a { color:#333;}
#submenu li a.this { color:#fff; text-decoration:underline; }
#submenu li a:hover { color:#fff;}
#submenu li ul { margin:0;padding:0;line-height:24px;width:120px;position:absolute;top:-999em;left:0px;background:none;background:#9c9c9c;}
#submenu li:hover ul, #submenu ul li.hover ul { top:32px;z-index:11;padding-left:5px !important;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-radius:0 0 4px 4px;}
#submenu li ul li { display:block;float:none;height:24px;line-height:22px;padding:0 5px;text-transform:none;border:none;}
#submenu li:hover ul a, #submenu li.hover ul a { white-space:nowrap;}

/* 10. Common */
.notice { line-height:18px;font-size:12px;padding:0.4em 0;margin:5px 0;text-indent:40px;color:#fff;border:2px solid #333;}
h2.notice { border-color:#399B5C;background:#3CCC6F url(../images/icons/ok.png) no-repeat 8px center;}
h3.notice { border-color:#ED2E18;background:#F95645 url(../images/icons/error.png) no-repeat 8px center;}
.tooltip { background-color:#CDCDCD;display:block;line-height:16px;padding:4px 0;margin:0;text-indent:10px;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

/* 11. Calendar */
table#calendar { width:220px;margin:0 auto;border-collapse:collapse;text-align:center;border:1px solid #aaa;}
table#calendar a { text-decoration:none;color:#fff;}
table#calendar td.month { text-align:center;font-weight:bold;color:#fff;background:#F10303;}
a.monthLink, a.monthLink:link, a.monthLink:visited, a.monthLink:active { color:#333;}
a.monthLink:hover { text-decoration:none;}
table#calendar td.dayName { text-align:center;font-weight:bold;color:#fff;background:#F10303;}
table#calendar .day { background:#ccc;}
table#calendar .eventDay { background:#3CCC6F;}
table#calendar .today { font-weight:bold;background:#999;}
table#calendar .eventToday { background:#3CCC6F;font-weight:bold;}
table#calendar .eventToday a { color:red !important;}
table#calendar td.blankDay {}
#event-listing a { display:inline;float:left;}
#event-listing a img { padding:1px;border:1px solid #ddd;margin:0 10px 10px 0;}

/* 12. Homepage */
#front { background:no-repeat;height:310px;width:540px;margin-top:2px !important;padding:0 10px 0 0;overflow:hidden;}
#front fieldset { padding: 30px 0 0 20px;width:200px;}
#front fieldset label { color:#fff;font-weight:bold;}
#front #link1 { display:block; margin-top:10px; text-align:center;}
#front #link2 { display:block; margin-top:250px;}

#homeblocks .col { width:260px;margin:0 !important;}
#homeblocks .alt1, #homeblocks .alt2 { padding:0;}
#homeblocks .alt2 { width:258px;}
#homeblocks .block { margin-bottom:5px;padding:4px 5px;}
#homeblocks #ontour { height:232px;width:258px;margin-bottom:5px;}
#homeblocks #homefeature .block { margin-bottom:0;}

.block a:hover img { border-color:#333;}

#new-members { text-align:center;padding-bottom:8px;}
#new-members a img { padding:1px;border:1px solid #ddd;margin:0 2px;height:60px;width:60px;}
#new-members a:hover img { border-color:#333;}

#dyer2, #whatson { height:180px;}
#dyerad { width:78px;height:188px;padding:0;}
#whatson table#calendar { width:155px;font-size:10px;}
#invite img { margin-bottom:4px;}
#mystatus input { width:388px;}
#mystatus button { width:110px;}
#feed { margin-top:4px;}
#feed ul { list-style-type:none;margin:0 !important;padding:0 !important;text-indent:0px;}
#feed ul li { background:#eee;margin-bottom:4px;display:block;height:22px;line-height:22px;padding:3px 0;}
#feed ul li img { padding:0 4px;display:inline;float:left;}
#feed ul li span { font-size:10px;}

/* 13. Video Player */
#video_player {
margin-right:10px;
background-image:url(video-bg.jpg);
background-repeat:no-repeat;
background-position:top;
}
#video_player h1 { display:none; }
#video_player #player {
margin:20px auto;
width:425px;
height:316px;
}
#video-list ul {
padding:0 !important;
margin:0 !important;
list-style-type:none;
}
#video-list a img {
border:1px solid #333;
with:120px;
height:90px;
}

#video_player #video-list ul li {
position:relative;
padding:5px;
height:175px;
}
#video_player #video-list li a:hover { text-decoration:none; }
#video_player #video-list ul li img {
position:absolute;
left:5px;
top:5px;
}
#video_player #video-list ul li .now-playing {
position:absolute;
top:5px;
right:5px;
display:none;
background:#ff070c;
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
color:#fff;
z-index:10;
padding:2px 4px;
}
#video_player #video-list ul li.selected .now-playing { display:inline; }
#video_player #video-list ul li .date {
position:absolute;
left:135px;
top:5px;
}
#video_player #video-list ul li .title {
position:absolute;
left:135px;
right:10px;
top:30px;
}
#video_player #video-list ul li .more {
position:absolute;
left:135px;
top:80px;
color:#ff070c;
cursor:pointer;
}
#video_player #video-list ul li .more-text {
position:absolute;
left:135px;
right:10px;
top:100px;
}
#video_player #video-list ul li.collapsed { height:100px; }
#video_player #video-list ul li.collapsed .more-text { display:none; }

#homeblocks #video-list {
display:block;
position:relative;
width:100%;
height:116px;
margin-top:5px;
overflow:auto;
}
#homeblocks #video-list ul li {
display:inline;
float:left;
position:relative;
width:120px;
height:90px;
padding:0 5px;
}
#homeblocks #video-list li a:hover {
text-decoration:none;
cursor:pointer;
}
#homeblocks #video-list li a span {
position:absolute;
left:5px;
right:3px;
height:18px;
padding:2px 4px;
display:none;
font-size:10px;
border-right:2px solid #222;
}
#homeblocks #video-list li a span.title {
height:auto;
top:21px;
bottom:-2px;
color:#333;
background:#eee;
border-bottom:2px solid #333;
}
#homeblocks #video-list li a span.date {
top:1px;
background:#333;
color:#fff;
}
#homeblocks #video-list li a:hover span { display:inline; }

/* 14. Share this */
#share-this ul {
margin:0;
padding:0;
height:32px;
line-height:32px;
list-style-type:none;
}
#share-this ul li {
float:left;
display:block;
margin-right:10px;
}
#share-this ul li a { color:#333; }
#share-this ul li a img {
display:inline;
float:left;
margin:0 3px 0 0;
}