/* -------------------------------------------------------------- 
   screen.css
   * Custom styles to build on top of base styles
   
   * Copyright - 2009.Rokkan
   * Date Created: Date file is created
   * Last Updated: Date file is last modified before pushed live
-------------------------------------------------------------- */

/* Reset browser defaults and apply base styles and colors
-------------------------------------------------------------- */
@import url(lib/base.css);


/* Structure
-------------------------------------------------------------- */
html, body, #civ-v {
    background: #000;
    border:0;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    cursor: pointer;
}

#wrapper {
    clear: both;
    float: left;
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    width: 100%;
}

#container{
    clear:both;
    display:block;
    margin:auto 0;
    text-align:left;
    width:934px;
}

#content-holder {
    clear:both;
    float:left;
    width:100%;
    height: 0;
    position:absolute;
    top:0;
    z-index:3000;
}

#content{
    clear:both;
    margin:0 auto;
    width:934px;
    top: 654px;
    position:relative;
    z-index:100;
}

.subpage #content {
    top: 450px
}
.subpage #contents {
    height: auto !important;
    min-height: 500px;
}

#contents {
    height: auto !important;
    min-height: 300px;
    height: 300px;
}

#civ-v {
    position: relative;
}

#content .module {
    color: #fff;
    float: left;
    width: 302px;
    margin-right: 14px;
}

.module p.intro, .module p b {
    color: #eaeabf;
    font-size: 25px;
}
.module p b {text-transform: uppercase;}

.module p b cufon {
    margin-bottom: 0;
}
.cufon {
    margin-bottom: 6px;
}
.module p{
    font-size: 14px;
    padding: 20px;
}
.module p.first {
    padding-top: 10px;
}
.module p img, .module a img, .item li img {
    border: 1px #4b4841 solid;
    padding: 1px;
}

#content .module.last {
    margin-right: 0px;
}
#content .module .module-top {
    background: url(../images/modules/civ_module_small_top.png) no-repeat 0 0;
    height: 41px;
    position: relative;
    z-index: 1000;
}
#content .module .module-content {
     background: #000 url(../images/modules/civ_module_small_bg.png) no-repeat 0 0;
     clear: both;
     float: left;
     left: 4px;
     padding: 0 10px 0 17px;
     position: relative;
     width: 266px;
     top: -13px;
}

#content .module.side {
    margin-bottom: 20px;
}

#content .module.wide .module-top {
    background: url(../images/modules/civ_module_info_top.png) no-repeat 0 0;
    height: 31px;
    position: relative;
    width: 610px;
}

#content .module.wide .module-content {
    background: #000000 url(../images/modules/civ_info_content_bg.png) no-repeat 0 41px;
    min-height: 735px;
    height: auto !important;
    height: 735px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 601px;
}
#content .module.wide.civilizations .module-content {
    background: #000000 url(../images/modules/civ_info_content_bg.png) no-repeat 0 2px;
}

.subpage #content .module.wide .module-btm {
    background: url(../images/modules/civ_module_info_btm.png) no-repeat 0 0;
    height: 46px;
    width: 604px;
}
#content .module.wide.news .module-btm .pagination {
    background: url(../images/news/civ_news_pagination.gif) no-repeat 0 0;
    height: 40px;
}

#content .module .module-content h2 {
    color: #d5d59a;
    font-size: 21px;
    margin: 26px 0 5px 0;
    text-transform: uppercase;
}
#content .module .module-content h2 span {
    font-size: 18px;
}

.module-content ul {
    clear: both;
    float: left;
}
.module-content ul.first {
    margin-top: 12px;
}

.module-content ul {
    margin-bottom:20px;
}

.module-content li.date {
    color: #8c8c8c;
    font-size: 11px;
}
.module-content li.title, .module-content li.intro-copy {
    float: left;
    width: 170px;
}

.module.one-col .module-content li.title, .module.one-col .module-content li.intro-copy {
    width:100%;
}

.module-content li.title a {
    color: #d2c467;
    font-size: 14px;
    font-weight: 900;
}

.module-content li.title a:hover, .news .module-content li.title a:hover, #content .module .module-content a.link:hover, .item .description p.download a:hover, .item .description p.download a.arrow:hover {
    color: #fff;
}

.news .module-content li.title a {
    font-size: 20px;
    font-weight: 900;
}

