body {
 font:normal 76% georgia,helvetica,verdana,tahoma,arial,"sans serif";
 background: #e9e9e9;
}

/* start LAYOUT EDGE CONTROLS */

.top {position: fixed; top: 5px; height: 350px;}

.bottom {position: fixed; bottom: 20px; height: 145px;}

.middle {position: fixed; top: 55px; bottom: 30px;}

.right {position: fixed; right: 5px; width: 290px;}

.left {position: fixed; left: 5px; right: 15px;}

/* end */

/* start LAYOUT INTERIOR CONTROLS */
/*start STRECHY MIDDLE STUFF */

#base_middle_left {
background:white url(images/base_ml.png) repeat-y 0px 0px;
margin:0px auto;
z-index: 1010;
}

#base_middle_right {
background:transparent url(images/base_mr.png) repeat-y 0px 0px;
margin:0px auto;
z-index: 1020;
}

/* END stretchy middle stuff */

/* start BOTTOM LEFT */

#base_bottom_left {
background:transparent url(images/base_bl.png) repeat-y 0px 0px;
margin:0px auto; z-index: 1050;
}

#bottom_left_content {
position: relative;
left: 5px;
top: 90px;
width: 275px;
height: 55px;
background: red;
}

#results_scroll {
width: 145px;
height: 20px;
background: pink;
text-align: center;
}

#conversers_scroll {
width: 125px;
height: 20px;
text-align: center;
float: right;
background: pink;
}

#search_sort_links {
width: 145px;
height: 20px;
margin-top: 8px;
background: yellow;
text-align: center;
}

#invite_link {
width: 125px;
height: 20px;
margin-top: 8px;
background: yellow;
text-align: center;
float: right;
}

/* END bottom left */

/* start BOTTOM RIGHT */

#base_bottom_right {
background:transparent url(images/base_br.png) no-repeat;
margin:0px auto; z-index: 1060; background-position: bottom left;}

#bottom_right_content {
position: relative;
left: 20px;
top: 90px;
width: 260px;
height: 55px;
background: red;
}

#description_scroll {
width: 260px;
height: 20px;
background: pink;
text-align: center;
}

#sync_viewr{
width: 260px;
height: 20px;
margin-top: 8px;
background: yellow;
text-align: right;
}

/* END bottom right */

/* start TOP LEFT */

#base_top_left {
background: transparent url(images/base_tl.png) no-repeat 0px 0px;
margin:0px auto; z-index: 1030;
}

#top_left_content {
position: relative;
top: 2px;
left: 10px;
height: 312px;
width: 480px;
background: transparent;
}

#room_name {
font-family: 'Century Gothic','URW Gothic L','Futura',sans-serif;
color: rgb(255, 255, 255);
font-size: 36px;
font-weight: bold;
}

#search_select {
margin-top: 10px;
height: 27px;
width:262px;
background: red;
}

#terms_and_button_box {
margin-top: 8px;
height: 27px;
width:262px;
}

#search_button {
height: 27px;
width:27px;
background: red;
float: right;
}

#search_terms {
height: 26px;
width:225px;
background: red;
}

#sync_search {
position: relative;
top: -57px;
left: 280px;
}

/* END top left */

/* start TOP RIGHT */

#base_top_right {
background: transparent url(images/base_tr.png) no-repeat right 0px;
margin:0px auto; z-index: 1040;
}

#top_right_content {
position: relative;
top: 2px;
left: 20px;
height: 312px;
width: 260px;
background: transparent;
}

#photophlow_logo {
float: right;
position: relative;
top:6px;
}

#photophlow_name {
position: relative;
left: -2px;
font-family: 'Century Gothic','URW Gothic L','Futura',sans-serif;
color: rgb(255, 255, 255);
font-size: 36px;
font-weight: bold;
}

#viewr {
height: 260px;
width: 260px;
background: red;
margin-top: 10px;
}

#settings_and_history_links {
position: relative;
top: -255px;
left: -125px;
}
/* END top right */
/* END layout interior controls */

/* start SQUISHY LAYOUT ELEMENTS */
/* start RESULTS */

#results {
z-index: 1070;
position: fixed;
left: 10px;
top: 137px;
bottom: 75px;
width: 145px;
background: red;
overflow: hidden;
}

/* END results */

/* start CONVERSERS */

#conversers {
z-index: 1080;
position: fixed;
left: 169px;
top: 137px;
bottom: 80px;
width: 110px;
background: green;
overflow: hidden;
}

/* END conversers */

/* start DESCRIPTION */

#description {
z-index: 1200;
position: fixed;
top: 320px;
bottom: 80px;
width: 260px;
right: 15px;
background: green;
overflow: hidden;
}

/* END description */
/* END squishy layout elements */

/* start CONVERSATION */

#conversation {
z-index: 1090;
position: fixed;
top: 85px;
bottom: 80px;
left: 295px;
right: 292px;
background: purple;
overflow: hidden;
}

/* END conversation */

/* start CONVERSATION ENTRY */

#conversation_entry{
z-index: 1100;
position: fixed;
height: 38px;
bottom: 39px;
left: 295px;
right: 292px;
background: transparent;
overflow: hidden;
padding-right: 40px;
}

#conversation_entry_button {
position: relative;
top: -32px;
left: 36px;
float: right;
background: red;
width: 27px;
height: 27px;
z-index: 1101
}

#conversation_entry_text {
width: 100%;
display: block;
height: 36px;
background: white;
border: 1px solid #999999;
}

/* END conversation entry */