Commits

rgrp  committed ea91d8c

[style][s]: add in existing witbd css and fix up header to be witbd header.

* remove rtl.css as not needed

  • Participants
  • Parent commits 25326b1

Comments (0)

Files changed (7)

 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
 <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
-<style type="text/css" media="screen">
-
-<?php
-// Checks to see whether it needs a sidebar or not
-if ( empty($withcomments) && !is_single() ) {
-?>
-	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
-<?php } else { // No sidebar ?>
-	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
-<?php } ?>
-
-</style>
-
 <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
 
 <?php wp_head(); ?>
 </head>
 <body <?php body_class(); ?>>
-<div id="page">
-
-
-<div id="header" role="banner">
-	<div id="headerimg">
-		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
-		<div class="description"><?php bloginfo('description'); ?></div>
-	</div>
-</div>
-<hr />
+  <div id="main">
+  	<div id="logo_banner">
+      <h1><span class="hide">WiTbD - What is To be Done</span></h1>
+      <h2 class="hide">A Program For The 21st Century</h2>
+      <p class="hide">
+          You are viewing the unstyled version of this page<br />
+          You can <a href="#content" title="skip to content">skip to the content</a>, or 
+          <a href="standards.txt" title="why is this page so plain?">find out</a> why this page is unstyled for you.
+      </p>
+     </div>
+    <hr class="hide" />
+    <ul id="menu">
+			<li><a href="/index.htm">Home</a></li>
+			<li><a href="/faq_index.htm">F.A.Q.</a></li>
+			<li><a href="/articles/">Articles</a></li>
+			<li><a href="/forum/">Forum</a></li>
+			<li><a href="/search.htm">Search</a></li>
+			<li><a href="/about.htm">About</a></li>
+			<li><a href="/contact.htm">Contact</a></li>
+    </ul>

File images/logo.png

Added
New image

File images/page-bg.gif

Added
New image

File rtl.css

-/*
-Theme name: WordPress Default - kubrick -
-Editors: Navid Kashani
-Persian WordPress Project : wp-persian.com
-*/
-body, .commentlist li, #commentform input, #commentform textarea, #commentform p, #sidebar, #wp-calendar caption  {
-	font-family:tahoma, arial;
-}
-#page {
-	text-align:right;
-	direction:rtl;
-}
-h1, h2, h3, #sidebar h2 {
-	font-family:arial, tahoma;
-}
-.commentlist li .avatar {
-	float:left;
-}
-
-.commentlist li {
-	padding: 5px 10px 10px 5px;
-	}
-.commentlist li ul li { 
-	margin-left: -5px;
-	margin-right: 10px;
-}
-
-.commentlist p {
-	margin: 10px 0 10px 5px;
-}
-#header {
-	margin:0 1px 0 0;
-}
-.narrowcolumn {
-	float:right;
-	padding: 0 45px 20px 0;
-}
-.widecolumn {
-	margin: 5px 150px 0 0;
-}
-.widecolumn .smallattachment {
-	margin: 5px 0 5px 5px;
-}
-.postmetadata {
-	clear:right;
-}
-#sidebar {
-	margin-left: 0;
-	margin-right: 545px;
-}
-img.alignright {
-	margin: 0 7px 2px 0;
-}
-
-img.alignleft {
-	margin: 0 0 2px 7px;
-}
-
-.alignright {
-	float: left;
-}
-
-.alignleft {
-	float: right;
-}
-code {
-	display:block;
-	direction:ltr;
-	text-align:left;
-}
-acronym, abbr, span.caps {
-	letter-spacing:0; /* fix opera bug */
-}
-html>body .entry ul {
-	padding:0 10px 0 0;
-	text-indent:10px;
-}
-html>body .entry li {
-	margin: 7px 10px 8px 0;
-}
-.entry ol {
-	padding: 0 35px 0 0;
-}
-#sidebar ul ul, #sidebar ul ol {
-	margin: 5px 10px 0 0;
-}
-#sidebar ul ul ul, #sidebar ul ol {
-	margin: 0 10px 0 0;
-}
-#commentform {
-	margin: 5px 0 0 10px;
-	}
-#commentform input {
-	margin: 5px 0 1px 5px;
-}
-#commentform #submit {
-	float:left;
-}
-.commentlist p {
-	margin: 10px 0 10px 5px;
-}
-
-.children .even, .alt {
-	border-left: 0;
-	border-right: 1px solid #ddd;
-}
-
-#wp-calendar #next a {
-	padding-right:0;
-	padding-left:10px;
-	text-align:left;
-}
-#wp-calendar #prev a {
-	padding-left:0;
-	padding-right:10px;
-	text-align:right;
-}
-blockquote {
-	margin: 15px 10px 0 30px;
-	padding-left: 0;
-	padding-right: 20px;
-	border-left: 0 none;
-	border-right: 5px solid #ddd;
-}
-#email, #url {
-	direction:ltr;
-}