.module-content li.thumb {
    float: left;
    height: 58px;
    width: 84px;
    position: relative;
    top: -30px;
    left: 12px;
}
.module-content li.thumb img {
    border: 1px #4b4841 solid;
    padding: 1px
}


#content .module .module-content a.link {
    color: #d5d59a;
    cursor: pointer;
    font-size: 11px;
}
#content .module .module-btm {
    background: url(../images/modules/civ_module_small_btm.png) no-repeat 0 0;
    clear: both;
    height: 14px;
    position: relative;
    top: -13px;
    left: 1px;
}

#content .module-btm-home{
    background: url(../images/modules/civ_module_small_btm_home.png) no-repeat 0 0;
    clear: both;
    height: 14px;
    position: relative;
    top: -13px;
    left: 1px;
}


.item {
    float: left;
    line-height: 23px;
    padding: 0 0 0 20px;
    width: 601px;
}
.news .item.first {
    margin-top: 30px;
}
.downloads .item {
    margin-bottom: 10px;
}
.mods .item, .wallpapers .item {
    float: left;
    margin-bottom: 20px;
}
.mods p.intro-copy {
    padding-top: 0;
}
.module .item p {
    padding: 0;
}
.module .item p.after {
    padding-top: 20px;
}
.item .thumb {width: 185px;}
.item .description {
    position: relative;
    top: -6px;
    width: 363px;
}
.item.fullwidth .description {
    width: 580px;
}
.item .thumb, .item .description {
    float:left;
}
.item .description p.download {
    margin-top: 20px;
}

.item .description p.download a {
    color: #d2c467;
    font-weight: 900;

}
.item .description p.download a.arrow {
    background: url(../images/assets/civ_down_arrow.gif) no-repeat scroll 72px 7px;
    display: block;
    font-size: 13px;
}
#goodies .item .description p.download a.arrow {
    background: url(../images/assets/civ_goodies_arrow.gif) no-repeat 120px 6px;
    display: block;
    font-size: 13px;
}

.wallpapers .item {
    width: 259px;
    margin-right: 38px;
}
.wallpapers .item.last {
    margin-right: 0;
}
.wallpapers .item ul {
    width: 224px;
}
.wallpapers .item li.ratio {
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
}
.wallpapers .item li.size {
    color: #32302d;
}
.wallpapers .item li.size a {
    color: #d2c467;
    font-size: 11px;
}
.wallpapers .item li.size a:hover {
    color:#fff;
}
.user {
    color: #8c8c8c;
    font-size: 11px;
}
.user a {
    color: #d2c467;
    font-weight: 900;
}
.user a:hover {
    color: #fff;
}

/* Community */
.community .item, .news .item  {
    float: left;
    margin-bottom: 48px;
}
.community .module-content li, .news .module-content li, .information .module-content li {
    line-height: 23px;
}
.community .module-content li.title, .community .module-content li.intro-copy, .news .module-content li.title, .news .module-content li.intro-copy {
    float: none;
    font-size: 14px;
    width: 100%;
}
.community .module-content li.user, .news .module-content li.user {
    font-size: 12px
}

.community .podcast-download li {
    display:inline;
    font-size: 14px;
    font-weight: 900;
}
.community .podcast-download li a {
    display: inline;
    float: left;
    
}
.community .podcast-download li a.download {
    background: url(../images/assets/civ_down_arrow.gif) no-repeat scroll 72px 7px;
    width: 100px;
}
.community .podcast-download li a.transcript {
    background: url(../images/assets/civ_down_arrow.gif) no-repeat scroll 141px 7px;
    width: 155px;
}
.community #goodies .title, .news .title {
    color: #d2c467;
    font-size: 20px;
    font-weight: 900;
}
.community #goodies .item p, .news .item p {
    padding: 20px 0;
}
.community #goodies .item p img {
    padding: 0;
}
.community #goodies ul.download {
    font-weight: 900;
    padding: 20px 0;
}
.community #goodies ol {
    list-style-type: decimal;
    margin-left: 40px;
}
.community #goodies p.call-out {
    color: #d2c467;
}

.news .module-btm.pagination a, span.prev, span.next {
    color: #e5e5b8;
    font-size: 16px;
    font-weight: 900;
}
.news .module-btm.pagination a.prev, span.prev {
    background: url(../images/news/civ_news_pref_arrow.png) no-repeat 0 0;
    height: 38px;
    line-height: 20px;
    text-indent: 28px;
}

