/* CCQs CSS Stylesheet */ * { padding: 0; margin: 0 } body { background-image: url("BGs/blue004txtrd.jpg"); padding: 1% 0 1% 0; line-height: 120%; font-size: 120%; } #wrapper { padding: 1% 0 1% 0; width: 95%; margin: 0 auto; overflow: hidden; } header { padding: 1% 2% 1% 2%; margin: 1% auto; width: 80%; overflow: hidden; background-image: url("BGs/lblue062sandppr.gif"); } nav { width: 70%; margin: 1% auto; padding: 1%; } nav ul { padding: .5%; width: 50%; margin: 1% auto; } nav ul li { display: inline; padding: .5%; margin-left: 1%; } nav li a { text-decoration: none; border-style: groove; border-width: 4px; border-color: navy; padding: 0 .5% 0 .5%; } nav ul li a:link { background-color: #829CD0; /*light slate blue */ color: blue; } nav ul li a:visited { background-color: #A9D8D7;/*light light slate blue*/ font-family: Impact, Charcoal, sans-serif; color: #9A0CEC; } nav ul li a:hover { background-color: #506994; /* slate blue*/ color: navy; } nav ul li a:active { background-color: #3A7BEB; /* blue*/ color: navy; } #current { background-color: Navy; color: white; border-style: double; border-width: 4px; border-color: #678DD1; /*lt slate blue*/ } h1 { font-size: 4em; text-align: center; padding: 3% 0; color: Navy; font-family: "Comic Sans MS",cursive,san-serif; } h2 { font-size: 2.5em; line-height: 1.25em; color: #4B3104; /*dark dark brown*/ text-align: center; padding: 1%; margin: 1% auto; width: 80%; font-family: "Comic Sans MS",cursive,san-serif; } h3 { text-align: center; padding: 2%; margin: 1% auto; width: 60%; font-family: Impact, Charcoal, sans-serif; } h3 a { text-decoration:none; } h4 { text-align: center; padding: 2%; margin: 1% auto; width: 80%; font-family: Impact, Charcoal, sans-serif; } h5 { text-align: center; padding: .5%; margin: .5%; width: 100%; font-family: Impact, Charcoal, sans-serif; } article { margin: 1% .5% .5% .5%; padding: .5%; } p { margin: 1%; } figure.left { padding: 2%; width: 20%; margin: 2%; float: left; border-style: groove; border-width: 6px; border-color: Navy; } figure.right { padding: 2%; width: 20%; margin: 2%; float: right; border-style: groove; border-width: 6px; border-color: Navy; } figure img { width: 100%; } figcaption { text-align: center; } #main_content { width: 61%; /*61*/ float: left; padding: 1%; font-family: arial; color: #4B3104; /*dark dark brown*/ background-image: url("BGs/lrock003.jpg"); margin: 1%; } #main_content p.left { width: 87%; } #main_content p.right { width:87%; margin: 0 1% 0 auto; } #main_content p.author { text-align: right; } #main_content p.center { width: 85%; text-align: center; margin: 0 auto; } #main_content p.long { width: 95%; } #left_sidebar { width: 15%; /*15*/ float: left; padding: 1%; color: #6A4504; /*dark chocolate brown*/ font-family: "Comic Sans MS"; background-image: url("BGs/paper017.jpg"); margin: 1%; } #right_sidebar { width: 12%; /*12*/ float: left; padding: 1%; color: #6A4504; /*dark chocolate brown*/ font-family: "Comic Sans MS"; background-image: url("BGs/paper017.jpg"); margin: 1%; } #left_sidebar p { margin: 1% 1% 7% 1%; } #right_sidebar p { margin: 1% 1% 7% 1%; } hr { clear: both; margin: 1%; background-color: LightGray; } #end { clear: left } footer { padding: 1%; width: 100%; margin: 1%; background-image: url("BGs/lblue062sandppr.gif"); } /* browser fix to make sure all jscript additions still display in block*/ header, nav, section, article, aside, footer, hgroup, figure, figcaption { display: block; }