/*
Theme Name: Turn Out Mag
Author: Chiq Montes
Author URI: http://www.wpthemedesigner.com/
*/
/************************************************
*          Menus de pages y categories 
************************************************/
@import url('menucat.css');

* {
  margin: 0; padding: 0;
}
body {
  text-align: center;
  font: 12px Arial;
  color: #808080;
  /* background: #FFFFFF url(images/background.gif) repeat-x 0 0;  */
  background: url("images/todomdp-ocean-background.jpg") no-repeat scroll center 0 #FFFFFF;
}
a {
  text-decoration: underline;
  color: #638FFF;   /*688F96;  */
}
a:hover {
  text-decoration: underline;
  color: #ef8701;
}
img {
  border: 0;
}

.break {
  font-size: 0;
  width: 0; height: 0;
  clear: both;
}
.alignleft {
  float: left;
  margin: 4px 10px 5px 0;
}
.alignright {
  float: right;
  margin: 4px 0 5px 10px;
}
.aligncenter {
  text-align: center;
}
.hidden {
  display: none;
}

/** BEGIN wrapper **/
#wrapper {
  background: url("images/background_head.gif") repeat-x scroll center 0 #FFFFFF;
  width: 975px;
  margin: 0 auto;
  text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
  height: 160px;
}
  #header ul {
    list-style-type: none;
    float: left;
    
  }
    #header ul li {
      float: left;
      font-weight: bold;
      font-family: Verdana;
      font-size: 0.9em;
    }
    #header ul li a {
      color: #FFFFFF;
      display: block;
      text-transform: uppercase;
      padding: 0 10px 0 15px;
    }
    #header ul li a:hover, #header ul li.here a {
      background: url(images/active.gif) no-repeat bottom center;
      text-decoration: none;
    }
      #header ul ul li {
        float: left;
        font-weight: bold;
        font-family: Verdana;
        font-size: 0.8em;
      }
      #header ul ul li a {
        color: #FFFFFF;
        display: block;
        text-transform: uppercase;
        padding: 0 10px 0 15px;
      }
      #header ul ul li a:hover, #header ul ul li.here a {
        background: LightSlateGray no-repeat bottom center;
        text-decoration: none;
      }
  #header .rss {
    float: right;
    background: url(images/rss.gif) no-repeat 0 7px;
    padding: 9px 10px 9px 20px;
    font-size: 0.8em;
    font-family: Verdana;
    color: #FFFFFF;
  }
    #header .rss a {
      color: #FFFFFF;
      margin: 0 7px;
    }
  
  #header h1 {
    clear: both;
    float: right;
    margin-top: -5px;
    padding: 0 0 0 12px;
  }
  
    #header h1 a {
      display: block;
      text-indent: -9999px;
      outline: none;
      width: 352px;
      height: 109px;
      background: url(images/logo.gif) no-repeat 0 0;
    }
  
  #header .ad {
    float: left;
    padding: 17px 6px 0 0;
  }

  #header .ad-links {
    background: #FFFFFF url(images/backad.gif) no-repeat 0 0;
    position: relative; 
    text-align: right; 
    padding: 0pt 5px 1px; 
    margin: 5px; 
    float: right;
}
/** END header **/