File structure.css

+/** WiTbD CSS - Licensed under a Creative Commons License **/
+
+body {
+    background: #a84542;
+    margin: 0 0 0 0; /* must be explicitly set at 0 0 0 0, NOT 0, as opera misbehaves */
+    padding: 10px 0 10px 0;
+}
+
+#main {
+    background: #fff url( "../images/page-bg.gif" ) top left repeat-y;
+    width: 85%;
+    min-width: 650px;
+    max-width: 750px;
+    margin: 0px auto;
+    border: 1px solid #444;
+}
+
+/*
+// ============================================================================
+// LOGO/BANNER
+// ============================================================================
+*/
+
+#logo_banner h1 {
+    background: #eee url( "../images/logo.png" ) top no-repeat;
+    font-size: 20px;
+    padding: 0 0 3px 0;
+    margin: 0px auto;
+    height: 170px;
+    border-bottom: 1px solid #ddd;
+}
+
+/*
+// ============================================================================
+// Top Menu
+// ============================================================================
+*/
+
+#menu {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    height: 20px;
+    background: #eee;
+    border-bottom: solid 1px #ddd;
+}
+
+#menu li {
+    display: inline;
+    padding: 0;
+    margin: 0;
+}
+
+#menu li a:link, #menu li a:visited {
+    float: left; /* This controls which order they are in 
+                    i.e. float: right; will order them r-l */
+    display: block;
+    width: 80px;
+    height: 14px; /* 14 = 20 - (2*3) */
+    padding: 3px 1px;
+    margin: 0;
+    background: #eee;
+    border-right: solid 1px #ddd;
+    
+    color: #000;
+    font-weight: bold;
+    text-decoration: none;
+    text-align: center;
+}
+
+#menu li a:hover {
+    background: #d72b27;
+    color: #fff;
+    border-right: solid 1px #ddd;
+}
+
+#menu li a:active {
+    background: #981e1c;
+    color: #fff;
+}
+
+/*
+// ===================================================================
+// MAIN CONTENT SECTION
+// ===================================================================
+*/
+
+/* would like to have more padding on the central content section but no joy with IE */
+/* left need margin out around floated menu + the actual margin we want */
+/* have to be careful here due to different rendering by (bad) IE and mozilla */
+/* nothing works. constantly pushed out in IE due to faulty box model. */
+#content {
+    margin: 2px 5px 50px 160px;
+    padding: 10px;
+}
+
+/*
+// ===================================================================
+// NEWS
+// ===================================================================
+*/
+
+
+#news {
+    float: left;
+    position: relative; /* This is needed for some non s/c browsers */
+    width:140px;
+	  padding: 10px;
+    background: transparent;
+}
+
+#news h2
+{
+	border-bottom: 2px dotted #d72b27;
+}
+
+#news h3 {
+    border-bottom: 2px dotted #d72b27;
+}
+
+#news ul {
+    list-style-type: none;
+    margin: 0 0 0 0;
+    padding: 0 0 0 0;
+}
+
+#news ul ul
+{
+	margin-left: 8px;
+	color: #d72b27;
+}
+
+/*
+// ===================================================================
+// FOOTER
+// ===================================================================
+*/
+
+#footer
+{
+	clear: both;
+	margin: 0;
+	padding: 5px 10px;
+	background: #eee;
+	border-top: solid 1px #ddd;
+	font-family: "lucida grande", verdana, arial, geneva, sans-serif;
+	color: #333;
+	font-size: 0.8em;
+}
+
+#footer a
+{
+	text-decoration: underline;
+}
+
+/*
+// ===================================================================
+// MISC
+// ===================================================================
+*/
+
+.hide, .section_heading {
+    display: none;
+}
+
+.no_vis {
+    visibility: hidden;
+}
-/*
-Theme Name: WordPress Default
-Theme URI: http://wordpress.org/
-Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
-Version: 1.6
-Author: Michael Heilemann
-Author URI: http://binarybonsai.com/
-Tags: blue, custom header, fixed width, two columns, widgets
+/* This enables the JS SetActiveStylesheet() to be used, while still hiding
+ * CSS from incapable browsers (Netscape < 7.x)
+ */
 
