/*
Theme Name: TrafficWorx
*/

/* IMPORTANT - PLEASE READ
This theme uses the Blueprint CSS framework for
default positioning, typography, form styling, etc.
*/

/* -------------------------------------------------------------- 
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   * Olav Bjorkoy      [bjorkoy.com]
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   -------------------------------------------------------------- */

body {
color: #222;
font-family: Didot, Georgia, serif;
font-size: 75%;
background: #fff;
}

h1,h2,h3,h4,h5,h6 {
color: #1e1e1e;
font-family: Didot, Georgia, serif;
font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: bold;
}

h1 {
font-size: 3em;
line-height: 1;
margin-bottom: 0.5em;
}

h2 {
font-size: 2em;
margin-bottom: 0.75em;
}

h3 {
font-size: 1.5em;
line-height: 1em;
margin: 0 0 1em;
}

h4 {
font-size: 1.25em;
font-weight: bold;
line-height: 1em;
margin: 0 0 1em;
}

h5 {
font-size: 1.15em;
font-weight: bold;
line-height: 1em;
margin: 0 0 .3em;
}

h6 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 0 0 1em;
}

h1 a {
text-transform: uppercase;
}
h3 .title {
font-weight: bold;
}

h4 .title {
font-weight: bold;
font-size: 2em;
}

.entry h3 {
border-bottom: 1px #eee solid;
}

#masthead {
margin: 0;
text-align: left;
height: 67px;
width: 700px;
float: left;
}

#masthead h1 {
font-variant: small-caps;
margin: 0;
}

.description {
float: left;
font-family: Helvetica;
font-weight: lighter;
color: #666;
}

h2.underlined {
border-bottom: 1px solid #1e1e1e;
text-transform: none;
}

h6.right {
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
padding: 1em;
color: #fff;
background: #000;
margin: 0em;
font-style: italic;
}

.alignleft {
float: left;
}
p {
line-height: 1.5em;
margin: 0 0 1em 0;
color: #1e1e1e;
}

.post p {font-size:15px;}

p.last {
margin-bottom: 0;
}
img {
border: none;
}
#header_img img {
margin: 0;
}

p.tagged {
clear: both;
text-align: right;
}

p img {
float: left;
line-height: 1em;
margin: 0 1.5em 1.5em 0;
padding: 0;
}

a {
color: #000;
text-decoration: none;
}

a:focus,a:hover,p a {
color: #1e1e1e;
text-decoration: underline;
}

a img {
float: left;
line-height: 1em;
margin: 0 1em 1em 0;
padding: 0;
}


#description {
font-weight: thin;
margin-top: 1em;
}

#skip {
margin-top: 1em;
}

.excerpt_small p {
line-height: .9em;
margin: 0;
font-size: .9em;
}

.archive_excerpt {
padding-bottom: 1em;
}

#author {
background: #0099cc;
margin: 15px 0;
padding: 12px;
}

#author img {
float: left;
padding: 1px 10px 1px 1px;
width: 75px;
}

#author span {
display: block;
margin-top: 12px;
padding-top: 6px;
}

#author p {
margin: 0;
width: 560px;
}


.top {
margin-top: 0;
padding-top: 0;
}

.bottom {
margin-bottom: 0;
padding-bottom: 0;
}



.box_blue {
background: #0099cc;
margin-bottom: 1.5em;
padding: 1.5em;
}

#search {
margin-top: 25px;
float: right;
}

#sidebar-home {
background: #eee;
color: #eee;
height: 150px;
}



/* BEGIN EDITING HERE */


ol {
list-style-type: decimal;
}

ol li a {
color: #000;
font-weight: bold;
list-style-type: decimal;
text-decoration: underline;
}

.entry ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.entry ul li {
list-style-image: url(images/li.png);
margin: 0 0 0 2em;
}

.entry ul li a:hover {
background: #333;
color: #0099cc;
text-decoration: none;
}

/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h {
background: #000;
}
#navmenu-h-r {
background: #eee;
}
#navmenu-h li.alignright {
float: right;
}

ul#navmenu-h {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 34px;
border-top: 1px #222 solid;
}

#navmenu-h-r {
margin: 0 0 7px 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 24px;
}

ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 34px;
border-right: 1px #222 solid;
}

#navmenu-h-r li {
margin: 0;
border: 0 none;
padding: 0;
float: right;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 24px;
}

ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 34px;
left: 0;
}

ul#navmenu-h-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}

ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-h ul li, ul#navmenu-h-r ul li {
width: 160px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
padding: 5px 20px 5px 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #000;
color: #ccc;
font: 12px/24px Georgia;
text-decoration: none;
height: auto !important;
	/*For IE*/
}
ul#navmenu-h-r a {
padding: 2px 20px 0 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #eee;
color: #333;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
	/*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h-r a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h-r a:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-h-r li.iehover a {
background: #333;
color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a {
float: none;
background: #000;
color: #ccc;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h-r li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover a,
ul#navmenu-h-r li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover a {
background: #333;
color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li a {
background: #000;
color: #ccc;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a,
ul#navmenu-h-r li:hover li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover a,
ul#navmenu-h-r li.iehover li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h-r ul ul,
ul#navmenu-h-r ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h-r li:hover ul ul,
ul#navmenu-h-r li:hover ul ul ul,
ul#navmenu-h-r li.iehover ul ul,
ul#navmenu-h-r li.iehover ul ul ul {
display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h-r li:hover ul,
ul#navmenu-h-r ul li:hover ul,
ul#navmenu-h-r ul ul li:hover ul,
ul#navmenu-h-r li.iehover ul,
ul#navmenu-h-r ul li.iehover ul,
ul#navmenu-h-r ul ul li.iehover ul {
display: block;
}


/* SIDEBAR LISTS */
.bottombar {
}

