/* CSS Document */

/* -------------------------- Styles for the HOME page -------------------------- */


#banner-outer {
position: relative;
overflow: hidden;
width: 980px;
border-bottom: 2px solid #454841;
background-color: #2e302b;
}

#banner-images-container {
position: relative;
width: 920px;
overflow: hidden;
border: 10px solid #000;
}




#mid-row-container {
float: left;
overflow: hidden;
border-bottom: 2px solid #454841;
background-color: #2e302b;
}

#mid-row-container-left {
float: left;
width: 580px;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
border-right: 2px solid #454841;
background-color: #1e201d;
}

#mid-row-container-right {
float: left;
width: 278px;
padding: 20px;
overflow: hidden;
}




#article-container {
float: left;
width: 580px;
overflow: hidden;
padding-right: 20px;
}

#article-item {
float: left;
width: 580px;
overflow: hidden;
padding-bottom: 30px;
}

#article-image {
float: left;
width: 160px;
overflow: hidden;
border: 2px solid #454841;
margin-right: 20px;
}

#article-header {
float: left;
width: 390px;
overflow: hidden;
font-size: x-large;
padding-bottom: 10px;
}

#article-content {
float: left;
width: 390px;
overflow: hidden;
}





#bio-container {
float: left;
width: 272px;
overflow: hidden;
padding-bottom: 30px;
}
#bio-header {
float: left;
width: 272px;
overflow: hidden;
padding-bottom: 10px;
}
#bio-article {
float: left;
width: 272px;
overflow: hidden;
}
#bio-thumb {
float: right;
width: 66px;
overflow: hidden;
border: 2px solid #454841;
margin-left: 20px;
}
#bio-text {
float: left;
width: 272px;
overflow: hidden;
}


#mapping-container {
float: left;
width: 272px;
height: 204px;
overflow: hidden;
padding-bottom: 30px;
background-image: url(../images/braveStar-map-272px.gif);
background-repeat: no-repeat;
background-position-y: 10px;
}
#mapping-header {
color: #ffa200;
font-size: large;
float: left;
width: 272px;
overflow: hidden;
padding-bottom: 6px;
}
#mapping-text {
color: #b4b4b4;
float: left;
width: 272px;
overflow: hidden;
padding-bottom: 6px;
}
#mapping-diary {
color: #d4d4d4;
float: left;
width: 272px;
overflow: hidden;
padding-bottom: 6px;
}


#socialnetwork-container {
float: right;
width: 272px;
overflow: hidden;
padding-right: 20px;
}
#socialnetwork-logo {
float: right;
overflow: hidden;
padding-left: 20px;
}









#bottom-row-container {
float: left;
width: 940px;
overflow: hidden;
border-bottom: 2px solid #454841;
margin-bottom: 20px;
background-color: #2e302b;
}





#community-container {
float: left;
width: 260px;
overflow: hidden;
padding: 20px;
}
#community-header {
color: #ffa200;
font-size: large;
float: left;
width: 260px;
overflow: hidden;
padding-bottom: 6px;
}
#community-article {
float: left;
width: 260px;
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
}
#community-thumb {
float: left;
width: 66px;
overflow: hidden;
border: 2px solid #454841;
margin-right: 20px;
}
#community-text {
float: left;
width: 170px;
overflow: hidden;
}




#updates-container {
float: left;
width: 278px;
overflow: hidden;
padding: 20px;
border-left: 2px solid #454841;
border-right: 2px solid #454841;
background-color: #1e201d;
}
#updates-header {
float: left;
width: 278px;
overflow: hidden;
padding-bottom: 6px;
}
#updates-article {
float: left;
width: 278px;
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
}
#updates-more {
float: right;
width: 248px;
overflow: hidden;
text-align: right;
padding-top: 10px;
}









#contact-container {
float: left;
width: 278px;
overflow: hidden;
padding: 20px;
}
#contact-header {
color: #ffa200;
font-size: large;
float: left;
width: 300px;
overflow: hidden;
padding-bottom: 6px;
}
#contact-text {
float: left;
width: 300px;
overflow: hidden;
}