/* 
Theme Name: Atracciona
Theme URI: http://www.atracciona.com/
Description: Pasión por la web
Version: 0.1
Author: Atracciona
Author URI: http://www.atracciona.com
*/

body { margin: auto; padding: 0px; background: #fff; width: 100%; font-size: 13px; color: #4a4a4a; font-family: Verdana; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family: 'Trebuchet MS'; }
a, a:link, a:active { color: #144985; text-decoration: none; }
a:hover { color: #fff; background-color: #dd7605; }
*h2 { font-size: 18px; }

/** GENERAL TAGS **/

.smalltitle { color: #dcdcdc; }
.wrap { width: 900px; margin: 0px auto 0px auto; }
.leftalign { width: 670px; float: left; margin: 20px 0  20px 0}
.leftalign h1, h2 { margin-bottom: 20px;}
.leftalign h2 { font-size: 22px;}
.rightalign { width: 310px; float: right; }
.clear { clear: both; }
.heading { margin-bottom: 32px; *margin-bottomn: 0; *padding: 0; }
.heading a { color:#FFF; }
h3 { font-size: 17px; font-weight: bold; font-family: 'Trebuchet MS'}
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/rss.jpg) no-repeat center top; float: right; }
.navigation a { text-decoration: none; background: #F5EBDD; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; width: 160px; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/** HEADER **/

.header { margin: 0; width: 100%; height: 119px; }
#headlogo { width: 351px; height: 108px; background: url(images/headbg.png) no-repeat top left; float: right; margin: 8px 23px 0 0; _position: relative; _top: 0; }
#headlogo:hover { color: #ffffff; }
.header h1 a { text-decoration: none; color: #ffffff;}
.header h1 a span { font-weight: normal; color: #EF4723; }
.header ul { margin: 83px 0 0 25px; padding: 0px; position: absolute; *margin-top: -28px;}
.header ul li { display: inline; }
.header ul li a { padding: 0 12px; font-size: 23px; font-family: 'Trebuchet Ms'; text-decoration: none; display: block; float: left; text-align: center; }
.header ul li a:hover { color: #fff; background-color: #f08d22; }
.header ul li.current_page_item a { color: #fff; background-color: #f08d22; }


/** FEATURED SECTION **/

.featured { padding: 0; _position: relative; _z-index: 2; }
.featured .leftalign img { border: solid 3px #E7D9C6; padding: 2px; width: 250px; float: left; margin-right: 15px; }
.featured .postcontent { width: 385px; float: left }
.postcontent h1 { margin-bottom: 7px; }
.postcontent h2 { color: #144985; }
.featured p, .postcontent { margin: 0px 0px 10px 0px; line-height: 18px; }



/** ARTICLE COLUMNS **/

.todo { width: 670px; margin-left: 20px; line-height: 20px;}
.intro { width: 100%; height: 251px; padding: 0;  margin-top: 0; line-height: 10px; color: white; letter-spacing: 2px; _position: relative; _z-index: 1; background: url(images/introbg.jpg) repeat-x; }
.intro a { color: #fff; background-color: #f08d22; }
.cuerpo { background: #fff url(images/cuerpo.jpg) repeat-x; }

.introduccion {width: 300px; float: left;}
.maincontent { width: 612px; float: left; margin-left: 31px; }
.maincontent img { margin-top: 20px;}
.maincontent h1 { margin-top: 24px; border-bottom: 2px solid #CCCCCC; padding-bottom: 8px; margin-bottom: 15px; }
.articlecolumn { width: 340px; } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #EE4705; }
.articlecolumn { margin-bottom: 10px; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 19px; padding: 0; margin: 0; line-height: 22px;}
.newssection .article h2 a, .articlecolumn .article h2 a { text-decoration: none; }
.newssection .article p, .articlecolumn .article p { line-height: 18px;  }
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }
.newssection .article .left, .articlecolumn .article .left { width: 240px; }
.right img { float: right; }
.newssection .article .right, .articlecolumn .article .right { width: 278px; }
.social { width: 278px; height: 230px; background:url(images/sociales.png) no-repeat; margin-left: 6px;}
.social li {list-style: none; margin: 10px 0 40px 0;}
.social a {font-size: 14px; color:#FFF;}
.centro { margin: auto; display: block; }
.columnaizq { float: left; width: 35%; margin-right: 33px; margin-bottom: 20px; border-right: 3px solid #CCCCCC; }
.columnader { float: left; width: 45%; margin-top: 16px; }
.columnader h1 { color: #144985; font-size: 35px; *padding-top: 10px;}
.espacio { *height: 5px;}

/** SIDEBAR **/

.homesidebar { width: 160px; float: right; margin: 29px 25px 0 0; _margin: 25px -20px -300px 0; }
.homesidebar h2, .singlesidebar h1 { border-bottom:2px solid #CCCCCC; line-height: 17px; padding-bottom: 7px; margin-bottom: 10px; }
.singlesidebar h1 { *font-size: 23px; }
.homesidebar ul { list-style: none; padding: 0px; margin: 0px; color: #C3B39D; }
.homesidebar ul li { padding-bottom: 6px; margin-bottom: 5px; }
.homesidebar ul li a { margin-right: 4px; font-size: 108%; }
.homesidebar .item { margin-bottom: 40px; }

.singlesidebar { width: 233px; float: right; margin: 68px 20px 0 0; _position: absolute; _margin: 70px 0 0 50px; }
.singlesidebar .item { margin: 10px 0 30px 0; }
.singlesidebar .heading { margin-bottom: 15px; }

/** SINGLE POST **/
.singlepost { width: 570px; float: left; margin: 16px 0 0 40px; _margin-left: 16px;}
.singlepost .posthead h2 { font-size: 29px; line-height: 38px; margin: 0px 0px 15px 0px; border-bottom:2px solid #CCCCCC; }
.singlepost .posthead span {  font-weight: bold; font-size: 13px; color: #b1a289; }
.singlepost .posthead p { font-size: 15px; line-height: 18px; font-style: italic; color: #e35b25; border-top: dashed 1px #B1A289; padding-top: 10px; }
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic;  }
.singlepost .post .posthead h2 { font-size: 30px; line-height: 30px;  }
.singlepost .post { margin-bottom: 40px; }
.singlepost .posthead h2 a { text-decoration: none; }
.borde { display: block; margin: 0 auto 0 auto; border: 4px solid #4a4a4a;}

/** HOMEPAGE NEWS SECTIONS **/

.newssection .article { width: 282px; float: left; }
.newssection .even { float: right; }
.newssection ul {float: right; list-style: none; margin: 52px 15px 0 0; text-transform: uppercase; font-family: 'Trebuchet MS';}
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; }
.newssection ul li h2 a { text-decoration: none; }
.singlesidebar .newssection .article { width: 310px; }
.singlesidebar .newssection .article .right { width: 250px; }
.singlesidebar .newssection  ul { width: 260px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer { background: #fff url(images/footerbg.jpg) repeat-x top; border-top: 2px solid #CCCCCC; margin-top: 17px; }
.footerin { width: 800px; margin: 0 auto; display: block; }
.footer li { list-style: none; padding-bottom: 8px; *margin-left: -18px; font-size: 12px; }
.footer li a { color: #4A4A4A; font-size: 90%; }
.footer li a:hover { background: none; color: #333333; }
.footer h1 { display: block; float: right; width: 260px; background: url(images/footerlogo.png) no-repeat top left; text-align: center; padding: 20px 0 20px 0; font-size: 28px; font-weight: bold; }
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: white; }
.footer .left { width: 500px; float: left; margin-top: 20px; color: white; }
.footer .left a { color: white; }
#bottom-uno, #bottom-dos, #bottom-tres, #bottom-cuatro { float: left; padding: 0px 13px 20px 26px; width: 20%; _padding: 0px 20px 20px 2px; margin-top: 20px; }
#bottom-uno { border-right: 2px solid #CCC; }
#bottom-dos { width: 15% !important; margin-left: 15px;}
.email {background: url(images/email.gif) no-repeat; margin: 6px 0; height: 7px; }
.fin, .enlaces { margin: 0 auto 10px auto; display: block; text-align: center; color: #b1b1b1; font-size: 11px; }
.fin a, .enlaces a { color: #70706d; }
.fin a:hover { color: #FFF; }
.telf { font-size: 120%; font-weight: bold;}
.enlaces a:hover { background: none; color: #70706d; cursor: default;}