/*
 * Style for copi.org.  Originally based on the gila design from the open
 * source web design page.  See http://www.oswd.org/ and
 * http://www.oswd.org/viewdesign.phtml?id=1192
 */

/* $Copi: blue.css,v 1.1 2006/07/21 00:26:46 craig Exp $ */

body {
   font-family: verdana, tahoma, helvetica, arial, sans-serif;
   font-size: x-small;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 0px;
   background-color: white;
}

ul {
   list-style-type: disc;
   list-style-image: url(../images/bullet.png);
   padding-left: 1em;
   margin-left: 1em;
   margin-top: 4px;
   margin-bottom: 0px;
}

li {
   padding-right: 5px;
   padding-bottom: 5px;
}

h1, h2, h3 {
}

a {
   text-decoration: none;
   font-weight: bold;
   color: #000099;
}

a:hover {
   text-decoration: underline;
}

a:visited {
   color: #3399CC;
}

/* ###### Header ###### */
#header {
}

#header .headerTitle {
   background-image: url(../images/copi-blue-header.png);
   background-repeat: no-repeat;
   width:       140px;
   height:      50px;
   cursor:      pointer;
   margin-left: 10px; /* A little indention */
}

#header .inputDiv {
   margin-top:  8px;
   float:     right;
}

#header .inputDiv input {
   border: 1px solid #CCCCCC;
   font-size: x-small;
}

#header .inputDiv .searchText {
   text-indent:  4px; 
   padding-right: 2px;
}

#header .inputDiv .searchSubmit {
   cursor:      pointer;
   background-color: #000099;
   color:      white;
}

#header .inputDiv .searchSubmit:hover {
   color: #999999;
}

/* ###### Separator ###### */
#separator {
   clear: both;
   border-bottom: 2px solid #999999;
   text-align: right;
   top: -10px;
   position:   relative;
}

#separator .date {
   clear: both;
   padding-left:   5px;
   padding-right:  5px;
   padding-top:   2px;
   padding-bottom:  2px;
   color: white;
   font-weight:   bold;
   background-color: #999999;
}

/* ###### Main ###### */
#main {
   clear: both;
   padding-left: 10px;
   padding-right: 10px;
}

/* ######   Body   ###### */
#bodyText {
   margin-left:  27%;
   margin-right: 27%;
}

#bodyText .paragraph {
   line-height:  1.4em;
   margin-bottom: 20px;
   text-align:  justify;
}

#bodyText .titleBar {
   border-top:  1px solid #999999;
   padding-top:  2px;
   font-weight:  bold;
}

#bodyText .date {
   color: white;
   background-color: #999999;
   padding-left: 2px;
   padding-right: 7px;
}

/* ###### Left Sidebar ###### */
#leftSideBar {
   width: 25%;
   float: left;
}

#leftSideBar .leftBlock {
   border:  1px solid #999999;
   border-top:  0px;
   background-color: #EEEEEE;
   padding-bottom: 5px;
   margin-bottom: 10px;
}

#leftSideBar .sideBarTitle {
   font-weight: bold;
   text-align: center;
   color: white;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 3px;
   border-bottom: 1px solid #999999;
   border-top: 1px solid #999999;
   background-color: #000099;
}

#leftSideBar .emailText {
   margin-left:  5px;
   margin-right: 5px;
}

#leftSideBar .loginName {
   text-transform: capitalize;
   font-weight:  bold;
}

#leftSideBar .time {
   font-weight:  bold;
}

#leftSideBar .about {
   padding: 5px;
}

/* ###### Right Sidebar ###### */
#rightSideBar {
   width: 25%;
   float: right;
}

#rightSideBar .rightBlock {
   border:  1px solid #999999;
   border-top: 0px;
   padding-bottom: 5px;
   margin-bottom: 10px;
}


#rightSideBar .sideBarTitle {
   font-weight: bold;
   text-align: center;
   color: white;
   padding-top: 2px;
   padding-bottom: 2px;
   border-bottom: 1px solid #999999;
   border-top: 1px solid #999999;
   background-color: #000099;
}

#rightSideBar .verified {
   text-align: center;
}

#rightSideBar .verified a {
   padding-right: 2px;
   padding-left: 2px;
}

#rightSideBar .verified img {
   border: 0px;
}

/* ###### Footer ###### */

#footer {
   clear: both;
   text-align: center;
   margin-left: 5%;
   margin-right: 5%;
   padding-top: 5px;
   padding-bottom: 5px;
   border-top: 1px dotted #666666;
   color: #666666;
}