/** BEGIN content **/
#content {
  background: #FFFFFF;
  float: left;
  width: 655px;
  /* overflow: hidden;  */
  padding-bottom: 11px;
}
  #content .atitle {
    float: left;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #212121;
    padding: 5px 8px;
    font-weight: normal;
    margin: 10px 30px;
  }
  #content .featured {
    margin-right:15px;
    padding-top: 5px;
  }
    #content .featured h2.title {
      float: left;
      font-size: 0.9em;
      text-transform: uppercase;
      color: #ffffff;
      background-color: #212121;
      padding: 5px 8px;
      font-weight: normal;
      margin-bottom: 10px;
    }
    #content .featured .thumb {
      width: 590px; height: 315px;
      padding: 5px;
      border: 1px solid #E9E9E9;
      background-color: #F2F2F1;
      clear: both;
    }
      #content .featured .b {
        width: 589px; height: 315px;
        overflow: hidden;
        position: relative;
      }
      #content .featured .photo {
        list-style-type: none;
      }
        #content .photo li {
          position: absolute;
          top: 0; left: 0;
          z-index: 0;
        }
        #content .photo li.first {
          z-index: 2;
        }
        #content .photo li img {
          width: 589px;
        }
      #content .featured .text {
        list-style-type: none;
        text-align:left;
      }
        #content .featured .text li {
          width: 230px; height: 285px;
          position: absolute;
          top: 0; right: -270px;
          padding: 15px;
          color: #ffffff;
          font-family: Verdana;
          background: url(images/shade.png) repeat 0 0;
          z-index: 4;
        }
        #content .featured .text li.first {
          right: 0;
        }
          #content .featured .text h2 {
            font-size: 1.6em;
            margin-bottom: 15px;
          }
          #content .featured .text p {
            line-height: 1.6em;
            margin-bottom: 15px;
          }
          #content .featured .text a {
            color: #ffffff;
            text-decoration: none;
          }
          #content .featured .text .readmore {
            font-size: 0.9em;
            font-weight: bold;
            text-transform: uppercase;
          }
  #content .post {
    float: left;
    width: 315px;
    padding: 11px 10px 0 0;
  }
    #content .post .details1 {
      background-color: #ECEBEB;
      color: #808080;
      font-size: 0.8em;
      font-family: Verdana;
      font-weight: bold;
      padding: 8px 7px;
      text-transform: uppercase;
      margin-bottom: 5px;
    }
      #content .post .details1 a{
        color: #456069;
        text-decoration: none;
      }
  #content .post .buffer {
    padding: 4px;
    background-color: #ECEBEB;
    margin: 0;
  }
  #content .post .content{
    border: 1px solid #CBCBCB;
    padding: 10px;
    background-color: #ffffff;
    height: 160px;
  }
    #content .post .content img {
      border: 3px solid #ECEBEB;
      margin: 4px 8px 5px 0;
      float: left;
      width: 80px;
    }
   #content .post .buffer .content img {
      max-height: 90px;
      max-width: 120px;
    }
#content .post .content h2 {
      margin-bottom: 5px;
      font-size: 1.5em;
      line-height: 1.3em;
    }
    #content .post .content h2 a {
      text-decoration: none;
      color: #456069;
      font-size: 0.8em;
    }
    #content .post .content p {
      line-height: 1.5em;
    }
  #content .post .details2 {
    background-color: #ECEBEB;
    padding: 8px 7px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #CBCBCB;
  }
    #content .post .details2 a {
      color: #456069;
      font-size: 0.8em;
      font-family: Verdana;
      font-weight: bold;
      text-transform: uppercase;
    }
    #content .post .details2 a:hover {
      text-decoration: none;  
    }
  #content .postnav {
    padding: 20px 5px;
    font-size: 0.9em;
    font-weight: bold;
    clear: both;
  }
    #content .postnav a {
      color: #456069;
    }
  #content .title {
    font-size: 0.9em;
    text-transform: uppercase;
    padding: 15px 5px 10px;
    letter-spacing: 1px;
  }
  #content .single {
    padding: 15px 15px 10px 0;
  }
    #content .single h2 {
      font-size: 1.4em;
      margin-bottom: 15px;
    }
    #content .single p {
      line-height: 1.4em;
      margin-bottom: 10px;
    }
    #content .single ul, #content .single ol {
      list-style-position: inside;
      margin-bottom: 10px;
    }
    #content .single li {
      line-height: 1.4em;
      padding: 2px 0;
    }
    #content .single blockquote {
      padding: 10px 10px 0;
      background-color: #eeeeee;
      border-width: 1px 0;
      border-style: solid;
      border-color: #e0e0e0;
      margin-bottom: 10px;
    }
    #content .single h3, h4, h5, h6 {
      font-size: 1.4em;
      margin-bottom: 5px;
    }