-	Kubrick v1.5
-	 http://binarybonsai.com/kubrick/
+@import url("typography.css");
+@import url("structure.css");
 
-	This theme was designed and built by Michael Heilemann,
-	whose blog you will find at http://binarybonsai.com/
-
-	The CSS, XHTML and design is released under GPL:
-	http://www.opensource.org/licenses/gpl-license.php
-
-*/
-
-
-
-/* Begin Typography & Colors */
 body {
-	font-size: 62.5%; /* Resets 1em to 10px */
-	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
-	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
-	color: #333;
-	text-align: center;
-	}
-
-#page {
-	background-color: white;
-	border: 1px solid #959596;
-	text-align: left;
-	}
-
-#header {
-	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
-	}
-
-#headerimg 	{
-	margin: 7px 9px 0;
-	height: 192px;
-	width: 740px;
-	}
-
-#content {
-	font-size: 1.2em;
-	}
-
-.widecolumn .entry p {
-	font-size: 1.05em;
-	}
-
-.narrowcolumn .entry, .widecolumn .entry {
-	line-height: 1.4em;
-	}
-
-.widecolumn {
-	line-height: 1.6em;
-	}
-
-.narrowcolumn .postmetadata {
-	text-align: center;
-	}
-
-.thread-alt {
-	background-color: #f8f8f8;
-}
-.thread-even {
-	background-color: white;
-}
-.depth-1 {
-border: 1px solid #ddd;
-}
-
-.even, .alt {
-
-	border-left: 1px solid #ddd;
-}
-
-#footer {
-	background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top;
-	border: none;
-	}
-
-small {
-	font-family: Arial, Helvetica, Sans-Serif;
-	font-size: 0.9em;
-	line-height: 1.5em;
-	}
-
-h1, h2, h3 {
-	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
-	font-weight: bold;
-	}
-
-h1 {
-	font-size: 4em;
-	text-align: center;
-	}
-
-#headerimg .description {
-	font-size: 1.2em;
-	text-align: center;
-	}
-
-h2 {
-	font-size: 1.6em;
-	}
-
-h2.pagetitle {
-	font-size: 1.6em;
-	}
-
-#sidebar h2 {
-	font-family: 'Lucida Grande', Verdana, Sans-Serif;
-	font-size: 1.2em;
-	}
-
-h3 {
-	font-size: 1.3em;
-	}
-
-h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
-	text-decoration: none;
-	color: white;
-	}
-
-h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
-	color: #333;
-	}
-
-h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
-	text-decoration: none;
-	}
-
-.entry p a:visited {
-	color: #b85b5a;
-	}
-
-.sticky {
-	background: #f7f7f7;
-	padding: 0 10px 10px;
-	}
-.sticky h2 {
-	padding-top: 10px;
-	}
-
-.commentlist li, #commentform input, #commentform textarea {
-	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
-	}
-.commentlist li ul li {
-	font-size: 1em;
-}
-
-.commentlist li {
-	font-weight: bold;
-}
-
-.commentlist li .avatar { 
-	float: right;
-	border: 1px solid #eee;
-	padding: 2px;
-	background: #fff;
-	}
-
-.commentlist cite, .commentlist cite a {
-	font-weight: bold;
-	font-style: normal;
-	font-size: 1.1em;
-	}
-
-.commentlist p {
-	font-weight: normal;
-	line-height: 1.5em;
-	text-transform: none;
-	}
-
-#commentform p {
-	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
-	}
-
-.commentmetadata {
-	font-weight: normal;
-	}
-
-#sidebar {
-	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
-	}
-
-small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
-	color: #777;
-	}
-
-code {
-	font: 1.1em 'Courier New', Courier, Fixed;
-	}
-
-acronym, abbr, span.caps
-{
-	font-size: 0.9em;
-	letter-spacing: .07em;
-	}
-
-a, h2 a:hover, h3 a:hover {
-	color: #06c;
-	text-decoration: none;
-	}
-
-a:hover {
-	color: #147;
-	text-decoration: underline;
-	}
-
-#wp-calendar #prev a, #wp-calendar #next a {
-	font-size: 9pt;
-	}
-
-#wp-calendar a {
-	text-decoration: none;
-	}
-
-#wp-calendar caption {
-	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
-	text-align: center;
-	}
-
-#wp-calendar th {
-	font-style: normal;
-	text-transform: capitalize;
-	}
-/* End Typography & Colors */
-
-
-
-/* Begin Structure */
-body {
-	margin: 0 0 20px 0;
-	padding: 0;
-	}
-
-#page {
-	background-color: white;
-	margin: 20px auto;
-	padding: 0;
-	width: 760px;
-	border: 1px solid #959596;
-	}
-
-#header {
-	background-color: #73a0c5;
-	margin: 0 0 0 1px;
-	padding: 0;
-	height: 200px;
-	width: 758px;
-	}
-
-#headerimg {
-	margin: 0;
-	height: 200px;
-	width: 100%;
-	}
-
-.narrowcolumn {
-	float: left;
-	padding: 0 0 20px 45px;
-	margin: 0px 0 0;
-	width: 450px;
-	}
-
-.widecolumn {
-	padding: 10px 0 20px 0;
-	margin: 5px 0 0 150px;
-	width: 450px;
-	}
-
-.post {
-	margin: 0 0 40px;
-	text-align: justify;
-	}
-
-.post hr {
-	display: block;
-	}
-
-.widecolumn .post {
-	margin: 0;
-	}
-
-.narrowcolumn .postmetadata {
-	padding-top: 5px;
-	}
-
-.widecolumn .postmetadata {
-	margin: 30px 0;
-	}
-
-.widecolumn .smallattachment {
-	text-align: center;
-	float: left;
-	width: 128px;
-	margin: 5px 5px 5px 0px;
-}
-
-.widecolumn .attachment {
-	text-align: center;
-	margin: 5px 0px;
-}
-
-.postmetadata {
-	clear: both;
-}
-
-.clear {
-	clear: both;
-}
-
-#footer {
-	padding: 0;
-	margin: 0 auto;
-	width: 760px;
-	clear: both;
-	}
-
-#footer p {
-	margin: 0;
-	padding: 20px 0;
-	text-align: center;
-	}
-/* End Structure */
-
-
-
-/*	Begin Headers */
-h1 {
-	padding-top: 70px;
-	margin: 0;
-	}
-
-h2 {
-	margin: 30px 0 0;
-	}
-
-h2.pagetitle {
-	margin-top: 30px;
-	text-align: center;
-}
-
-#sidebar h2 {
-	margin: 5px 0 0;
-	padding: 0;
-	}
-
-h3 {
-	padding: 0;
-	margin: 30px 0 0;
-	}
-
-h3.comments {
-	padding: 0;
-	margin: 40px auto 20px ;
-	}
-/* End Headers */
-
-
-
-/* Begin Images */
-p img {
-	padding: 0;
-	max-width: 100%;
-	}
-
-/*	Using 'class="alignright"' on an image will (who would've
-	thought?!) align the image to the right. And using 'class="centered',
-	will of course center the image. This is much better than using
-	align="center", being much more futureproof (and valid) */
-
-img.centered {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-	}
-
-img.alignright {
-	padding: 4px;
-	margin: 0 0 2px 7px;
-	display: inline;
-	}
-
-img.alignleft {
-	padding: 4px;
-	margin: 0 7px 2px 0;
-	display: inline;
-	}
-
-.alignright {
-	float: right;
-	}
-
-.alignleft {
-	float: left;
-	}
-/* End Images */
-
-
-
-/* Begin Lists
-
-	Special stylized non-IE bullets
-	Do not work in Internet Explorer, which merely default to normal bullets. */
-
-html>body .entry ul {
-	margin-left: 0px;
-	padding: 0 0 0 30px;
-	list-style: none;
-	padding-left: 10px;
-	text-indent: -10px;
-	}
-
-html>body .entry li {
-	margin: 7px 0 8px 10px;
-	}
-
-.entry ul li:before, #sidebar ul ul li:before {
-	content: "\00BB \0020";
-	}
-
-.entry ol {
-	padding: 0 0 0 35px;
-	margin: 0;
-	}
-
-.entry ol li {
-	margin: 0;
-	padding: 0;
-	}
-
-.postmetadata ul, .postmetadata li {
-	display: inline;
-	list-style-type: none;
-	list-style-image: none;
-	}
-
-#sidebar ul, #sidebar ul ol {
-	margin: 0;
-	padding: 0;
-	}
-
-#sidebar ul li {
-	list-style-type: none;
-	list-style-image: none;
-	margin-bottom: 15px;
-	}
-
-#sidebar ul p, #sidebar ul select {
-	margin: 5px 0 8px;
-	}
-
-#sidebar ul ul, #sidebar ul ol {
-	margin: 5px 0 0 10px;
-	}
-
-#sidebar ul ul ul, #sidebar ul ol {
-	margin: 0 0 0 10px;
-	}
-
-ol li, #sidebar ul ol li {
-	list-style: decimal outside;
-	}
-
-#sidebar ul ul li, #sidebar ul ol li {
-	margin: 3px 0 0;
-	padding: 0;
-	}
-/* End Entry Lists */
-
-
-
-/* Begin Form Elements */
-#searchform {
-	margin: 10px auto;
-	padding: 5px 3px;
-	text-align: center;
-	}
-
-#sidebar #searchform #s {
-	width: 108px;
-	padding: 2px;
-	}
-
-#sidebar #searchsubmit {
-	padding: 1px;
-	}
-
-.entry form { /* This is mainly for password protected posts, makes them look better. */
-	text-align:center;
-	}
-
-select {
-	width: 130px;
-	}
-
-#commentform input {
-	width: 170px;
-	padding: 2px;
-	margin: 5px 5px 1px 0;
-	}
-
-#commentform {
-	margin: 5px 10px 0 0;
-	}
-#commentform textarea {
-	width: 100%;
-	padding: 2px;
-	}
-#respond:after {
-		content: "."; 
-	    display: block; 
-	    height: 0; 
-	    clear: both; 
-	    visibility: hidden;
-	}
-#commentform #submit {
-	margin: 0 0 5px auto;
-	float: right;
-	}
-/* End Form Elements */
-
-
-
-/* Begin Comments*/
-.alt {
-	margin: 0;
-	padding: 10px;
-	}
-
-.commentlist {
-	padding: 0;
-	text-align: justify;
-	}
-
-.commentlist li {
-	margin: 15px 0 10px;
-	padding: 5px 5px 10px 10px;
-	list-style: none;
-
-	}
-.commentlist li ul li { 
-	margin-right: -5px;
-	margin-left: 10px;
-}
-
-.commentlist p {
-	margin: 10px 5px 10px 0;
-}
-.children { padding: 0; }
-
-#commentform p {
-	margin: 5px 0;
-	}
-
-.nocomments {
-	text-align: center;
-	margin: 0;
-	padding: 0;
-	}
-
-.commentmetadata {
-	margin: 0;
-	display: block;
-	}
-/* End Comments */
-
-
-
-/* Begin Sidebar */
-#sidebar
-{
-	padding: 20px 0 10px 0;
-	margin-left: 545px;
-	width: 190px;
-	}
-
-#sidebar form {
-	margin: 0;
-	}
-/* End Sidebar */
-
-
-
-/* Begin Calendar */
-#wp-calendar {
-	empty-cells: show;
-	margin: 10px auto 0;
-	width: 155px;
-	}
-
-#wp-calendar #next a {
-	padding-right: 10px;
-	text-align: right;
-	}
-
-#wp-calendar #prev a {
-	padding-left: 10px;
-	text-align: left;
-	}
-
-#wp-calendar a {
-	display: block;
-	}
-
-#wp-calendar caption {
-	text-align: center;
-	width: 100%;
-	}
-
-#wp-calendar td {
-	padding: 3px 0;
-	text-align: center;
-	}
-
-#wp-calendar td.pad:hover { /* Doesn't work in IE */
-	background-color: #fff; }
-/* End Calendar */
-
-
-
-/* Begin Various Tags & Classes */
-acronym, abbr, span.caps {
-	cursor: help;
-	}
-
-acronym, abbr {
-	border-bottom: 1px dashed #999;
-	}
-
-blockquote {
-	margin: 15px 30px 0 10px;
-	padding-left: 20px;
-	border-left: 5px solid #ddd;
-	}
-
-blockquote cite {
-	margin: 5px 0 0;
-	display: block;
-	}
-
-.center {
-	text-align: center;
-	}
-
-.hidden {
-	display: none;
-	}
-	
-.screen-reader-text {
-     position: absolute;
-     left: -1000em;
-}
-
-hr {
-	display: none;
-	}
-
-a img {
-	border: none;
-	}
-
-.navigation {
-	display: block;
-	text-align: center;
-	margin-top: 10px;
-	margin-bottom: 60px;
-	}
-/* End Various Tags & Classes*/
-
-
-
-/* Captions */
-.aligncenter,
-div.aligncenter {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.wp-caption {
-	border: 1px solid #ddd;
-	text-align: center;
-	background-color: #f3f3f3;
-	padding-top: 4px;
-	margin: 10px;
-	-moz-border-radius: 3px;
-	-khtml-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-}
-
-.wp-caption img {
-	margin: 0;
-	padding: 0;
-	border: 0 none;
-}
-
-.wp-caption p.wp-caption-text {
-	font-size: 11px;
-	line-height: 17px;
-	padding: 0 4px 5px;
-	margin: 0;
-}
-/* End captions */
-
-
-/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
-	It won't be a stylish marriage, I can't afford a carriage.
-	But you'll look sweet upon the seat of a bicycle built for two." */
+	font-family: Georgia, "Hoefler Text", Times, "Times New Roman", Serif;
+}