.bottombar h2 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}

.bottombar ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.bottombar ul li {
list-style-image: url(images/li.png);
background-repeat: no-repeat;
border-top: 1px solid #e5e5e5;
line-height: 1.5em;
margin: 0 0 0 1em;
}

.bottombar ul li a:hover {
background: #333;
color: #0099cc;
text-decoration: none;
}

/* AJAX TABBED LISTS */
.tabbed div {
float: left;
display: block;
width: 100%;
margin: 0;
padding: 5px 0;
}

.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
display: none;
}

ul.latest  li, ul.popular li, ul.categories li, ul.authors li {
border-bottom: 1px #fff solid;
color: #333;
list-style-type: none;
margin: .9em 0 0 0;
}

.tabbed ul.tabs li a:hover,.tabbed ul.tabs li a.tab-current {
background: #eee;
}

.tabbed ul.tabs {
background: #fff;
color: #eee;
display: inline;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}

.tabbed ul.tabs li {
background: #fff;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

.tabbed ul.tabs li a {
background: #ccc;
border: none;
display: block;
margin: 0 2px 0 0;
overflow: hidden;
padding: 5px;
width: auto;
color: #0099cc;
}

.hide,.tabbed div.t2,.tabbed div.t3,.tabbed div.t4 {
display: none;
}

.tabbed div {
display: block;
float: left;
margin: 0;
padding: 5px 0;
width: 100%;
}

ul.latest li,ul.popular li,ul.categories li,ul.authors li {
border-bottom: 1px #fff solid;
color: #333;
list-style-type: none;
margin: 10px 0 0;
}

/* COMMENT STYLES */
#comments {
width: 100%;
}
dl#comment_list {
margin: 0 0 0 0;
}

dl#comment_list dt {
padding: 0 0 33px 0;
background: url('images/comment_top.gif') 0 100% no-repeat;
font-size: 1.1em;
line-height: 1.8182em;
color: #999;
}

dl#comment_list dt.author {
background: url('images/comment_author_top.gif') 0 100% no-repeat;
}
dl#comment_list dt .comment_num {
padding: 0 0.3636em 0 0;
}
dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited {
color: #999;
}
dl#comment_list dt .comment_num a:hover {
color: #a90000;
}

dl#comment_list dt strong {
font-size: 1.4545em;
color: #000;
}

dl#comment_list dt strong a, dl#comment_list dt strong a:visited {
color: #000;
border-bottom: 1px dotted #999;
}

dl#comment_list dt strong a:hover {
color: #000;
border-bottom: 1px solid #a90000;
}

dl#comment_list dd {
padding: 20px;
margin: 0 0 1.5385em;
background: #dfdfdf;
}

dl#comment_list dd.author {
background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat;
}
dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote {
margin-bottom: 1.1538em;
}

/* COMMENT FORM */
#comment_form {
width: 46.8em;
margin: 0 0 4.0em 0;
}

#comment_form a:hover {
text-decoration: underline;
}
#comment_form p {
padding: 0.7692em 0;
}

#comment_form label {
padding: 0 0 0 0.83333em;
font-size: 1.2em;
}

#comment_form .text_input {
width: 15.3846em;
padding: 0.23077em;
color: #a90000;
font: bold 1.3em Verdana, sans-serif;
border-top: 0.15385em solid #999;
border-left: 0.15385em solid #999;
border-right: 0.07692em solid #eee;
border-bottom: 0.07692em solid #eee;
}

#comment_form .text_input:focus {
border-top-color: #666;
border-left-color: #666;
border-right-color: #ddd;
border-bottom-color: #ddd;
}

#comment_form .text_area {
width: 32.9231em;
}
#comment_form p.subscribe-to-comments {
font-size: 1.3em;
}
#comment_form p.subscribe-to-comments label {
font-size: 1.0em;
}

#comment_form .form_submit {
padding: 0.5em;
background: url('images/submit_bg.gif') repeat-x;
color: #000;
border: 0.21429em double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}

#comment_form .form_submit:hover {
color: #0099cc;
}

.search_input {
width: 210px;
}


/* --------------- pepeguimos ----------------------------------------------------------------*/

a.tab:hover {
  cursor:pointer;
}

#header_img {
  margin-bottom:10px;
}

.mainEntry {
  font-size:15px;
}

.section {
  clear:both;
  float:left;
}

.featuredFeed {
  float:left;
  width:432px;
  border:1px solid #e0e0e0;
  padding:15px;
  margin-bottom:20px;
  min-height:194px;
}

.featuredFeed a.feedIcon {
  float:right;
}

.featuredFeed.col1 {
  margin-right:20px;
  clear:left;
}

.featuredFeed.col2 {
}

.featuredFeed ul {
  clear:left;
}

a.obvious {color:#006d9a;}
a.discrete {font-size:90%; color:#bbb;}
a.discrete:hover {color:#006d9a;}