/*
Theme Name: Bundest
Theme URI: http://www.bundest.com.ar
Description: Bundest. Periodismo y otras maldades.
Version: 1
Author: Angela C.
Author URI: http://mvh.com.ar
Tags: journalism, fixed width, two columns, widgets
*/

* {margin: 0; padding:0; }
body { background:#FFFFFF; font: 12px Arial, Helvetica, sans-serif; color: #000;}
h2 { font: 24px Arial, Helvetica, sans-serif; color:#29488E; font-weight: bold; /*border-bottom:1px solid #6F9CDD;*/ padding: 0 0 10px 0;}
h3 {font: 24px Arial, Helvetica, sans-serif; color:#29488E; font-weight: bold; padding: 0 0 10px 0;}

a { color:#F7B311; text-decoration:none;}
a:hover {color:#F7D011;}


input { background: #EAEAEA; /*height: 24px;*/ font: 12px Arial, Helvetica, sans-serif; color: #29488E; border:0;  padding: 4px !important;  padding: 0 5px;}

#header {width: 980px; margin: 0 auto; background:#000 url(images/periodista.jpg) top right no-repeat;}

#titulo a{ display: block; background:url(images/blog_title.gif); width: 328px; height: 107px;}
#tagline {font: 21px Arial, Helvetica, sans-serif; font-weight:  bold; color:#FFFFFF; width: 630px;margin: 0 0 10px!important 15px; margin: 0 0 20px 15px;}

/*#search { float:right; margin: 60px 0 0 0; padding: 75px!important 15px 0 0;  padding: 50px 15px 0 0;  }*/
.search {height: 22px; font: 12px Arial, Helvetica, sans-serif; color: #29488E; font-weight:bold;  border:0; display:block; width: 220px; padding: 5px !important 4px 5px;  padding:5px; float:right; text-align:right;}

#nav_categorias { text-transform:uppercase;  height: 36px; width: 980px; background:#686868; border-bottom: 3px solid #F7D011;}
#nav_categorias ul { padding: 10px 0 0 0; }
#nav_categorias ul li {display:inline; list-style:none;  height: 36px;}
#nav_categorias ul li a { padding: 6px 10px;font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
#nav_categorias ul li a:hover { background:#F7B311; text-decoration:none; }

#wrapper { width: 980px; margin:0 auto; overflow: auto; background: url(images/back_gnr.gif) right repeat-y;}
#content { width: 615px; padding: 20px 15px;}

#page { width: 800px; padding: 20px 15px; margin: 0 auto;}
#page p {padding: 5px 20px;} 


#featured { border: 5px solid #B7CDEE; margin: 0 0 25px 0; background:#EAEAEA;}
#featured p { margin: 5px;}
#featured img { float:right; padding:5px;}
#latest {margin: 0 0 25px 0; background: #f0f0f0;}
#latest img { float:right; padding:5px;}
#latest p { padding: 10px 10px;}

.post { margin:0; display: block; background:#EAEAEA;}
.post p { margin: 10px 0;  padding: 0 10px;}
.post h3 { font:21px Arial, Helvetica, sans-serif; font-weight:bold; color: #29488E; text-transform:uppercase; border-bottom: 1px solid #808080; border-top: 3px solid #808080; padding: 5px; display:block;}
.post h3 a {color: #29488E; text-decoration:none; }
.post h3 a:hover {color: #C30;}
.postmetadata {padding: 10px;}

#sidebar { float:right; width: 320px; padding: 0 0 0 5px;}
#sidebar ul {list-style:none;}

#lateral { margin: 5px;}
#lateral ul {list-style:none;}
#lateral ul li ul li{ border-bottom: 1px solid #CCCCCC; padding:15px;}
#lateral  li a { color: #294E84; font: 12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}

#fonoteca p {width: 270px; padding: 0 5px 0 10px; color:#fff;}
#fonoteca ul { list-style:none; border: 5px solid #CCCCCC; background:#fff url(images/bg_side.jpg) top repeat-x; margin:5px 5px 15px 5px; padding: 5px; width: 280px;}
#fonoteca ul li { display:block; border-bottom: 1px solid #CCCCCC; padding:5px;}


.nav { margin: 15px 0;}
.nav a { text-decoration:none; border: 0; height: 24px;  background: #294E84;  padding: 5px; text-transform: uppercase; color: #fff; font: 12px Arial, Helvetica, sans-serif;}

.nav alignleft a { text-decoration:none; border: 0; height: 24px;  background: #294E84;  padding: 5px; margin: 0 0 20px 0; text-transform: uppercase; color: #fff; font: 12px Arial, Helvetica, sans-serif;}
.nav alignright a { text-decoration:none; border: 0; height: 24px;  background: #294E84;  padding: 5px; margin: 0 0 20px 0; text-transform: uppercase; color: #fff; font: 12px Arial, Helvetica, sans-serif;}

#footer { background:#3D5A9C url(images/back_footer.jpg) top repeat-x; }
#footer h2 { font: 24px Arial, Helvetica, sans-serif; color:#fff; font-weight: bold; border-bottom:1px solid #6F9CDD; padding: 0 0 10px 0;}
#pie { width: 950px; margin: 0 auto; padding:15px; }
#pie ul {margin: 10px 0; }
#pie ul li {list-style:none; }
#pie ul li a { padding: 10px 0;font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#pie ul li a:hover { text-decoration: underline; color:#6F9CDD}

#cierre { height: 30px; background:#29488E; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#7FBAF4; padding: 15px 0 0 0;}
#cierre a { color:#FFFFFF; font-weight:bold; text-decoration:none;}

/* Clases particulares*/
.button { height: 22px; text-transform: uppercase; color: #fff; font: 10px Arial, Helvetica, sans-serif; font-weight:600; background: #F7B311; border: 0;}
.font_chg { text-transform: uppercase; color: #fff; font: 12px Arial, Helvetica, sans-serif; font-weight:600; background: #F7B311; border: 0; padding: 10px; margin: 0 0 0 2px;}
.columna {float:left; width:30%; padding: 10px 25px 10px 0;}
.list-posts { list-style:none;}
.block_post { display: block; height: 100%; margin: 15px 0 0 0;  vertical-align: top; background:#f0f0f0;}
.block_post p {padding: 0 15px 10px 15px;}
.post-title { font:21px Arial, Helvetica, sans-serif; font-weight:bold; color: #29488E; text-transform:uppercase; border-bottom: 1px solid #808080; border-top: 3px solid #808080; padding: 5px; display:block;}
.post-title a {color: #29488E; text-decoration:none; }
.post-title a:hover {color: #C30;}
.featured-title {font:21px Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-transform:uppercase; background:#B7CDEE; display:block; padding: 5px;}
.comentarios { float:right; margin: 5px; font:21px Arial, Helvetica, sans-serif; font-weight:bold; color: #29488E; width: 60px;}
.date { font: 8px; font-style:italic; margin:2px 5px;}
.small { font: 8px; font-style:italic; margin:2px 5px;}
.widgetized { border: 5px solid #CCCCCC; background:#fff url(images/bg_side.jpg) top repeat-x; margin:5px 5px 15px 5px; padding: 5px;}
.widgettitle { margin:5px; padding: 5px; text-align:center;  background: #294E84; display:block; font:15px Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-transform:uppercase; width: 290px;}
.navigation { display: block; width: 615px; height: 50px;}
.title_inside { font:21px Arial, Helvetica, sans-serif; font-weight:bold; color: #29488E; text-transform:uppercase; border-bottom: 1px solid #808080; border-top: 3px solid #808080; padding: 5px 10px; display:block; margin 30px 0 30px 0;}
.entry {margin: 0 5px; padding: 5px 0;}
.entry p { padding:  0 15px 10px 15px;}
.inp_comment { width: 500px; border:1px solid #808080; margin: 10px 0;}
.widget-title { margin:5px; padding: 5px; text-align:center;  background: #294E84; display:block; font:15px Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-transform:uppercase; width: 290px;}
.widget ul { list-style:none; border: 5px solid #CCCCCC; background:#fff url(images/bg_side.jpg) top repeat-x; margin:5px 10px 15px 5px; padding: 5px 5px 5px 5px; width: 280px;}
.widget ul li { display:block; border-bottom: 1px solid #CCCCCC;}

/* Alignment */
img { padding: 5px; margin 5px; max-width: 100%; border: 1px solid #CCCCCC;}
form img { padding: 0; margin 0;border: 0;}
img.centered { display: block; margin: 0 auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; overflow:auto;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; overflow:auto;}

.alignright {float: right;}
.alignleft {float: left;}
