@import url("http://www.tricodesigns.co.uk/show/toolbar/toolbar_style.css");

html,
body {

background: #fff;

height: 100%;

padding: 0;
margin: 0;

}

body {

padding: 20px;

}

#container {

background: transparent;

position: relative;

width: 100%;

margin: 0;
padding: 0;

}

#browseBarHolder {

background: #fff;

width: 35%;
height: auto;

float: left;

}

#browseBar {

background: transparent;

width: 100%;
height: auto;

margin: 0;

}

#logoBox {

background: #f3f1da url('images/curvedEdgeSearch.gif') no-repeat left;

height: 60px;
width: auto; /* Required for border */

margin-bottom: 10px;

}

#logo {

background: transparent url('images/logo.gif') no-repeat 0% 50%;

width: 100%;
height: 100%;

}

#searchBox {

background: #f3f1da url('images/curvedEdgeSearch.gif') no-repeat left;

height: 60px;
width: auto; /* Required for border */

margin-bottom: 10px;

}

#searchWidget {

background: transparent;

height: 40px;
width: 100%;

font: normal 13px/300% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

float: left;

margin: 10px auto;
margin-top: 10px;

}

.userBox {

background: #f3f1da url('images/curvedEdge.gif') no-repeat left;

height: 110px; /* Combined height 100px */
width: auto; /* Required for margin */

overflow: hidden;

padding: 0 10px;
margin-bottom: 10px;

}

#active {

background: #800080 url('images/curvedEdgeActive.gif') no-repeat left;

}

#active a:link, #active a:visited {

color: #f3f1da;

}

#active .smallIcons a:link, #active .smallIcons a:visited {

background: #d9d7c3;
color: #800080;

}

#active .smallIcons a:hover, #active .smallIcons a:active {

background: #f3f1da;
color: #800080;

}

#active h2 {

color: #f3f1da;

}

.userThumbnail {

background: #d9d7c3;

height: 90px;
width: 70px;

font: normal 13px/700% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

float: left;
display: inline;

margin: 10px 10px 10px 0;

}

.smallIcons {

background: blue;

width: 30px;
height: 90px;

overflow: hidden;

float: left;
display: inline; /* IE fix */

margin: 10px 10px 0 0;

}

.smallIcons a:link, .smallIcons a:visited {

background: #d9d7c3;

font: normal 13px/200% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

text-decoration: none;

height: 30px;
width: 30px;

display: block;

}

.smallIcons a:hover, .smallIcons a:active {

background: #800080;

color: #f3f1da;

height: 30px;
width: 30px;

display: block;

}

.userDetails {

background: transparent;

width: auto; /* Required for margin */
height: 90px;

overflow: hidden;

display: block;

float: left;
display: inline; /* IE fix */

margin: 10px 10px 0 0;

}

.userDetails a:link, .userDetails a:visited {

color: #470000;
text-decoration: none;

}

.userDetails a:hover, .userDetails a:active {

color: #800080;
text-decoration: underline;

}

/* Limited to 14 characters in name */

.userBox h2 { 

background: transparent;

width: auto;
height: 24px;

text-transform: lowercase;

font: normal 18px/100% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;

margin: 0;
padding: 0;

}

.userBox p {

background: transparent;

width: 100%;
height: auto;

font: normal 11px/140% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;

clear: both;

white-space: nowrap;

display: block;

margin: 0;
padding: 0;

}

#boxCorners {

background: transparent url('images/topLeft.gif') no-repeat top;

width: 10px;
height: 100%;

float: left;

}

#bottomCorner {

background: url('images/bottomLeft.gif') no-repeat bottom;

height: 100%;
width: 10px;

}

#contentHolder {

background: #fff;

width: 65%;
height: 100%;

float: right;

}

#content {

background: #f3f1da url('images/bottomRight.gif') no-repeat bottom right;

width: auto; /* required! */
height: auto;

margin-left: 10px;

}

#header {

background: transparent;

overflow: hidden;

height: 90px;
width: 100%;

margin: 0 auto;

}

#userIconsHolder {

background: transparent url('images/topLeft.gif') no-repeat top left;

height: 60px;
width: 55%;

text-align: center;

float: left;

}

.icons {

background: transparent;
overflow: hidden;

height: 40px;

white-space: nowrap;

margin: 10px;

}

.icons li, .icons ul {

list-style-type: none;
display: inline;

float: left;
white-space: nowrap;

margin: 0;
padding: 0;

}