File typography.css

+/* text styling etc. Some text styling specific to template will go in  */
+
+body
+{
+	font-family: Arial, Georgia, "Hoefler Text", Times, "Times New Roman", Serif;
+	font-size: 80%;
+}
+
+a
+{
+	color: #d72b27;
+	font-size: 1em;
+	text-decoration: none;
+}
+    
+a:link
+{
+	color: #d72b27;
+}
+
+a:visited
+{
+	color:#981e1c;
+}
+
+a:hover
+{
+	color: #d72b27;
+	text-decoration: underline;
+}
+
+/*
+// ===================================================================
+// NEWS
+// ===================================================================
+*/
+
+#news
+{
+	font-size: 0.9em;
+}
+
+#news h3, #news h2
+{
+	font-size: 1.25em;
+	color: #433;
+}
+
+/*
+// ===================================================================
+// MAIN CONTENT SECTION
+// ===================================================================
+*/
+
+#content
+{
+	color: #222;
+	font-size: 1em;
+	line-height: 1.6;
+}
+
+#content h1, #content h2, #content h3, #content h4
+{
+	display: block;
+	font-weight: bold;
+	margin: 0.7em 0;
+}
+
+#content h1
+{
+	font-size: 20pt;
+	text-align: center;
+}
+
+#content h2
+{
+	font-size: 1.5em;
+	color: #d72b27;
+}
+
+#content h3
+{
+	font-size: 1.3em;
+}
+
+#content h4
+{
+	font-size: 1.1em;
+}
+
+#content dt
+{
+	font-weight: bold;
+	font-size: 1.1em;
+}
+
+code, pre, samp, kbd
+{
+	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
+	font-size: 1em;
+	background: inherit;
+	color: #333;
+}
+
+q
+{
+  quotes: '"' '"' "'" "'";
+  font-style: italic;
+}
+
+q code, q samp, q kbd
+{
+	font-style: normal;
+}
+
+#content p
+{
+}
+
+#content table
+{
+	padding-bottom: 10px;
+}
+
+#content td
+{
+	vertical-align: top;
+}
+
+#content blockquote
+{
+	background: #eee;
+	margin: 0 4em;
+	padding: 3px 5px 3px 10px;
+	border-left: 2px dotted #d72b27;
+	border-right: 2px dotted #d72b27;
+}
+
+#content sup
+{
+	font-size: 0.9em;
+}