/** END content **/

/** BEGIN sidebar **/

#sidebar_top {
  background: #FFFFFF;
  width: 320px;
  float: right;
  padding: 11px 0 0 0;
}
    #sidebar_top .box h2 {
      background-color: #ffffff;
      font-size: 1em;
      font-family: Verdana;
      color: #456069;
      padding: 8px;
      border: 1px solid #CBCBCB;
    }
    #sidebar_top .box ul {
      background-color: #ffffff;
      list-style-type: none;
      padding: 4px 8px 8px;
      border-width: 0 1px 1px;
      border-style: solid;
      border-color: #cbcbcb;
    }
      #sidebar_top .box li {
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 1.4em;
        padding: 3px 0 2px 14px;
        border-bottom: 1px dotted #dddddd;
        background: url(images/bullet.gif) no-repeat 0 8px;
      }

      #sidebar_top .box .swt-outter li {
        padding: 0;
        background: none;
      }
      #sidebar_top .box .swt-outter li a{
        color:#638FFF;
      }

#sidebar {
  width: 320px;
  float: right;
  padding: 11px 0 20px;
}
  #sidebar .l {
    float: left;
    width: 155px;
  }
  #sidebar .r {
    float: right;
    width: 155px;
  }
  #sidebar .box, #sidebar_top .box {
    background-color: #ECEBEB;
    padding: 4px;
    margin-bottom: 10px;
  }
    #sidebar .box h2 {
      background-color: #ffffff;
      font-size: 0.9em;
      font-family: Verdana;
      color: #456069;
      padding: 8px;
      border: 1px solid #CBCBCB;
    }
    #sidebar .box ul {
      background-color: #ffffff;
      list-style-type: none;
      padding: 4px 8px 8px;
      border-width: 0 1px 1px;
      border-style: solid;
      border-color: #cbcbcb;
    }
      #sidebar .box li {
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 1.4em;
        padding: 3px 0 3px 14px;
        border-bottom: 1px dotted #dddddd;
        background: url(images/bullet.gif) no-repeat 0 8px;
      }
      #sidebar .box td {
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 1.4em;
        padding: 3px 0 3px 14px;
        border-bottom: 1px dotted #dddddd;
        background: url(images/bullet.gif) no-repeat 0 8px;
      }
      #sidebar .box li a {
        color: #688F96;
      }
    #sidebar .box p, #sidebar .box div {
      background-color: #ffffff;
      padding: 8px;
      border-width: 0 1px 1px;
      border-style: solid;
      border-color: #cbcbcb;
    }

    #sidebar .box .flickr {
      text-align: center;
    }
      #sidebar .box .flickr img {
        margin: 4px 8px;
      }
    #sidebar .box .video {
      padding: 9px;
    }
  #sidebar form {
    width: 310px; height: 33px;
    background: #ECEBEB url(images/search.gif) no-repeat center;
    padding: 4px;
    margin-bottom: 10px;
  }
    #sidebar form input {
      float: left;
      border: 0;
      width: 218px;
      font-size: 1.2em;
      font-family: Verdana;
      margin: 8px;
    }
    #sidebar form button {
      float: right;
      width: 75px; height: 33px;
      font-size: 0.9em;
      font-family: Verdana;
      font-weight: bold;
      color: #ffffff;
      border: 0;
      background-color: transparent;
    }
/** END sidebar **/

