/*
  Theme Name: Sirup
  Theme URI: http://1000ff.de/wordpress-theme-sirup/
  Description: A simple magazine and blog layout, easy to customize through an options page. Fast loading CSS-only theme with support for Gravatars and Sidebar Widgets. <a href="http://themes.1000ff.de">Working demo</a> / <a href="http://1000ff.de/sirup-faq/">FAQ</a>.
  Version: 1.0.3
  Tags: options page, magazine, two columns, right sidebar, fixed width, widget ready, simple, white, yellow, clean, valid XHTML
  Author: 1000ff
  Author URI: http://1000ff.de/
  */
  
  * html {
  height:1%;
  }
  
  body{
background-image: url("http://www.coisasemanal.com.br/images/fundos/31110CE2F14C3B5B5EFF7455FEFFC0_31.png");
  font-size:100%;
  font-family:"Georgia";
  height:100%;
  background-attachment: fixed;
  background-repeat:repeat;
  position:relative;
  text-align:left;
  width:960px;
  margin:0 auto;
  }
  
  #page {
  width:930px;
  line-height:22px;
  height:100%;
  background:#FFF;
  margin:20px;
  padding:30px;
  }
  
  .page_title {
  font-family:arial;
  width:600px;
  }
  
  #wrap {
  height:100%;
  }
  
  /* header + navigation
  --------------------------------------------------*/
  #header {
  height:200px;
  padding:0 0 20px;
  background-image:url(images/background-nav.png);
  }
  
  #headerimg h1 {
  margin: 0 0 10px; 0;
  }
  
  #headerimg h1 a {
  font-family:arial;
  font-size:1.3em;
  font-weight:bold;
  padding:0 3px;
  
  }
  
  #header-logo {
  float: left;
  height: 135px;
  width: 315px;
  }
  #header-banner {
  float: right;
  height: 120px;
  width: 600px;
  margin: 15px 15px 0 0;
  }
  
  #header-descri {
  float: left;
  width: 930px;
  margin-top: 20px;
  }
  
  .page_title {
  font-family:arial;
  width:600px;
  }
  
  #navi2 {
  color:#00FF00;
  margin:20px 0 0 0;
  padding:0;
  }
  
  #navi2 a {
  font-family:arial;
  font-size:0.9em;
  font-weight: bold;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #FFF;
  background-image:url(images/background-nav2.png);
  padding: 0 5px 0 5px;
  }
  
  #navi2 a:hover {
  color: #00FFFF;
  background-image:url(images/background-nav2.png);
  }
  
  .description {
  font-size:1.3em;
  margin:0;
  padding:0 0 0 17px;
  }
  
  
  #nav {
  margin-top:1px;
  width:930px;
  height:32px;
  background-image:url(images/background-nav2.png);
  }
  
  #nav li {
  float:left;
  list-style:none;
  margin:6px 15px 0 15px;
  padding:0;
  }
  
  .clear {
  clear:both;
  }
  
  /* colors (#FFFD87 = yellow || #000 = black)
  --------------------------------------------------*/
  a {
  text-decoration:none;
  }
  
  #content h2,h3,h4 {
  font-family:arial;
  }
  
  .post h1 a{
  color:#FF00FF;
  background:#000;
  line-height:37px;
  padding:1px 3px;
  font-family:arial;
  }

 .feature h1 a{
  line-height:37px;
  padding:1px 3px;
  }

.feature a{
  color:#FF00FF;
  background:#000;
  }
  
  .post h2 a,h3 a,h4 a {
  line-height:29px;
  padding:1px 3px;
  }

  .feature h2 a,h3 a,h4 a {
  line-height:29px;
  padding:1px 3px;
  }
  
  .post li {
  list-style:square;
  }

  feature li {
  list-style:square;
  }
  
  .post li a {
  color: #FF00FF;
  background: #FFF;
  line-height:13px;
  }

  feature li a {
  color: #FF00FF;
  background: #FFF;
  line-height:13px;
  }
  
  .post li a:hover {
  color: #FF00FF;
  background: #000;
  }

 .feature li a:hover {
  color: #FF00FF;
  background: #000;
  }
  
  .post a,.navigation a:hover {
  color:#FF00FF;
  background:#000;
  }
  
