/* ==========================================================================
* Date Changes and Modifications started: 22 Oct 2010
* Changer: Chuck Taylor - TR
* This is one of the CSS files that came with the design106 package from
* dcarter
* I, as necessary, have made changes and modifications to suit my needs.
*
*/
/* global */
html{height: 100%;}
body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .74em;
}
/* ==========================================================================
* margin or padding - top, right, bottom, left
*/
p
{ margin: 0px;
padding: 0px 0px 10px 0px; /* Original Values: 0px 0px 24px 0px; */
line-height: 18px; /* Original Values: 20px; */
text-align: justify;
}
/* ==========================================================================
* My Paragraph settings for thoughts in column 1. TR created class.
*/
.thoughtsP
{ font-size: 9px;
line-height: 10px;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-top: 0px;
}
/* ==========================================================================
* From my old CSS files
*/
pre {
border: 1pt dashed black;
white-space: pre;
font-size: 8pt;
overflow: auto;
padding: 1em 0;
padding-left:5px;
background : white;
color : black;
}
/* ==========================================================================
* This will draw a box around one line of text and make the background white.
* Use CSS span to accomplish this. ie:
* Also can use this for a 'Note' highlight box at the beginning of a line.
* From my old CSS files
*/
.onelinerBox /* a class */
{
border: 1px solid Black;
color: #000000; /* Text color */
background-color: #ffffff; /* As it says */
}
/* ==========================================================================
*
*/
h1
{ font-family: tahoma, verdana, arial, sans-serif;
font-size: 188%;
font-weight: normal;
margin: 0px;
}
/* ==========================================================================
*
*/
h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}
/* ==========================================================================
*
*/
img{border: 0px;}
/* ==========================================================================
* image positioning - left, right and center
*/
.left
{ float: left;
padding: 0px 8px 0px 0px;
}
.right
{ float: right;
padding: 0px 0px 0px 8px;
}
.center
{ display: block;
text-align: center;
margin: 0 auto;
}
/* ==========================================================================
* block quote
* margin or padding - top, right, bottom, left
*/
blockquote
{ margin: 5px 0px 20px 0px; /* Original Values: 20px 0px 20px 0px; */
padding: 10px 20px 0px 20px; /* Original Values: 10px 20px 0px 20px; */
border-top: 1px solid;
border-bottom: 1px solid;
}
/* ==========================================================================
* unordered list
*/
ul
{ margin: 8px 0px 0px 14px;
padding: 0px;
}
ul li
{ list-style-type: square;
margin: 0px 0px 11px 0px;
padding: 0px;
}
/* ==========================================================================
* main container
*/
#main
{ width: 779px; /* Original Values: 779px; */
margin-left: auto;
margin-right: auto;
}
/* ==========================================================================
* links above the logo
*/
#links
{ margin-left: auto;
margin-right: auto;
padding: 9px 21px 3px 19px;
width: 699px;
text-align: right;
height: 22px;
border: 1px solid;
}
#links a, #links a:hover{text-decoration: none;}
/* ==========================================================================
* logo
*/
#logo
{ margin-left: auto;
margin-right: auto;
padding: 0px;
width: 739px;
height: 100px;
text-align: left;
}
#logo h1
{ padding: 41px 0px 0px 19px;
font-family: verdana, arial, sans-serif;
font-size: 140%;
font-weight: normal;
}
/* ==========================================================================
* navigation menu
*/
#menu
{ height: 43px;
width: 740px;
margin-left: auto;
margin-right: auto;
}
#menu ul
{ margin: 0px auto;
padding: 0px;
list-style: none;
text-align: left;
width: 740px;
}
#menu li
{ margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
#menu li a
{ display: block;
float: left;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
height: 37px;
font-size: 100%;
width: 117px; /* was 128 */
text-decoration: none;
padding: 3px 0px 0px 5px; /* was 3px 0px 0px 19px; */
font-weight: bold;
/* text-transform: lowercase; Commented out original*/
}
/* ==========================================================================
* main content
*/
#content
{ margin-left: auto;
margin-right: auto;
width: 739px;
height: auto;
padding: 0px;
/* text-align: justify; */ /* I move the justify to the paragraphs */
overflow: hidden;
}
/* ==========================================================================
* column 1 - contains sidebar items
* margin or padding - top, right, bottom, left
* note: margines are for outside the 'box'. padding is for inside the 'box'.
*/
#column1
{ width: 202px; /***** Original Values: 202px */
float: left; /***** Value in Left version: left; */
padding: 16px 0px 15px 19px; /***** Original Values: 16px 0px 15px 19px; */
}
#column1 h1
{ padding: 0px 0px 6px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px dashed;
}
.sidebaritem
{ position: relative;
text-align: justify;
width: 185px;
float: left;
margin: 0px 0px 15px 0px; /* Original Values: 0px 0px 15px 0px; */
padding: 8px 0px 8px 0px; /* Original Values: 8px 0px 8px 0px; */
}
/* ==========================================================================
* column 2 - page content
*/
#column2
{ /* text-align: justify; */ /* I move the justify to the paragraphs */
padding: 12px 22px 15px 0px; /* Original Values: 12px 22px 15px 0px; */
width: 482px;
float: right;
}
#column2 h1
{ padding: 12px 0px 6px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px dashed;
}
/* ==========================================================================
*
*/
.sidebaritem a, #column2 a
{ padding: 0px; /* Original Values: 0px all */
text-decoration: underline;
}
.sidebaritem a:hover, #column2 a:hover
{ padding: 0px; /* Original Values: 0px all */
text-decoration: none;
}
/* ==========================================================================
* footer
*/
#footer
{ padding: 3px 0px 3px 0px;
width: 739px;
text-align: center;
border: 1px solid;
height: 32px;
margin-left: auto;
margin-right: auto;
}
#footer a, #footer a:hover{text-decoration: none;}
/* ==========================================================================
*
*/
/* contact page - form layout */
form{margin-top: 0px;}
div.row
{ clear: both;
width: 448px;
height: 29px;
}
div.row span.formlabel
{ float: left;
width: 150px;
text-align: left;
}
div.row span.forminput
{ float: right;
text-align: right;
}
div.spacer
{ clear: both;
width: 80px;
height: 22px;
}
input, textarea
{ width: 259px;
font-family: verdana, arial, sans-serif;
font-size: 100%;
border: 1px solid;
}
.submit
{ font-family: verdana, arial, sans-serif;
font-size: 100%;
border: 1px solid;
width: 70px;
height: 22px;
cursor: pointer;
}