Moving css files to a subdirectory, renaming index.html to template file.
authorFredrik Unger <fred@tree.se>
Mon, 6 Feb 2012 11:12:40 +0000 (12:12 +0100)
committerFredrik Unger <fred@tree.se>
Mon, 6 Feb 2012 11:12:40 +0000 (12:12 +0100)
style/awesomesauce/css/print.css [new file with mode: 0644]
style/awesomesauce/css/style.css [new file with mode: 0644]
style/awesomesauce/index.en.html.tmpl [new file with mode: 0644]
style/awesomesauce/index.html [deleted file]
style/awesomesauce/print.css [deleted file]
style/awesomesauce/style.css [deleted file]

diff --git a/style/awesomesauce/css/print.css b/style/awesomesauce/css/print.css
new file mode 100644 (file)
index 0000000..4835952
--- /dev/null
@@ -0,0 +1,20 @@
+body {
+    color : #000000;
+    background : #ffffff;
+    font-family : "Times New Roman", Times, serif;
+    font-size : 12pt;
+}
+
+a {
+    text-decoration : underline;
+    color : #0000ff;
+}
+
+a:link:after, a:visited:after {
+    content: " (" attr(href) ") ";
+    font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside {
+    display : none;
+}
diff --git a/style/awesomesauce/css/style.css b/style/awesomesauce/css/style.css
new file mode 100644 (file)
index 0000000..18a8d7c
--- /dev/null
@@ -0,0 +1,309 @@
+/* Created by http://freehtml5templates.com */
+
+* {margin: 0; padding: 0;}
+header, nav, section, article, aside, footer {display: block;}
+body {
+    font: 16px/18px Arial, Tahoma, sans-serif;
+    color: #555;
+    width: 960px;
+    margin-left:auto;
+    margin-right:auto;
+    text-align:center;
+}
+
+a {
+    color: #333;
+    outline: none;
+}
+
+a:hover { color: #A80202;}
+
+p {margin: 0 0 18px;}
+
+img {border: none;}
+
+blockquote {
+    margin: 0 20px 18px 20px;
+    padding: 1px 12px;
+    background: #F2F2F2;
+    border-left: 3px solid #A80202;
+    border-right: 3px solid #A80202;
+}
+
+blockquote p {
+    padding: 8px 0;
+    margin: 0;
+}
+
+.clear {
+    clear: both;
+    height: 0;
+    overflow: hidden;
+}
+
+.aligncenter,
+div.aligncenter {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.alignleft {float: left;}
+
+img.alignleft {margin: 5px 15px 5px 0;}
+
+.alignright {float: right;}
+
+img.alignright {margin: 5px 0 5px 15px;}
+
+#wrapper {
+    width: 960px;
+    text-align:left;
+}
+
+/* Header
+-----------------------------------------------------------------------------*/
+
+header {
+    height: 200px;
+    position: relative;
+    background: url(images/roundedheader.png);
+    margin-top: 10px;
+}
+
+#headerlogo {
+    position: absolute;
+    top: 23px;
+    right: 47px;
+}
+
+#sitename a {
+    position: absolute;
+    top: 30px;
+    left: 10px;
+    font: 40px/1 Georgia, "Times New Roman", Times;
+    color: #F2F2F2;
+    text-shadow: 2px 2px 2px #000;
+    text-decoration: none;
+}
+
+#description {
+    position: absolute;
+    top: 80px;
+    left: 15px;
+    width: 600px;
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 16px;
+    color: #F2F2F2;
+    text-shadow: 1px 1px 0 #000;
+}
+
+header nav {
+    position: absolute;
+    top: 173px;
+    width: 915px;
+    left: 25px;
+    height: 26px;
+    font: 14px/1 Tahoma, Arial;
+    text-transform: uppercase;
+    overflow: hidden;
+}
+
+header nav li {
+    float: left;
+    list-style: none;
+    background: #FFF;
+    margin: 2px;
+    border: 2px solid #696969;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+}
+
+header nav a {
+    float: left;
+    color: #333;
+    text-decoration: none;
+    padding: 7px 10px 6px;
+    border-bottom: 3px solid #F0EFEF;
+}
+
+/* Middle
+-----------------------------------------------------------------------------*/
+
+section {
+    width: 946px;
+    margin-top: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border: 1px solid #AEB0AD;
+    padding: 5px;
+    background-color: #F2F2F2;
+}
+
+section:after {
+    content: '.';
+    display: block;
+    clear: both;
+    visibility: hidden;
+    height: 0;
+}
+
+#container {
+    width: 100%;
+    float: left;
+    overflow: hidden;
+}
+
+#content {
+    margin: 0 199px;
+    padding: 15px 15px 1px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border: 1px solid #AEB0AD;
+    height: 1%;
+    background-color: #FFF;
+}
+
+#content h2 {
+    font: 24px/1 Arial, Tahoma;
+    margin: 0 0 18px;
+    color: #333;
+}
+
+#content h2 a {
+    color: #333;
+    text-decoration: none;
+    text-shadow: 2px 1px 2px #CCC;
+}
+
+#content h2 a:hover {
+    color: #A80202;
+    text-decoration: underline;
+    text-shadow: none;
+}
+
+#content .entry h2,
+#content .entry h3,
+#content .entry h4,
+#content .entry h5,
+#content .entry h6 {
+    font: 24px/1 Arial, Tahoma;
+    margin: 25px 0 18px;
+    color: #333;
+    text-shadow: 2px 1px 2px #CCC;
+}
+
+#content .entry h3 {font-size: 22px;}
+
+#content .entry h4 {font-size: 20px;}
+
+#content .entry h5 {font-size: 18px;}
+
+#content .entry h6 {font-size: 16px;}
+
+#content h3 {
+    color: #333;
+    font-size: 22px;
+    font-weight: normal;
+    line-height: 1;
+    text-shadow: 2px 1px 2px #CCC;
+    margin: 0 0 28px;
+}
+
+/* Sidebars
+-----------------------------------------------------------------------------*/
+
+aside {
+    float: left;
+    width: 199px;
+    position: relative;
+    font-size: 14px;
+}
+
+#left {
+    margin-left: -100%;
+}
+
+#right {
+    margin-left: -200px;
+}
+
+aside h3 {
+    line-height: 35px;
+    color: #A80202;
+    font-size: 14px;
+    text-transform: uppercase;
+    text-shadow: 1px 1px 1px #DDD;
+    height: 35px;
+    padding-left: 10px;
+}
+
+aside#right h3 {
+    color: #A80202;
+}
+
+aside ul {list-style-position: inside;
+         list-style-image: url(images/redarrow.gif);}
+
+aside li {
+    color: #696969;
+    padding: 4px 6px 5px 5px;
+}
+
+aside a {
+    color: #6E7761;
+    text-decoration: none;
+}
+
+.box {
+    padding: 0 0 5px;
+}
+
+.inner {
+    margin-left: 10px;
+    margin-right: 10px;
+    overflow: hidden;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border: 1px solid #A80202;
+    padding: 5px;
+    margin-top: -7px;
+    margin-bottom: 10px;
+}
+
+
+/* Footer
+-----------------------------------------------------------------------------*/
+
+footer {
+    background: #F2F2F2;
+    font-size: 11px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border: 1px solid #AEB0AD;
+    padding: 5px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+#copyright {
+    font: 10px/16px Tahoma, Arial;
+    text-align: right;
+    color: #333;
+    padding: 22px 10px 0 0;
+}
+
+#copyright span {
+    display: block;
+    text-transform: uppercase;
+}
+
+#copyright a {
+    color: #6E7761;
+    text-decoration: none;
+}
+
+#copyright a:hover { color: #A80202;}
diff --git a/style/awesomesauce/index.en.html.tmpl b/style/awesomesauce/index.en.html.tmpl
new file mode 100644 (file)
index 0000000..e038ce5
--- /dev/null
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8"/>
+    <title>my title</title>
+    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+  </head>
+  <body>
+    <div id="wrapper">
+      <header>
+       <div id="headerlogo"><img src="images/yourlogo.png" alt="logo" /></div>
+       <h1 id="sitename"><a href="#">Awesome Sauce</a></h1>
+       <div id="description">Your interesting & compelling tag line</div>
+       <div id="top">
+         <nav>
+           <ul>
+             <li><a href="#">Home</a></li>
+             <li><a href="#">About</a></li>
+             <li><a href="#">Contact</a></li>
+           </ul>
+         </nav>
+       </div>
+      </header>
+      <section>
+       <div id="container">
+         <div id="content">
+           <article>
+             <h2><a href="#" rel="bookmark">My Article Title</a></h2>
+             <div class="entry">
+               <p>
+                 Lorem ipsum pri at agam postulant. Vis option
+                 euismod ut, mucius nominavi noluisse vim in, his ne
+                 mediocrem qualisque necessitatibus. Has at ubique
+                 utroque molestie, <a href="#">vim ne ceteros
+                 ponderum</a> hendrerit. No everti singulis
+                 disputationi eam, minim iusto cu usu, sint nulla
+                 harum duo ei. Ut vidit cotidieque ullamcorper mea,
+                 dolorem oportere vulputate ea mei, eu ius error
+                 perpetua theophrastus.
+               </p>
+               <img src="images/hotpeppers.jpg" alt="" class="alignleft" />
+               <p>
+                 Quis quaerendum pri no, sit ad noster timeam. An pro
+                 consul concludaturque, no possim impetus mei. Facer
+                 oblique referrentur te qui, ornatus postulant
+                 evertitur ius ea. No sed vero aperiri equidem, pri
+                 et perpetua erroribus accusamus, doctus menandri ad
+                 qui. Natum dicunt delenit te vim, has te decore
+                 deseruisse. Quot malorum legendos ut est, urbanitas
+                 interpretaris id qui, duo populo animal
+                 conclusionemque ne.
+               </p>
+               <p>
+                 Iriure postulant pro ad. Wisi delectus legendos an
+                 duo, alia utroque recteque no mel, te sed porro
+                 alienum. Vix tale suavitate incorrupte at, viris
+                 tractatos incorrupte pri ad. Veri putant volutpat
+                 his ad, no doming deserunt persecuti eum, ad nobis
+                 essent sed. Ad vis mandamus expetenda, salutandi
+                 iracundia repudiandae mei ei. Alii pericula
+                 abhorreant mei an, vix dignissim consequuntur ex,
+                 alienum invenire posidonium nam ei.
+               </p>
+               <blockquote>
+                 Minim elitr congue eu mea, quo minimum verterem
+                 gloriatur in, ex alia cotidieque complectitur
+                 qui. Eu sit idque quodsi constituto, ex mea omnesque
+                 adolescens. Sit id fabulas eligendi suscipiantur, eu
+                 natum perfecto sit, at brute option lucilius mea. Te
+                 malis disputationi has, ex eum habeo sententiae. An
+                 est meliore denique voluptatibus, nam putent
+                 voluptua inciderint in, ne simul graeci nonummy vel.
+               </blockquote>
+               <p>
+                 Quod malorum delectus ne duo, an pri facer doming
+                 quaeque, ancillae omnesque his ei. At sed nibh illum
+                 placerat. At quod appareat reprehendunt vim, te pri
+                 velit nonumy antiopam. Exerci placerat est no, cu
+                 quo affert vidisse democritum. Debitis maiestatis
+                 referrentur qui ad. Sonet praesent intellegebat mei
+                 ex, duo meis epicurei cu. Idque volutpat sadipscing
+                 ut est, eos eu alienum oportere, eum ea dicat ignota
+                 persequeris.
+               </p>
+               <p>
+                 Veritus menandri referrentur est cu. Eos ea mazim
+                 elaboraret delicatissimi, puto nostrud platonem vis
+                 an. Mea eirmod torquatos et, ad sonet minimum mea,
+                 mei eu causae eruditi intellegat. Velit vitae ridens
+                 et vel, commodo suscipit persequeris sea id, iudico
+                 persius eruditi in vel. Magna eloquentiam mei et,
+                 quo erat vituperatoribus ea, in sale audiam quo. Ad
+                 eum illum tantas volumus, iriure feugiat recteque ei
+                 est.
+               </p>
+             </div>
+           </article>
+         </div><!-- #content-->
+       </div><!-- #container-->
+       <aside id="left"><!-- start left sidebar -->
+         <div class="box">
+           <h3>Main Menu</h3>
+           <div class="inner">
+             <ul>
+               <li><a href="#">Products</a></li>
+               <li><a href="#">Support</a></li>
+               <li><a href="#">Popular Uses</a></li>
+             </ul>
+           </div>
+         </div><!-- .box -->
+         <div class="box">
+           <h3>Our Sponsor</h3>
+           <div class="inner">
+             <br />
+             <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
+             <br />
+           </div>
+         </div><!-- .box -->
+       </aside><!-- end left sidebar -->
+       <aside id="right"><!-- start right sidebar -->
+         <div class="box">
+           <h3>Connect With Us</h3>
+           <div class="inner">
+             <ul>
+               <li><a href="#">Twitter</a></li>
+               <li><a href="#">Facebook</a></li>
+             </ul>
+           </div>
+         </div><!-- .box -->
+         <div class="box">
+           <h3>Recent Articles</h3>
+           <div class="inner">
+             <ul>
+               <li><a href="#">How To Clean Anything</a></li>
+               <li><a href="#">Get The Most Out of Widgets</a></li>
+             </ul>
+           </div>
+         </div><!-- .box -->
+         <div class="box">
+           <h3>Recommended</h3>
+           <div class="inner">
+             <br />
+             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+             <br />
+             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+             <br />
+             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+             <br />
+           </div>
+         </div><!-- .box -->
+       </aside><!-- end right sidebar -->
+      </section>
+      <footer>
+       <div id="copyright">
+         <span>&copy; 2010 All rights reserved <a href="#">yoursite.com</a></span>
+       </div>
+      </footer>
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>
diff --git a/style/awesomesauce/index.html b/style/awesomesauce/index.html
deleted file mode 100644 (file)
index e038ce5..0000000
+++ /dev/null
@@ -1,163 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8"/>
-    <title>my title</title>
-    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
-    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
-    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-  </head>
-  <body>
-    <div id="wrapper">
-      <header>
-       <div id="headerlogo"><img src="images/yourlogo.png" alt="logo" /></div>
-       <h1 id="sitename"><a href="#">Awesome Sauce</a></h1>
-       <div id="description">Your interesting & compelling tag line</div>
-       <div id="top">
-         <nav>
-           <ul>
-             <li><a href="#">Home</a></li>
-             <li><a href="#">About</a></li>
-             <li><a href="#">Contact</a></li>
-           </ul>
-         </nav>
-       </div>
-      </header>
-      <section>
-       <div id="container">
-         <div id="content">
-           <article>
-             <h2><a href="#" rel="bookmark">My Article Title</a></h2>
-             <div class="entry">
-               <p>
-                 Lorem ipsum pri at agam postulant. Vis option
-                 euismod ut, mucius nominavi noluisse vim in, his ne
-                 mediocrem qualisque necessitatibus. Has at ubique
-                 utroque molestie, <a href="#">vim ne ceteros
-                 ponderum</a> hendrerit. No everti singulis
-                 disputationi eam, minim iusto cu usu, sint nulla
-                 harum duo ei. Ut vidit cotidieque ullamcorper mea,
-                 dolorem oportere vulputate ea mei, eu ius error
-                 perpetua theophrastus.
-               </p>
-               <img src="images/hotpeppers.jpg" alt="" class="alignleft" />
-               <p>
-                 Quis quaerendum pri no, sit ad noster timeam. An pro
-                 consul concludaturque, no possim impetus mei. Facer
-                 oblique referrentur te qui, ornatus postulant
-                 evertitur ius ea. No sed vero aperiri equidem, pri
-                 et perpetua erroribus accusamus, doctus menandri ad
-                 qui. Natum dicunt delenit te vim, has te decore
-                 deseruisse. Quot malorum legendos ut est, urbanitas
-                 interpretaris id qui, duo populo animal
-                 conclusionemque ne.
-               </p>
-               <p>
-                 Iriure postulant pro ad. Wisi delectus legendos an
-                 duo, alia utroque recteque no mel, te sed porro
-                 alienum. Vix tale suavitate incorrupte at, viris
-                 tractatos incorrupte pri ad. Veri putant volutpat
-                 his ad, no doming deserunt persecuti eum, ad nobis
-                 essent sed. Ad vis mandamus expetenda, salutandi
-                 iracundia repudiandae mei ei. Alii pericula
-                 abhorreant mei an, vix dignissim consequuntur ex,
-                 alienum invenire posidonium nam ei.
-               </p>
-               <blockquote>
-                 Minim elitr congue eu mea, quo minimum verterem
-                 gloriatur in, ex alia cotidieque complectitur
-                 qui. Eu sit idque quodsi constituto, ex mea omnesque
-                 adolescens. Sit id fabulas eligendi suscipiantur, eu
-                 natum perfecto sit, at brute option lucilius mea. Te
-                 malis disputationi has, ex eum habeo sententiae. An
-                 est meliore denique voluptatibus, nam putent
-                 voluptua inciderint in, ne simul graeci nonummy vel.
-               </blockquote>
-               <p>
-                 Quod malorum delectus ne duo, an pri facer doming
-                 quaeque, ancillae omnesque his ei. At sed nibh illum
-                 placerat. At quod appareat reprehendunt vim, te pri
-                 velit nonumy antiopam. Exerci placerat est no, cu
-                 quo affert vidisse democritum. Debitis maiestatis
-                 referrentur qui ad. Sonet praesent intellegebat mei
-                 ex, duo meis epicurei cu. Idque volutpat sadipscing
-                 ut est, eos eu alienum oportere, eum ea dicat ignota
-                 persequeris.
-               </p>
-               <p>
-                 Veritus menandri referrentur est cu. Eos ea mazim
-                 elaboraret delicatissimi, puto nostrud platonem vis
-                 an. Mea eirmod torquatos et, ad sonet minimum mea,
-                 mei eu causae eruditi intellegat. Velit vitae ridens
-                 et vel, commodo suscipit persequeris sea id, iudico
-                 persius eruditi in vel. Magna eloquentiam mei et,
-                 quo erat vituperatoribus ea, in sale audiam quo. Ad
-                 eum illum tantas volumus, iriure feugiat recteque ei
-                 est.
-               </p>
-             </div>
-           </article>
-         </div><!-- #content-->
-       </div><!-- #container-->
-       <aside id="left"><!-- start left sidebar -->
-         <div class="box">
-           <h3>Main Menu</h3>
-           <div class="inner">
-             <ul>
-               <li><a href="#">Products</a></li>
-               <li><a href="#">Support</a></li>
-               <li><a href="#">Popular Uses</a></li>
-             </ul>
-           </div>
-         </div><!-- .box -->
-         <div class="box">
-           <h3>Our Sponsor</h3>
-           <div class="inner">
-             <br />
-             <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
-             <br />
-           </div>
-         </div><!-- .box -->
-       </aside><!-- end left sidebar -->
-       <aside id="right"><!-- start right sidebar -->
-         <div class="box">
-           <h3>Connect With Us</h3>
-           <div class="inner">
-             <ul>
-               <li><a href="#">Twitter</a></li>
-               <li><a href="#">Facebook</a></li>
-             </ul>
-           </div>
-         </div><!-- .box -->
-         <div class="box">
-           <h3>Recent Articles</h3>
-           <div class="inner">
-             <ul>
-               <li><a href="#">How To Clean Anything</a></li>
-               <li><a href="#">Get The Most Out of Widgets</a></li>
-             </ul>
-           </div>
-         </div><!-- .box -->
-         <div class="box">
-           <h3>Recommended</h3>
-           <div class="inner">
-             <br />
-             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
-             <br />
-             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
-             <br />
-             <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
-             <br />
-           </div>
-         </div><!-- .box -->
-       </aside><!-- end right sidebar -->
-      </section>
-      <footer>
-       <div id="copyright">
-         <span>&copy; 2010 All rights reserved <a href="#">yoursite.com</a></span>
-       </div>
-      </footer>
-    </div><!-- #wrapper -->
-    <!-- Free template created by http://freehtml5templates.com -->
-  </body>
-</html>
diff --git a/style/awesomesauce/print.css b/style/awesomesauce/print.css
deleted file mode 100644 (file)
index 4835952..0000000
+++ /dev/null
@@ -1,20 +0,0 @@
-body {
-    color : #000000;
-    background : #ffffff;
-    font-family : "Times New Roman", Times, serif;
-    font-size : 12pt;
-}
-
-a {
-    text-decoration : underline;
-    color : #0000ff;
-}
-
-a:link:after, a:visited:after {
-    content: " (" attr(href) ") ";
-    font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside {
-    display : none;
-}
diff --git a/style/awesomesauce/style.css b/style/awesomesauce/style.css
deleted file mode 100644 (file)
index 18a8d7c..0000000
+++ /dev/null
@@ -1,309 +0,0 @@
-/* Created by http://freehtml5templates.com */
-
-* {margin: 0; padding: 0;}
-header, nav, section, article, aside, footer {display: block;}
-body {
-    font: 16px/18px Arial, Tahoma, sans-serif;
-    color: #555;
-    width: 960px;
-    margin-left:auto;
-    margin-right:auto;
-    text-align:center;
-}
-
-a {
-    color: #333;
-    outline: none;
-}
-
-a:hover { color: #A80202;}
-
-p {margin: 0 0 18px;}
-
-img {border: none;}
-
-blockquote {
-    margin: 0 20px 18px 20px;
-    padding: 1px 12px;
-    background: #F2F2F2;
-    border-left: 3px solid #A80202;
-    border-right: 3px solid #A80202;
-}
-
-blockquote p {
-    padding: 8px 0;
-    margin: 0;
-}
-
-.clear {
-    clear: both;
-    height: 0;
-    overflow: hidden;
-}
-
-.aligncenter,
-div.aligncenter {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.alignleft {float: left;}
-
-img.alignleft {margin: 5px 15px 5px 0;}
-
-.alignright {float: right;}
-
-img.alignright {margin: 5px 0 5px 15px;}
-
-#wrapper {
-    width: 960px;
-    text-align:left;
-}
-
-/* Header
------------------------------------------------------------------------------*/
-
-header {
-    height: 200px;
-    position: relative;
-    background: url(images/roundedheader.png);
-    margin-top: 10px;
-}
-
-#headerlogo {
-    position: absolute;
-    top: 23px;
-    right: 47px;
-}
-
-#sitename a {
-    position: absolute;
-    top: 30px;
-    left: 10px;
-    font: 40px/1 Georgia, "Times New Roman", Times;
-    color: #F2F2F2;
-    text-shadow: 2px 2px 2px #000;
-    text-decoration: none;
-}
-
-#description {
-    position: absolute;
-    top: 80px;
-    left: 15px;
-    width: 600px;
-    font-size: 16px;
-    font-weight: bold;
-    line-height: 16px;
-    color: #F2F2F2;
-    text-shadow: 1px 1px 0 #000;
-}
-
-header nav {
-    position: absolute;
-    top: 173px;
-    width: 915px;
-    left: 25px;
-    height: 26px;
-    font: 14px/1 Tahoma, Arial;
-    text-transform: uppercase;
-    overflow: hidden;
-}
-
-header nav li {
-    float: left;
-    list-style: none;
-    background: #FFF;
-    margin: 2px;
-    border: 2px solid #696969;
-    -moz-border-radius-topleft: 5px;
-    -moz-border-radius-topright: 5px;
-    -webkit-border-top-left-radius: 5px;
-    -webkit-border-top-right-radius: 5px;
-}
-
-header nav a {
-    float: left;
-    color: #333;
-    text-decoration: none;
-    padding: 7px 10px 6px;
-    border-bottom: 3px solid #F0EFEF;
-}
-
-/* Middle
------------------------------------------------------------------------------*/
-
-section {
-    width: 946px;
-    margin-top: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border: 1px solid #AEB0AD;
-    padding: 5px;
-    background-color: #F2F2F2;
-}
-
-section:after {
-    content: '.';
-    display: block;
-    clear: both;
-    visibility: hidden;
-    height: 0;
-}
-
-#container {
-    width: 100%;
-    float: left;
-    overflow: hidden;
-}
-
-#content {
-    margin: 0 199px;
-    padding: 15px 15px 1px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border: 1px solid #AEB0AD;
-    height: 1%;
-    background-color: #FFF;
-}
-
-#content h2 {
-    font: 24px/1 Arial, Tahoma;
-    margin: 0 0 18px;
-    color: #333;
-}
-
-#content h2 a {
-    color: #333;
-    text-decoration: none;
-    text-shadow: 2px 1px 2px #CCC;
-}
-
-#content h2 a:hover {
-    color: #A80202;
-    text-decoration: underline;
-    text-shadow: none;
-}
-
-#content .entry h2,
-#content .entry h3,
-#content .entry h4,
-#content .entry h5,
-#content .entry h6 {
-    font: 24px/1 Arial, Tahoma;
-    margin: 25px 0 18px;
-    color: #333;
-    text-shadow: 2px 1px 2px #CCC;
-}
-
-#content .entry h3 {font-size: 22px;}
-
-#content .entry h4 {font-size: 20px;}
-
-#content .entry h5 {font-size: 18px;}
-
-#content .entry h6 {font-size: 16px;}
-
-#content h3 {
-    color: #333;
-    font-size: 22px;
-    font-weight: normal;
-    line-height: 1;
-    text-shadow: 2px 1px 2px #CCC;
-    margin: 0 0 28px;
-}
-
-/* Sidebars
------------------------------------------------------------------------------*/
-
-aside {
-    float: left;
-    width: 199px;
-    position: relative;
-    font-size: 14px;
-}
-
-#left {
-    margin-left: -100%;
-}
-
-#right {
-    margin-left: -200px;
-}
-
-aside h3 {
-    line-height: 35px;
-    color: #A80202;
-    font-size: 14px;
-    text-transform: uppercase;
-    text-shadow: 1px 1px 1px #DDD;
-    height: 35px;
-    padding-left: 10px;
-}
-
-aside#right h3 {
-    color: #A80202;
-}
-
-aside ul {list-style-position: inside;
-         list-style-image: url(images/redarrow.gif);}
-
-aside li {
-    color: #696969;
-    padding: 4px 6px 5px 5px;
-}
-
-aside a {
-    color: #6E7761;
-    text-decoration: none;
-}
-
-.box {
-    padding: 0 0 5px;
-}
-
-.inner {
-    margin-left: 10px;
-    margin-right: 10px;
-    overflow: hidden;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border: 1px solid #A80202;
-    padding: 5px;
-    margin-top: -7px;
-    margin-bottom: 10px;
-}
-
-
-/* Footer
------------------------------------------------------------------------------*/
-
-footer {
-    background: #F2F2F2;
-    font-size: 11px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border: 1px solid #AEB0AD;
-    padding: 5px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-#copyright {
-    font: 10px/16px Tahoma, Arial;
-    text-align: right;
-    color: #333;
-    padding: 22px 10px 0 0;
-}
-
-#copyright span {
-    display: block;
-    text-transform: uppercase;
-}
-
-#copyright a {
-    color: #6E7761;
-    text-decoration: none;
-}
-
-#copyright a:hover { color: #A80202;}