.post a:hover,.post h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h3 a {
  color:#000;
  background:#FF00FF;
  }

.feature a:hover {
  color:#000;
  background:#FF00FF;
  }
  
  .postmetadata {
  margin-bottom:0;
  background-image:url(images/background-search.png);
  color:#000;
  padding:2px
  }
  
  
  /* h3 colors, somehow needed
  --------------------------------------------------*/
  h3 a {
  color: #00FFFF;
  background: #000;
  }
  
  h3 {
  font-size:1.5em;
  background-image:url(images/background.png);
  }
  
  h3 a:hover {
  color: #000;
  background: #00FFFF;
  }
  
  h6 a {
  font-size:1.4em;
  font-style: italic;
  font-weight: bold;
  }
  
  h6 a {
  color: #FF00FF;
  background: #FFF;
  }
  
  h6 a:hover {
  color: #000;
  background: #FF00FF;
  }
  
  h5 {
  font-size:2em;
  line-height:36px;
  background-image:url(images/background.png);
  padding:1px 3px;
  }
  
  /* sidebar
  --------------------------------------------------*/
  #sidebar {
  float:right;
  width:250px;
  height:100%;
  font-size:13px;
  }
  
  #sidebar li {
  list-style:square;
  }
  
  #sidebar ul {
  padding-left:20px;
  }
  
  /*
  .sidebar ul,li a {
  margin-left:-20px;
  line-height:10px;
  }
  */
  
  #sidebar h3 {
  margin-top:20px;
  
  }
  
  #sidebar a {
  color: #FF00FF;
  //background: #FFF;
  line-height:13px;
  }
  
  #sidebar a:hover {
  color: #FF00FF;
  background: #000;
  }
  
  #sidebar img {
  border:0 none;
  margin:0;
  padding:0;
  }
  
  /* frontpage
  --------------------------------------------------*/
  .feature {
  background-image:url(images/background.png);
  background-repeat:repeat;
  float:left;
  width:610px;
  margin:0 10px 30px 0;
  padding:20px;
  }
  
  .feature h1 {
  margin-top:5px;
  }
  
  .feature p {
  text-align:justify;
  }
  
  .feature img {
  border:2px solid #ff00ff;
  padding:0;
  }
  
  #leadpic {
  float:left;
  margin:0 15px 6px 0;
  }
  
  #frontpage {
  width:650px;
  float:left;
  margin-top:30px;
  padding:0;
  }
  
  .frontcol img {
  float:left;
  border:5px solid #e9e9e9;
  display:block;
  background:transparent;
  margin:3px 10px 0 0;
  padding:0;
  }
  
  .frontcol img:hover {
  float:left;
  border:5px solid #fffd87;
  display:block;
  margin:3px 10px 0 0;
  }
  .frontcol {
  width:210px;
  float:left;
  padding-right:30px;
  }
  
  .clearfloat {
  display:block;
  padding:0 0 30px;
  }