/** BEGIN footer **/
  #wrapperfooter {
	background-color: #456069;
    margin: 0 auto;
    text-align: left;
    width: 975px;
}
  #footer {
  clear: both;
  background: transparent; 
  /* background: url("images/bgbottom.jpg") no-repeat scroll center 0 #FFFFFF;  */
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 0.9em;
}
  #footer a {
    color: #ffffff;
  }
  #footer p {
    padding: 15px 0;
    text-align: left;
    width: 975px;
    margin: auto auto;
  }
/** END footer **/

/** BEGIN miscellaneous **/
#comments a {
  text-decoration: none;
}
  #comments h2 {
    font-size: 1.3em;
  }
  #comments p {
    margin-bottom: 10px;
    line-height: 1.6em;
  }
  #comments form {
    padding: 0 10px;
  }
  #comments form p {
    margin-bottom: 5px;
  }
    #comments form input {
      margin-right: 5px;
    }
    #comments form input, textarea {
      border: 1px solid #cccccc;
      font-size: 0.9em;
      font-family: Verdana;
      padding: 4px;
      background-position: 4px 4px;
      background-repeat: no-repeat;
    }
    #comments form input {
      width: 260px;
      border: 1px solid #cccccc;
    }
    #comments form textarea {
      width: 350px;
      padding: 4px 4px !important;
      border: 1px solid #cccccc;
    }
    #comments form button {
      border: 1px solid #a0a0a0;
      font-size: 1em;
      font-family: Verdana;
      padding: 2px 6px;
    }
  .commentdetails {
    margin-top: 25px;
  }
  .commentauthor {
    margin-bottom: 5px !important;
    font-weight: bold;
  }
  .commentdate {
    font-size: 0.8em;
    margin-bottom: 5px;
    color: #909090;
  }
  .required {
    color: #ff0000;
  }
h2.title {
  font-size: 1em !important;
  text-transform: uppercase;
  padding: 10px;
  color: #565656;
}
.notfound {
  padding: 40px;
}
  .notfound h2 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
  }
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
  list-style-type: none;
  clear: both;
  margin: 0;
}
  #comments .buffer {
    padding: 20px 15px 0 0;
  }
  #comments h2 {
    padding-left: 0 !important;
    padding-bottom: 20px !important;
  }
  #comments ol li {
    margin-bottom: 10px;
  }
  #comments ol li ul li {
    border: 1px solid #e0e0e0;
    padding: 10px;
  }
  #comments ol li .avatar {
    float: right;
  }
  #comments ol li .comment-author {
    
  }
    #comments ol li .comment-author .fn {
      font-weight: bold;
      font-size: 1.2em;
    }
  #comments ol li .comment-meta {
    font-size: 0.9em;
    color: #999999;
    margin: 5px 0 10px;
  }
  #comments ol li .reply {
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 10px;
  }
  #comments .children {
    list-style-type: none;
  }
#comments .navigation {
  padding: 0 10px 20px;
  font-size: 0.9em;
}
  #comments .navigation a {
    color: #999999;
    padding: 3px 8px;
    border: 1px solid #cccccc;
  }
  #comments .navigation a:hover {
    color: #000000;
    border-color: #000000;
    text-decoration: none;
  }
#comments .says {
  display: none;
}
/** END wordpress 2.7 comments **/



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:auto; position:relative; z-index:100;border:0; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:auto; height:auto; border:0px solid #000; border-width:0; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/active.gif) no-repeat center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/active.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:url(images/active.gif) no-repeat center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:149px;border-top:1px solid transparent;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:SlateGray; color:#000; height:auto; line-height:2.2em; padding:5px 10px; width:163px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

#categories {
  overflow: hidden;
  width: 100%;
  height: auto;
}
  #categories li {
    font-family: Arial;
    font-size: 0.9em;
    text-transform: uppercase;
    padding-left: 1px;
    background: url(images/divider.gif) no-repeat 0 15px;
    margin-left: -1px;
    padding:7px 10px 5px;
  }
  #categories li a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 5px 10px 12px;
    font-weight: none;
  }
  #categories li a:hover {
    text-decoration: underline;
  }
