/* DOCUMENT INFORMATION

	- Document: Mafia II - Community Styles

	- Date:  	2009-02

	- Author:   ROKKAN | Katarina Milkova   

*/



/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}



body {font-size:62.5%;color:#999;background:#fff;font-family: Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#ca0000;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.75em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}

h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {clear: both; margin:0; width: 100%;}

a:focus {outline: thin #ccc;}

a:hover {color:#ca0000;}

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

ul, ol {margin:0;}

ul {list-style: none;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

hr.space {background:#fff;color:#fff;}

.subpage {width:350px}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

.clearfix:after, #container:after, #content:after, .content-body:after, .sidemodule-body:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix, #container, #content {display:block;}

.clear {clear:both;}

.loading{background:url(../imgs/modules/load.gif) no-repeat center center;}





/*------------GENERAL CLASSES---------------*/

.hidden {display: none} 

.col {float: left}

.offscreen-render {position: absolute; left: -9999em;}

.hr-solid {background: url(../imgs/layout/mafia_hr_solid.gif) repeat-x 0 0; clear: both; float:left; height: 1px; width: 100%;}

.hr-solid hr {display: none;}





/* forms.css */

label {font-weight:bold;}

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}

legend {font-weight:bold;font-size:1.2em;}

input {font-family: Arial, Helvetica, sans-serif;}

input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}

input.text, input.title {width:300px;padding:5px;}

input.title {font-size:1.5em;}

textarea {width:390px;height:250px;padding:5px; background:#f3f3f3; font-size:1.1em; font-family: Arial, Helvetica, sans-serif;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}

.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}

.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}

.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.error a {color:#8a1f11;}

.notice a {color:#514721;}

.success a {color:#264409;}







/*------------STRUCTURE---------------*/

html, body {height: 100%}

body {margin: 0; background-color: #000; color: #fff}

#container {

	background: #000 url(../imgs/layout/mafia_pg_header.gif) no-repeat 0 0; /* To be taken out once flash header is put in */

	clear: both;

	margin: 0 auto; padding-bottom: 20px;

	text-align: left;

	width: 1200px;

}

#content {background: #000; clear: both; margin: 0; padding: 0 125px; text-align: left; width: 950px;}



/* Columns found on homepage layout */

#home #content .content-body .col-lft {float: left; margin: 0 16px 0 0; width: 582px;}

#home #content .content-body .col-lft2 {float: left; margin: 0 16px 0 0; width: 898px;}

#home #content .content-body .col-lft3 {float: left; margin: 0 16px 0 0; width: 817px;}

#home #content .content-body .col-rt {float: left; width: 316px;}



/* Columns found on subpage layout */

#content .content-body .inner-col-lft {float: left; margin: 0 24px 0 0; width: 200px;}

#content .content-body .inner-col-rt {float: left; width: 570px;}





/*------------BRANDING---------------*/

#branding {clear: both; float: left; height: 245px; width: 1200px; position: relative;}

#branding .mafia {position: absolute; top: 205px; left: 420px;}

#branding .mafia h1 {color: #fff; font-size: 5.6em; margin: 0; text-transform: uppercase; background: url(../imgs/layout/mafia_community_logo.png) no-repeat 0 0; height: 137px; width: 363px; overflow: hidden; text-indent: -9999em;}

#branding .mafia h1 a {color: #fff; display: block; float: left; height: 88px; width: 200px; overflow: hidden; position: relative; left: 80px; top: 12px; z-index: 1000;}

#branding .mafia h1 a span {color: #ca0000; margin: 0 auto; text-align: center;}

#branding .mafia .sub-heading {color: #fff; clear: both; font-size: 19px; margin: 0 auto; text-align: center; text-transform: uppercase; position: absolute; left: -9999em;}







/*------------NAVIGATION---------------*/

#nav {background: url(../imgs/layout/mafia_nav_bg.png) no-repeat; clear: both; float: left;	height: 43px; width: 1200px;}

#nav ul {float: left; position: relative; left: 125px;}

#nav ul li {float: left; margin: 0}

#nav ul li.placeholder {height: 43px; width: 249px; position: relative; z-index: 1;} /* space between btns where logo resides */

#nav ul li a {color: #fff; display: block; font-size: 1.4em; height: 39px; margin-top: 4px; text-indent: -9999em; position: relative; z-index: 100;}



/* NAV BTNS IMG POSITIONING */

#nav ul li.link-features a {background: url(../imgs/nav/mafia_nav_btn_features.gif) no-repeat 0 0; width: 117px;}

#nav ul li.link-podcasts a {background: url(../imgs/nav/mafia_nav_btn_podcasts.gif) no-repeat 0 0; width: 117px;}

#nav ul li.link-fansites a {background: url(../imgs/nav/mafia_nav_btn_fansites.gif) no-repeat 0 0; width: 117px;}

#nav ul li.link-downloads a {background: url(../imgs/nav/mafia_nav_btn_downloads.gif) no-repeat 0 0; width: 117px;}

#nav ul li.link-goodies a {background: url(../imgs/nav/mafia_nav_btn_goodies.gif) no-repeat 0 0; width: 117px;}

#nav ul li.link-mainsite a {background: url(../imgs/nav/mafia_nav_btn_mainsite.gif) no-repeat 0 0; width: 117px;}



#nav ul li.link-features a.current, #nav ul li.link-features a:hover, #nav ul li.link-podcasts a.current, #nav ul li.link-podcasts a:hover,

#nav ul li.link-fansites a.current, #nav ul li.link-fansites a:hover, #nav ul li.link-downloads a.current, #nav ul li.link-downloads a:hover,

#nav ul li.link-goodies a.current, #nav ul li.link-goodies a:hover, #nav ul li.link-mainsite a.current, #nav ul li.link-mainsite a:hover {background-position: 0 -39px;}





/*------------CONTENT HEADER---------------*/

#content .content-header {background: url(../imgs/layout/mafia_content_header_bg.gif) no-repeat 0 0; height: 50px; width: 914px; padding: 18px 18px 0 18px;}

#content .content-header h2 {float: left; margin: 0;}

#content .content-header h2 img {float: left;}



#content .content-body {background: url(../imgs/layout/mafia_content_body_bg.gif) repeat-y 0 0; padding: 26px 18px; width: 914px;}

#content .content-bottom {background: url(../imgs/layout/mafia_content_bottom.gif) repeat-y 0 0; height: 18px; width: 950px;}





/*------------COUNTRY LIST---------------*/

.country-list {float: right; position: relative; z-index: 200;}

.country-list li {float: left; text-transform: uppercase;}

.country-list li img {margin-right: 8px;}

.country-list li a {display: block; float: left;}

.country-list li.title-country {background: url(../imgs/titles/mafia_title_country.png) no-repeat 0 0; height: 12px; width: 34px; position: relative; top: 6px; right: 8px; overflow: hidden; text-indent: -9999em;}

.country-list li.separator {position: relative; left: 2px;}

.country-list li a {overflow: hidden; text-indent: -9999em}



/* COUNTRY ICONS IMG POSITIONING */

.country-list li.country-usa a {background: url(../imgs/icons/mafia_country_icon_usa.gif) no-repeat 0 0; height: 23px; width: 26px;}

.country-list li.country-fr a {background: url(../imgs/icons/mafia_country_icon_france.gif) no-repeat 0 0; height: 23px; width: 26px;}

.country-list li.country-ge a {background: url(../imgs/icons/mafia_country_icon_germany.gif) no-repeat 0 0; height: 23px; width: 26px;}

.country-list li.country-sp a {background: url(../imgs/icons/mafia_country_icon_spain.gif) no-repeat 0 0; height: 23px; width: 26px;}

.country-list li.country-it a {background: url(../imgs/icons/mafia_country_icon_italy.gif) no-repeat 0 0; height: 23px; width: 26px;}



.country-list li.country-usa a.current, .country-list li.country-usa a:hover, .country-list li.country-fr a.current, .country-list li.country-fr a:hover, .country-list li.country-ge a.current, .country-list li.country-ge a:hover, .country-list li.country-sp a.current, .country-list li.country-sp a:hover, .country-list li.country-it a.current, .country-list li.country-it a:hover {background-position: 0 -23px;}



.country-list li.btn-rss a {background: url(../imgs/btns/mafia_btn_rss.gif) no-repeat 0 0; height: 25px; width: 32px; margin-right: 6px; overflow: hidden; text-indent: -9999em;}

.country-list li.btn-preorder a {background: url(../imgs/btns/mafia_btn_preorder_now.gif) no-repeat 0 0; height: 25px; width: 89px; overflow: hidden; text-indent: -9999em;}

.country-list li.btn-rss a:hover, .country-list li.btn-preorder a:hover {background-position: 0 -25px;}





/*------------CONTENT SECTION - SHARED STYLES---------------*/

#content .section {clear: both; float: left; margin: 0; width: 100%;}

#content .section.first {margin-top: 0;}

#content .section img.thumb, #content .section img.member-photo {border: 3px solid #fff; float: left; margin-right: 10px;}

#content .section img.thumb2 {border: 3px solid #fff; float:left; margin-right: 50px; margin-left: 50px;}

#content .section img.thumb3 {border: 3px solid #fff; float:right; margin-right: 200px; margin-left: 50px;}



#content .section.fluid .section-detail {width: 100%;}

#content .section.fluid .section-detail-right {width: 100%;}

#content .section.fluid .section-detail-wide {width: 100%;}



#content .section .section-detail h4 {color: #ca0000; clear: both; float: left; font-size: 1.4em; font-weight: bold; margin: 0; text-transform: uppercase;}

#content .section .section-detail-right h4 {color: #ca0000; clear: both; float: left; font-size: 1.4em; font-weight: bold; margin: 0; text-transform: uppercase;}

#content .section .section-detail-wide h4 {color: #ca0000; clear: both; float: left; font-size: 1.4em; font-weight: bold; margin: 0; text-transform: uppercase;}



#content .section .section-detail h4 a {color: #ca0000;}

#content .section .section-detail-right h4 a {color: #ca0000;}

#content .section .section-detail-wide h4 a {color: #ca0000;}



#content .section .section-detail h4 a:hover {text-decoration: underline;}

#content .section .section-detail-right h4 a:hover {text-decoration: underline;}

#content .section .section-detail-wide h4 a:hover {text-decoration: underline;}



#content .section .section-detail p {color: #ddd; font-size: 1.2em;}

#content .section .section-detail-right p {color: #ddd; font-size: 1.2em;}

#content .section .section-detail-wide p {color: #ddd; font-size: 1.2em;}



#content .section .section-detail p a.more-link {color: #ca0000; line-height: 1em;}

#content .section .section-detail-right p a.more-link {color: #ca0000; line-height: 1em;}

#content .section .section-detail-wide p a.more-link {color: #ca0000; line-height: 1em;}



#content .section .section-detail p a:hover.more-link {text-decoration: underline;}

#content .section .section-detail-right p a:hover.more-link {text-decoration: underline;}

#content .section .section-detail-wide p a:hover.more-link {text-decoration: underline;}



#content .section .post-detail li {color: #959595; font-size: 1.1em; font-weight: bold; float: left; line-height: 1.4em; margin-right: 8px;}

#content .section .post-detail li a {color: #ca0000;}

#content .section .post-detail li a:hover {text-decoration: underline;}



#content .hr-solid {margin: 30px 0;}



/*------------CONTENT SECTION - HOMEPAGE Specific---------------*/

#home #content .hr-solid {margin: 0}

#home #content .section {clear: both; float: left; margin: 12px 0; width: 100%;}

#home #content .section .section-detail {float: left; width: 440px;}

#home #content .section .section-detail-wide {float: left; width: 720px;}

#home #content .section .section-detail-right {float: left; width: 440px; margin-left: 50px;}





/*------------CONTENT SECTION - SUBPAGE Specific---------------*/

#content .section .inner-col-rt .section-detail h5 {color: #ca0000; clear: both; float: left; font-size: 1.6em; font-weight: bold; line-height: 1.1em; margin: 0; text-transform: uppercase;}

#content .section .inner-col-rt .section-detail h5 span {clear: both; float: left;}

#content .section .inner-col-rt .section-detail {float: left; width: 570px}

#content .section .inner-col-rt .quote {clear: both; float: left; margin: 30px 0 0 0; width: 570px;}

#content .section .inner-col-rt .quote p {clear: both; font-style: italic; width: 100%;}

#content .section .inner-col-rt .quote span {clear: both; color: #ca0000; float: right; font-size: 1.2em;}





/*------------SECTION CONTENT---------------*/

.section-content {clear: both; float: left; margin-top: 30px; width: 570px;}

.section-content .content-segment {clear: both; float: left; margin: 0 0 30px 0; width: 570px:}

.section-content .content-segment.last {margin: 0;}

.section-content .content-segment h6 {clear: both; float: left; font-size: 1.2em; width: 570px;}

.section-content .content-segment p {clear: both; float: left; font-size: 1.2em; width: 570px;}





/*------------SIDEMODULE - GENERAL STYLES---------------*/

.sidemodule {clear: both; float: left; margin-bottom: 8px;}

.sidemodule .sidemodule-header {background: url(../imgs/layout/mafia_sidemodule_header_bg.gif) no-repeat 0 0; height: 27px; width: 296px; padding: 10px}

.sidemodule .sidemodule-top {background: url(../imgs/layout/mafia_sidemodule_top.gif) no-repeat 0 0; height: 8px; width: 316px;}

.sidemodule .sidemodule-body {background: url(../imgs/layout/mafia_sidemodule_body_bg.gif) repeat-y 0 0; padding: 0 16px; width: 284px;}

.sidemodule .sidemodule-bottom {background: url(../imgs/layout/mafia_sidemodule_bottom.gif) no-repeat 0 0; height: 8px; width: 316px;}

#content .sidemodule .module-content {clear: both; float: left; margin: 0; padding: 8px 0; width: 284px}

.sidemodule .sidemodule-header h3 {float: left; font-size: 2.4em; margin: 0;}

.sidemodule .sidemodule-header a {float: right;} 



#content .sidemodule .section {clear: both; float: left; margin: 0;}

.sidemodule .section p {color: #ddd; font-size: 1.1em; line-height: 1.2em;}

.sidemodule .section p a {color: #ca0000; font-weight: bold; text-decoration: underline;}

.sidemodule .section p a.username {text-transform: uppercase;}

.sidemodule .section p a:hover {color: #ddd;}

#content .sidemodule .hr-solid {margin: 12px 0;}

.sidemodule ul {clear: both; float: left;}





/*------------SIDEMODULE - MODULE SPECIFIC STYLES---------------*/

.sidemodule.promo .sidemodule-body {background: url(../imgs/layout/mafia_sidemodule_body_bg.gif) repeat-y 0 0; padding: 0 8px; width: 300px;}

.forum-feed h3 {background: url(../imgs/titles/mafia_title_intheforums.gif) no-repeat 0 0; height: 23px; width: 160px; overflow: hidden; text-indent: -9999em;}

.in-the-news h3 {background: url(../imgs/titles/mafia_title_inthenews.gif) no-repeat 0 0; height: 28px; width: 160px; overflow: hidden; text-indent: -9999em;}



.community-sites h3 {background: url(../imgs/titles/mafia_title_communitysites.gif) no-repeat 0 0; height: 27px; width: 187px; overflow: hidden; text-indent: -9999em;}

.community-sites ul.sites-list li {clear: both; float: left; margin-bottom: 2px; width: 274px;}

.community-sites ul.sites-list li a {color: #ddd; font-size: 1.1em; font-weight: bold; float: left; background: url(../imgs/layout/mafia_list_bullet.gif) no-repeat left 7px; padding-left: 10px; text-decoration: underline; width: 100%;}

.community-sites ul.sites-list li a:hover {color: #5e5e5e; text-decoration: none;}





/*------------BUTTONS---------------*/

a.btn-viewall {background: url(../imgs/btns/mafia_btn_viewall.gif) no-repeat 0 0; height: 25px; width: 56px; overflow: hidden; text-indent: -9999em;}

a:hover.btn-viewall {background-position: 0 -25px;}

a.btn-side-newslettersignup {background: url(../imgs/btns/mafia_btn_newsletter.gif) no-repeat 0 0; display: block; float: left; height: 48px; width: 316px; margin-bottom: 8px; overflow: hidden; text-indent: -9999em;}

a:hover.btn-side-newslettersignup {background-position: 0 -48px;}





/*------------FOOTER---------------*/

#footer {background: #000; clear: both; float: left; width: 1200px; text-align: center;}

#footer ul {margin: 34px auto; text-align: center; width: 950px;}

#footer ul li {float: none; height: 55px; margin: 0 0 18px 0;}

#footer ul li a {margin: 0 16px;}

#footer p.legal {color: #707070; font-size: 1em; float: none; margin: 0 auto 18px; text-align: center; width: 760px;}





/*------------SEARCH--------------*/

#search_box {

    width: 235px;

    height: 55px;

    background: url(../imgs/content/search_box.jpg);

}

#search_box #s {

	font-size:62.5%;color:#999;background:#fff;font-family: Arial, Helvetica, sans-serif;

    float: left;

    padding: 0;

    margin: 15px 40px 0 10px;

    border: 0;

    width: 159px;

    background: none;

}

#search_box #go {

    float: right;

	margin-top: -20px;

}

 

/* END CSS */