Float Properties
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:  ".";
  }
  
  .box-left {
  background-image:url(images/background.png);
  background-repeat:repeat;
  float:left;
  width:190px;
  margin:0 10px 20px 0;
  padding:10px 20px;
  }
  
  .box-left h2 {
  margin-top:15px;
  }
  
  .box-right {
  background-image:url(images/background.png);
  background-repeat:repeat;
  float:right;
  width:270px;
  margin:0 10px 20px 0;
  padding:10px 20px;
  }
  
  .box-right h2 {
  margin:15px 0;
  }
  
  /* search
  --------------------------------------------------*/
  #s {
  font-family:georgia;
  width:210px;
  background-image:url(images/background-search.png);
  background-repeat:repeat;
  border:1px solid #AFAFAF;
  margin-top:3px;
  padding:4px;
  }
  
  /* comments
  --------------------------------------------------*/
  #comments,#respond {
  width:650px;
  }
  
  .commentlist {
  line-height:150%;
  width:630px;
  margin:0;
  padding:0;
  }
  
  .commentlist li {
  background-image:url(images/background.png);
  background-repeat:repeat;
  list-style:none;
  width:590px;
  float:left;
  margin:0 0 30px;
  padding:20px;
  }
  
  .comment-btm {
  padding:100px 20px;
  }
  
  .commentlist cite,.commentlist cite a,.commentlist cite a:visited {
  font-style:normal;
  }
  
  .commentlist small {
  margin-bottom:5px;
  display:block;
  font-size:87%;
  }
  
  #commentform {
  margin-top:10px;
  font:110%;
  width:650px;
  background-image:url(images/background-search.png);
  background-repeat:repeat;
  padding-bottom:40px;
  }
  
  #commentform p {
  margin:0;
  padding:6px 0;
  }
  
  #commentform input {
  width:250px;
  background:#FFD9FF;
  border:1px solid #AFAFAF;
  margin-top:3px;
  font-family:arial;
  padding:4px;
  }
  
  #commentform textarea {
  width:500px;
  height:150px;
  background:#FFD9FF;
  border:1px solid #AFAFAF;
  margin-top:3px;
  font-family:georgia;
  line-height:1.5;
  padding:4px;
  }
  
  #commentform textarea:focus,#commentform input[type="text"]:focus {
  background:#fff;
  }
  
  #commentform #submit {
  background:#FF00FF;
  border:1px solid #000;
  font:100% arial;
  font-weight: bold;
  color:#000;
  float:left;
  width:180px;
  height:32px;
  cursor:pointer;
  }
  
  #gravatar {
  width:400px;
  }
  
  #gravatar img {
  float:left;
  margin-right:10px;
  }
  

  /* previous + next links
  --------------------------------------------------*/
  .navigation {
  width:600px;
  padding-bottom:15px;
  height:20px;
  }
  
  .navigation a {
  color:#00FF00;
  background:#000;
  padding:1px 3px;
  }
  
  .navigation a:hover {
  color:#000;
  background:#00FF00;
  padding:1px 3px;
  }
  
  /* wp-stuff
  --------------------------------------------------*/
  .wp-caption {
  border:1px solid #ddd;
  text-align:center;
  background-color:#f3f3f3;
  padding-top:4px;
  optionalroundedcornersforbrowsersthatsupportit-moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin:10px;
  }
  
  .wp-caption img {
  border:0 none;
  margin:0;
  padding:0;
  }
  
  .wp-caption p.wp-caption-text {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
  }
  
  .aligncenter,div.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
  }
  
  /* footer
  --------------------------------------------------*/
  #footer {
  clear:both;
  padding:10px;
  background-image:url(images/background-nav.png);
  }

 #footer a {
  color: #FF00FF;
  }
  
  /* posts
  --------------------------------------------------*/
  .post,.entry {
  width:650px;
  }
  
  .post{
  margin-top:50px;
  }
  
  .post h2 {
  text-transform: uppercase;
  font-weight: lighter;
  }
  .post h1 {
  text-transform: uppercase;
  }
  
  
  .posttitle {
	color:#FF00FF;
	width:650px;
	text-transform: uppercase;
	font-weight: lighter;
	padding:3px;
   }

  
  .left,.alignleft {
  float:left;
  display:block;
  clear:left
  }
  
  .right,.alignright {
  float:right;
  display:block;
  clear:left
  }
  
  #ads a {
	line-height:13px;
	text-decoration: none;
  }

  .adcenter {
    float: right;
	vertical-align: middle;
  }
</p>

