1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/CSS_tutorial/myCSS.css	Mon Sep 27 16:57:26 2010 -0400
     1.3 @@ -0,0 +1,181 @@
     1.4 +
     1.5 +
     1.6 +/* Generic Selectors */
     1.7 +
     1.8 +
     1.9 +div
    1.10 +{
    1.11 +	background-color:#FBFAF1  /* pale yellow parchment */
    1.12 +}
    1.13 +
    1.14 +
    1.15 +
    1.16 +body {
    1.17 +
    1.18 +font-family: Georgia, "Times New Roman", Times, serif;
    1.19 +
    1.20 +font-size: 14px;
    1.21 +
    1.22 +color: #333333;
    1.23 +
    1.24 +background-color: #F9F9F9;
    1.25 +
    1.26 +}
    1.27 +
    1.28 +p {
    1.29 +
    1.30 +width: 80%;
    1.31 +
    1.32 +}
    1.33 +
    1.34 +li {
    1.35 +
    1.36 +list-style-type: none;
    1.37 +
    1.38 +line-height: 150%;
    1.39 +
    1.40 +list-style-image: url(../images/arrowSmall.gif);
    1.41 +
    1.42 +}
    1.43 +
    1.44 +h1 {
    1.45 +
    1.46 +font-family: Georgia, "Times New Roman", Times, serif;
    1.47 +
    1.48 +font-size: 18px;
    1.49 +
    1.50 +font-weight: bold;
    1.51 +
    1.52 +color: #000000;
    1.53 +
    1.54 +}
    1.55 +
    1.56 +h2 {
    1.57 +
    1.58 +font-family: Georgia, "Times New Roman", Times, serif;
    1.59 +
    1.60 +font-size: 16px;
    1.61 +
    1.62 +font-weight: bold;
    1.63 +
    1.64 +color: #000000;
    1.65 +
    1.66 +border-bottom: 4px solid #F2D7EE; /* sakura pink */
    1.67 +
    1.68 +}
    1.69 +
    1.70 + 
    1.71 +
    1.72 +/**************** Pseudo classes ****************/
    1.73 +
    1.74 +a:link {
    1.75 +
    1.76 +color: #00CC00;
    1.77 +
    1.78 +text-decoration: underline;
    1.79 +
    1.80 +font-weight: bold;
    1.81 +
    1.82 +}
    1.83 +
    1.84 +li a:link {
    1.85 +
    1.86 +color: #00CC00;
    1.87 +
    1.88 +text-decoration: none;
    1.89 +
    1.90 +font-weight: bold;
    1.91 +
    1.92 +}
    1.93 +
    1.94 +a:visited {
    1.95 +
    1.96 +color: #00CC00;
    1.97 +
    1.98 +text-decoration: underline;
    1.99 +
   1.100 +font-weight: bold;
   1.101 +
   1.102 +}
   1.103 +
   1.104 +li a:visited {
   1.105 +
   1.106 +color: #00CC00;
   1.107 +
   1.108 +text-decoration: none;
   1.109 +
   1.110 +font-weight: bold;
   1.111 +
   1.112 +}
   1.113 +
   1.114 +a:hover {
   1.115 +
   1.116 +color: rgb(0, 96, 255);
   1.117 +
   1.118 +padding-bottom: 5px;
   1.119 +
   1.120 +font-weight: bold;
   1.121 +
   1.122 +text-decoration: underline;
   1.123 +
   1.124 +}
   1.125 +
   1.126 +li a:hover {
   1.127 +
   1.128 +display: block;
   1.129 +
   1.130 +color: rgb(0, 96, 255);
   1.131 +
   1.132 +padding-bottom: 5px;
   1.133 +
   1.134 +font-weight: bold;
   1.135 +
   1.136 +border-bottom-width: 1px;
   1.137 +
   1.138 +border-bottom-style: solid;
   1.139 +
   1.140 +border-bottom-color:  #F2D7EE; /* sakura pink */
   1.141 +
   1.142 +}
   1.143 +
   1.144 +a:active {
   1.145 +
   1.146 +color: rgb(255, 0, 102);
   1.147 +
   1.148 +font-weight: bold;
   1.149 +
   1.150 +}
   1.151 +
   1.152 +/************************* ID's *************************/
   1.153 +
   1.154 +#navigation {
   1.155 +
   1.156 +position: absolute;
   1.157 +
   1.158 +z-index: 10;
   1.159 +
   1.160 +width: 210px;
   1.161 +
   1.162 +height: 600px;
   1.163 +
   1.164 +margin: 0;
   1.165 +
   1.166 +border-right: 1px solid  #F2D7EE; /* sakura pink */
   1.167 +
   1.168 +font-weight: normal;
   1.169 +
   1.170 +}
   1.171 +
   1.172 +#centerDoc {
   1.173 +
   1.174 +position: absolute;
   1.175 +
   1.176 +z-index: 15;
   1.177 +
   1.178 +padding: 0 0 20px 20px; /*top right bottom left*/
   1.179 +
   1.180 +margin-top: 50px;
   1.181 +
   1.182 +margin-left: 235px;
   1.183 +
   1.184 +}