/*
Gary Hollands - solriche - 2008 - PHP template
This stylesheet is available under the terms of the GNU General Public License as published by
the Free Software Foundation - Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */
*{
margin: 0;
padding: 0;
}
html,body{
font-family: "lucida grande","lucida sans unicode",arial,"bitstream vera sans",sans-serif;/*mac,windoze,linux*/
color: rgb(0,0,0);
background-color: rgb(250,245,250);
line-height: 1.5;
}
#container {
width: 48em;/*48em or 98%*/
margin: 0 auto 0 auto;
}
#container .left{
float: left;
width: 100%;
background: url("../images/join.png") repeat-y 0% 0%;
}
#container .right{
float: right;
width: 100%;
background: url("../images/join.png") repeat-y 100% 0%;
}
#masterbox {
margin: 0 auto 0 auto;
}
/*----top----*/
#top {
float: left;
clear: both;
width: 100%;
background:  url("../images/solriche-bg.png") repeat-x 0% 0%;
border-top: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(200,200,200);
}
#logo {
float: left;
margin: 0 0 0 0;
/*width: 7em;w=116px h=96*/
}
#logo  img{
float: left;
}
#header {
float: left;
margin: 0 0 0 2em;/*9.75em*/
}
#header img{
float: left;
}
#header h1{
position: relative; top: 0.25em; left: 0;
font-size: 340%;
color: rgb(84,168,255);
}
#header .title_hide{
display: none;
}
/*----content----*/
#content{
clear: both;
padding: 0 0 0 0;
}
#content p{
font-size: 90%;
margin: 0 0 0.5em 0;
color: rgb(54,54,54);
}
#content dl{
font-size: 85%;
margin: 0 0 1em 0.5em;
}
#content dd{
margin: 0 0 0 0.8em;
}
#content .image_left{
float: left;
margin: 0.45em 0.9em 0 0;
}
#content .image_right{
float: right;
margin: 0.45em 0 0 0.9em;
}
/*----side menu----*/
#side_menu {
width: 7em;/*15%*/
float: left;
margin: 3.5em 0 0 0;
}
#side_menu  ul {
list-style-type: none;
}
#side_menu  li {
font-size: 95%;
padding: 0 0 0 0.1em;/*Padding is specified cos of a MSIE bug*/
}
#side_menu  li a {
display: block;
width: 100%;
padding-left: 1em;
text-decoration: none;
border-bottom: 1px dotted rgb(192,192,192);
}
#side_menu  li a:hover {
color: rgb(50,50,60);
background-color: rgb(225,225,235);
}
#side_menu .selected{
background-color: rgb(240,240,245);
}
/*Article area*/
#edit_area {
float: left;
width: 76%;/*80%*/
margin: 1em 0 0 2.75em;
}
#edit_area .page_title h2{
font-size: 130%;
}
#edit_area ul{
list-style-type: circle;
margin: 0 0 1em 2em;
}
#edit_area ul li{
font-size: 85%;
}
#edit_area .design{
clear: both;
float: left;
width: 100%;
margin: 0 0 1em 0;
}
#edit_area .design h3 a{
text-decoration: none;
}
#edit_area .design a img {
border: 1px solid rgb(250,245,250);
}
#edit_area .design a:hover img {
border: 1px solid rgb(0,153,153);
}
/*----footer----*/
#footer{
/*clear: both;
width: 78%;
margin-left: 9.75em;
border-top: 1px solid rgb(192,192,192);*/
}
#bottom{
clear: both;
width: 100%;
height: 32px;/*height should be the same as the bottom corner height*/
background: url("../images/join.png") repeat-x 0% 100%;
/*border-top: 1px dotted rgb(192,192,192);
If the bottom height is too small it becomes difficult to fit and align content within it*/
}
#bottomleft{
float: left;
width: 32px;
height: 32px;
background: rgb(250,245,250) url("../images/bottom_left.png") no-repeat 0% 100%;
}
#bottomright{
float: right;
width: 32px;
height: 32px;/*bottom of this element needs to align with the bottom of th bottom left and right images*/
background: rgb(250,245,250) url("../images/bottom_right.png") no-repeat 100% 100%;
}
/*----misc----*/
.spacer{
clear: both;
width: 100%;
padding: 0 0 0.5em 0;
}
.hide{
display: none;
}
.ttc{
float: right;
padding: 0.25em 1.25em 0 0;
}
h1,h2,h3,h4,h5,h6{
/*font-family: "Times New Roman","Bitstream Vera Serif",georgia,serif;*/
color: rgb(59,116,179);/*59,84,133*/
}
h1{font-size: 130%;}
h2{font-size: 110%;}
h3{font-size: 95%;}
h4{font-size: 90%;}
h5{font-size: 90%;}
h6{font-size: 85%;}
a:link{
color: rgb(57,92,97);
text-decoration: underline;
}
a:visited{
color: rgb(102,51,51);
text-decoration: underline;
}
a:hover{
color: rgb(0,153,153);
text-decoration: none;
}
abbr, acronym {
border-bottom : 1px dotted rgb(0, 0, 0);
cursor : help;
}
img{
border: 0;
}