/*********************** MiniMeta Login form    **/
  #sidebar #loginform {
    background: #ECEBEB;
    padding: 0px;
    margin-bottom: 10px;
    width: auto;
    height: auto;
    font-size: 1em;
    font-family: Verdana;
  }
  #sidebar #loginform label {
    padding: 0 0 0 8px;
  }
  #sidebar #loginform p {
    font-size: 0.9em;
    border-width: 0 1px 0px 1px;
    padding: 0;
  }
    #sidebar #loginform input {
      background: #EEEEEE;
      float: none;
      border: 0;
      width: 130px;
      margin: 8px;
    }
    #sidebar #rememberme {
      margin: 0pt 0pt 0pt 3px !important; 
      padding: 0pt; 
      width: auto !important; 
      vertical-align: middle !important;
    }
    #sidebar .submit #wp-submit{
      float: none;
      width: 100px; height: 33px;
      font-size: 1em;
      font-family: Verdana;
      font-weight: bold;
      color: #333;
      border: 0;
      background-color: #EEE;
      cursor: alias;
    }

#div_anuncios ul {
height:auto !important;
padding:0 0 10px !important;
width:160px !important;
}

.headline {
font-size:large;
font-weight:bold;
}

.feedburnerFeedBlock ul li {
min-height:130px;
}

.date {
float:right;
font-family:verdana;
font-size:10px;
}

ui-state-default a {
  color: #FFFFFF !important;
}

ui-state-hover a {
  text-decoration: underline !important;
}


#bottombar {height:600px;width:100%;/* background: url(images/bottom-bg.jpg) no-repeat top left; */ 
  margin:0 auto;
   margin-bottom: 10px;
   padding: 0;
}
#bleft-wrap {width:270px;}
#bmiddle-wrap {width:220px;}
#bmiddle2-wrap {width:220px;}
#bright-wrap {display:inline;width:255px;}

#bleft-wrap, #bmiddle-wrap,#bmiddle2-wrap,#bright-wrap {
  float:left;
    background-color: #FFFFFF;
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 0 1px 1px;
    list-style-type: none;
    padding: 0;
   margin: 0;
}

#footer-cols {
  display: block; 
  padding: 1px; 
  width: 975px; 
  height: 570px;
  margin: auto;
}
#footer-cols h3 {
  color: #444444;
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0 0 5px 0;
  background: url(images/h3-bg.jpg) repeat-x;

   background-color: #FFFFFF;
   border-color: #CBCBCB;
   border-style: solid;
   list-style-type: none;
   padding: 4px 8px 4px;
  }
  
#footer-cols p, #footer-cols li {
  background: url("/wp-content/themes/turnout/images/bullet.gif") no-repeat scroll 0 8px transparent;
  font: bold 1em/1.2em Verdana;
  color: #333;
  text-align:left;
  padding: 1px 0 1px 14px;
  list-style: none inside none;
  }

#footer-cols p, #footer-cols ul, #footer-cols ol {
  margin: 0 0 10px 0;
  }
  
#footer-cols ul {   
  padding: 0 0 0 3px;
  list-style-image: url(images/icon.gif);
  color: #333; 
  margin-left: 0px;
  }

#footer-cols img {
      border: #ffffff 1px solid;
      background: #ffffff;
      }

#footer-cols a:link img  {
      border: #ffffff 1px solid;
      background: #ffffff;
      }

#footer-cols a:hover img  {
      border: #ffffff 1px solid;
      background: #ffffff;
      }  

#footer-cols a {
  color: #638FFF;
  text-decoration: none;
  }
  
#footer-cols li:hover {
  background: url("/wp-content/themes/turnout/images/bullet.gif") no-repeat scroll 0 8px #456069;
}

 #footer-cols li a:hover {
  color: #ef8701;
}
.wp-pagenavi {
  display: block;
    float: right;
    margin: 12px;
}