.icons a:link, .icons a:visited {

background: #d9d7c3 url('images/topLeftDarkCream.gif') no-repeat top left;

font: normal 0.8em/320% tahoma, arial, helvetica, sans-serif;
color: #990099;

display: block;
text-decoration: none;

float: left;
display: inline; /* IE bug fix */

width: 50px;
height: 40px;

overflow: hidden;

padding: 0;
margin: 0 5px 0 0;

}

/* #icons a:hover, #icons a:active {

background: #800080 url('images/topLeftPurple.gif') no-repeat top left;;
color: #f3f1da;

} CAUSES SHIFT IN IE? */

h1.nameHeading {

background: transparent;

font: bold 14px/190% arial, helvetica, tahoma, verdana, sans-serif;
color: #800080;

text-transform: capitalize;
text-align: left;

clear: both;
overflow: hidden;

width: auto; /* leave this alone or ELSE!! */
height: 29px; /* -1px top border */

border-top: 1px solid #660000;

margin: 0 10px;
padding: 0;

}

#navHolder {

background: transparent;

width: 45%;
height: 30px;

float: right;

}

#nav {

background: #fff url('images/sCurve.gif') no-repeat top left;

width: auto; /* Required for right padding */
height: 30px;

white-space: nowrap;
overflow: hidden;
text-align: right;

padding-right: 10px;

}

#nav a:link, #footer a:link, #nav a:visited, #footer a:visited {

font: normal 13px/200% tahoma, arial, helvetica, verdana, sans-serif;
color: #470000;

text-decoration: none;

margin-left: 5px;

}

#nav a:hover, #footer a:hover, #nav a:active, #footer a:active {

color: #990099;

text-decoration: underline;

margin-left: 5px;

}

a#homeLink:link, a#homeLink:visited {

text-transform: capitalize;
font-weight: bold;

}

#pageLabel {

background: transparent url('images/topRight.gif') no-repeat top right;

font: normal 13px/220% arial, helvetica, verdana, tahoma, sans-serif;
color: #660000;

width: auto; /* Required for right padding */
height: 30px;

text-transform: lowercase;
text-align: right;

padding-right: 10px;

}

#mainContent {

background: #f3f1da url('images/bottomLeft.gif') no-repeat bottom left;

width: auto; /* Required for margin */
height: 100%; /* height determined by content */

clear: both;

margin-top: 10px;

}

#profileHolder {

background: transparent;

width: 100%;
height: 100%;

float: left; /* Maintains document flow */
display: inline;

padding: 0;
margin: 0;

}

#profile {

width: auto;
height: 100%;

float: left; /* Maintains document flow */

padding: 0 10px;

}

#profilePhoto {

background: #d9d7c3;

float: right;
display: inline; /* IE fix */

font: normal 13px/1000% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

width: 120px;
height: 140px;

margin: 10px;
margin-top: 10px;

}

#profile h2 {

font: normal 14px/130% arial, helvetica, tahoma, verdana, sans-serif;
color: #800080;

text-transform: lowercase;

margin: 15px 0 0 0;
padding: 0;

}

#profile p {

background:  transparent;

font: normal 13px/130% tahoma, arial, helvetica, verdana, sans-serif;
color: #5c3838;
text-align: left;

margin: 0 0 10px 0;
padding: 0;

}

#column {

background: #d9d7c3;

font: normal 13px/500% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

height: 100%;
width: 35%;

float: right;
display: inline;

margin: 0;
margin-top: 10px;

}

#conversationHolder {

background: #f3f1da;

width: 100%;
height: 150px;

overflow: hidden;

clear: both;

}

#conversation {

background: #d9d7c3;

font: normal 13px/1000% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

width: auto;
height: 130px;

clear: both;

margin: 10px;

}

#previewHolder {

background: #f3f1da;

width: 100%;
height: 100px;

overflow: hidden;

clear: both;

}

#preview {

background: #d9d7c3;

font: normal 13px/720% tahoma, arial, helvetica, verdana, sans-serif;
color: #800080;
text-align: center;

width: auto;
height: 80px;

clear: both;

margin: 0 10px 10px 10px;

}

#footer {

background: transparent;

height: 30px;
width: 100%; /* Required for FF */
clear: both; /* Ensures document flow */

white-space: nowrap;
text-align: center;
overflow: hidden;

}

#footerLinks {

background: transparent;

width: 35%;
height: 100%;

float: left;

}

#copyrightNotice {

background: transparent;

font: normal 13px/200% tahoma, arial, helvetica, verdana, sans-serif;
color: #470000;

width: 65%;
height: 100%;

float: right;

}

.doorStop {

height: 100px;
width: 1px;

display: block;

overflow: hidden;
visibility: hidden;

}