/* ----- Small (800px resolution) Screen CSS ----- */

/*  Make changes for all screens - overall dimensions of page, banner
    positioning */

#outer {
    width: 770px;
}
#main {
    margin: 0px 3px;
    width: 764px;
}

div#post-form {
	padding-top: 60px;
	
}

#banner {
    background-position: 35% 0%;
    width: 565px;
    margin-right: 202px;
}
div.home #banner {
    width: 770px;
    margin-right: 0px;
}


#banner a img {
    left: 10px;
    top: 5px;
}

#banner .about-us {
    left: 430px;
}


#menu-bar {
    margin-top: -10px;
    padding-top: 4px;
}

#menu-bar #menu-search {
    right: 250px;
    top: 30px;
}

#footer {
    width: 770px;
}

/* Repositioning of control panel - note it is different for home page
   and all other pages */
   
#control-panel {
    top: -130px;
    left: 564px;
}
div.home #control-panel {
    top: 360px;
    left: 526px;
}

/*  Specific layout changes for home page */

div.home #main {
    /* height: 1530px;  Figure when buzz included */
    height: 1265px;
}

#front-intro {
    left: 46px;
}

#front-content {
    left: 46px;
}

#front-members {
    left: 46px;
    top: 950px;
}

#front-questions {
    left:286px;
    top: 950px;
}

#active-friends {
    top: 650px;
    left: 526px;
}

#island-teaser {
    /* top: 795px;          Figure when actice friends there */
    top: 650px;
    left: 526px;
}

#network-links {
    /* top: 1045px;          Figure when actice friends there */
    top: 973px;
    left: 526px;
}

#sponsors {
    top: 1125px;
    left: 526px;
}

#buzz {
    top: 1265px;
    left: -3px;
    width: 770px;
}
#buzz #buzz-content {
    left: 20px;
    width: 360px;
}
#buzz #buzz-cloud {
    left: 410px;
}
#buzz #buzz-more {
    left: 313px;
}

#post-details {
    margin: 0px 0px 0px 5px; 
    padding-top: 60px;
    width: 764px;
}
#post-details td.left {
    width: 544px;
}
#post-details td.right {
    width: 220px;
}
#related-posts {
    margin-top: 90px;
    margin-left: 8px;
}


/* Re-position list, search and member */

div#search-page, div#list-page, div#person-page, div#group-page {
    padding-top: 100px;
    margin: 0px 0px 20px 10px;
}

/* Adjust size and positioning of related posts area on post details page */