.news .module-btm.pagination a.next, span.next {
    background: url(../images/news/civ_news_next_arrow.png) no-repeat 70px 0;
    height: 38px;
    line-height: 20px;
    text-indent: 25px;
}
.news .module-content a.back {
    background: url(../images/news/civ_news_backarrow.png) no-repeat 0 0;
    color: #e5e5b8;
    display: block;
    font-size: 12px;
    line-height: 13px;
    text-indent: 20px;
}
.news .module-content p.user {
    font-size: 12px;
    padding: 0 0 0 20px;
}
.news .module-content p.intro  {
    padding-bottom: 0;
}
.news .module-content p.intro {
    padding-top: 0;
}
.news .module-btm.pagination a.prev, span.prev {
    left: 22px;
}
.news .module-btm.pagination a.next, span.next {
    left: 340px;
}
.news .module-btm.pagination .prev, .news .module-btm.pagination .next, span.prev, span.next {
    float: left;
    position: relative;
    top: 10px;
    width: 150px;
}

/* Side Bar */

#content #sidebar .module {
    position: relative;
    top: -18px;
}
#content #sidebar .module.one-col.ad {
    position: relative;
    left: 2px;
}
#content #sidebar .module.one-col.ad img {
    border: none;
}
#content #sidebar .module.top.one-col, #content #sidebar .module.top.two-col {
    position: relative;
    top: -18px;
}

/* Footer */
#footer-wrapper{
    float: left;
    margin: 50px 0 100px 0;
    width:100%;
    clear: both;
}
#footer {
    clear: both;
    float: left;
    font-size: 11px;
    margin-bottom: 100px;;
    width: 970px;
    position: relative;
    left: -12px;
}

#footer ul, #footer li {
    float:left;
}

#footer li span {
    color: #717171;
    font-weight: 900;
}
#footer li a {
    color: #e5e5b8;
    margin-right: 14px;
    text-decoration: underline;

}
#footer li a:hover {
    color:#fff;
}
#footer li a.last {
    margin-right: 0;
}

#footer ul.country {
    position: relative;
    left: 24px;
}
#footer ul.country, #footer ul.social {margin: 60px 0 30px 0 }
#footer ul.icons li a {margin-right: 0;}

#footer ul.social {
    position: relative;
    left: 294px;
}
#footer ul.social li a.facebook {
    background:transparent url(../images/footer/civ_facebook.png) no-repeat scroll 0 -1px;
}
#footer ul.social li a.twitter {
    background:transparent url(../images/footer/civ_twitter.png) no-repeat scroll 0 -1px;
}

#footer ul.social li a.twitter, #footer ul.social li a.facebook {
    display:block;
    height:18px;
    line-height:14px;
    padding:0 0 0 25px;
}

#footer .icons {
    margin-bottom: 40px;
}

#footer li.legal {
    color: #717171;
    font-size: 10px;
    text-align: center;
}

#parallaxLink {
	text-align:center; 
	width:950px; 
	top:20px;
	color:#D2C467;
	text-decoration: underline; 
	font-size:1.25em;
}

/*faisal changes*/

.civilizations #civ-v {
    height: 830px;
}

.civilizations #contents{
	height:1px;
	min-height:1px;
}

.civilizations #content{
	top: 830px;
}

.media #civ-v {
    height: 1150px;
}

.media #contents {
    top: 950px;
}

.media #content {
    top: 950px;
}

#content .module.civilizations-all .module-content, #content .module.initiatives .module-content, #content .module.downloads .module-content, #content .module.news .module-content {
    background: #000000 url(../images/modules/civ_info_content_bg.png) no-repeat 0 0;
    min-height: 735px;
    height: auto !important;
    height: 735px;
    left: 5px;
    margin: 0;
    width: 601px;
    padding: 0;
    top: 0;
}

#content .module.civilizations-all .module-btm {
     background: url(../images/modules/civ_module_info_btm.png) no-repeat 0 0;
    height: 46px;
    width: 604px;
}

#content .module.wide, #content .module.civilizations-all {
    height: auto !important;
    min-height: 770px;
    margin: 0 23px 0 0;
    padding: 0;
    position: relative;
    width:  609px;
    top: -21px;
}
/* End CSS */