/* @group Clean default styling */ * {   margin: 0;   padding: 0;   font-size: 1em; }  :link, :visited {   text-decoration: none; }  h1, h2 {   font-size: 1em;   font-weight: normal;   clear: left; }  img {   border: 0; } /* @end Clean default styling */  /* @group Utility */ .clear {   clear: both; } /* @end Utility */  /* @group Main */ html {   font-size: 62.5%; }  body {   background-color: #372926;   color: #ccc;   font: 1.2em/1.8em American Typewriter, Verdana, Arial, Helvetica, sans-serif; }  a, a:link, a:visited, a:active {   color: #ccc;   text-decoration: none;   border-bottom: 1px dotted #72b7ce; }  a:hover {   color: #ccc;   border-bottom: 1px solid #72b7ce; }  h1 {   font-size: 2.0em;   color: #72b7ce;   margin-bottom: 20px; }  h2 {   color: #72b7ce;   font-size: 1.2em;   display: inline; }  strong {   color: #72b7ce;   font-weight: bold; }  #page {   width: 800px;   margin: 30px auto;   padding: 10px;   position: relative; }  #to-blog {   text-align: right;   font-size: 2em;   margin: 20px; }  #to-blog a span {   color: #72b7ce; } /* @end Main */  /* @group Header */ h1 {   float: left;   margin-top: 70px; }  #avatar {   float: right;   width: 321px;   height: 114px; }  #avatar img {   border: 2px solid #72b7ce;   width: 317px;   height: 110px; }  /* @end Header */  /* @group Phrase */ #phrase-container {   border-top: 1px dotted #aaa;   border-bottom: 1px dotted #aaa;   padding: 5px 0; }  blockquote {   text-indent: 40px;   background: url(http://images.dallangelo.com/images/quotes1.png?1);   background-position: 0 2px;   background-repeat: no-repeat;   margin: 20px;   text-align: justify; }  blockquote p {   display: inline;   margin: 0;   padding-right: 40px;   background: url(http://images.dallangelo.com/images/quotes2.png?1);   background-position: bottom right;   background-repeat: no-repeat; }  #phrase {   font-size: 16px;   text-align: justify;   margin: 0 auto 20px auto;   width: 600px; }  #phrase-from {   float: right;   margin-right: 20px; }  #phrase-from a {   color: #72b7ce; }  #phrase-from span {   color: #ccc; }  /* @end Phrase */  /* @group Menu */ #menu-container {   width: 100%;   margin: 0 auto 10px auto; } #menu {   margin: 0 auto; } #menu img {   float: right;   margin-top: 2px; }  #twitter-img {   width: 28px;   height: 28px;   margin-right: 5px; } /* @end Menu */  /* @group Description */ #description {   margin: 10px 0;   padding: 0 5px 10px 5px;   border-bottom: 1px dotted #aaa; }  #description p {   font-size: 1.5em;   text-align: justify;   color: #72b7ce; }  #description p span {   color: #ccc; } /* @end Description */  /* @group Articles */ #articles-list {   border-top: 1px dotted #aaa;   border-bottom: 1px dotted #aaa;   padding: 5px; }  #articles-list h2 span {   float: right;   font-family: verdana; }  #articles li {   float: left;   width: 350px;   margin-left: 20px; } /* @end Articles */  /* @group Boxes */ #boxes {   padding: 0 5px; }  #news-from-log {   width: 400px;   padding: 5px 0;   float: left; }  #news-from-log ol li {   margin-left: 10px;   list-style-type: none;   color: #72b7ce; }  /* @end Boxes */  /* @group Weather */ #weather {   float: right;   padding: 5px;   width: 280px; }  #weather h2 {   display: block; }  #weather img {   float: left;   margin-left: 50px; }  p#weather-degree {   float: left;   font-size: 70px;   padding-top: 10px;   color: #aaa;   line-height: 93px; } /* @end Weather */  /* @group Info */ #info {   width: 100%;   margin: 20px auto;   text-align: center; } #info span {   color: #72b7ce; } /* @end Info */