/*



Theme Name: xaBlog



Theme URI: http://www.xtasisanime.com.ar



Version: 1.0



Description: 2 Columnas theme para xaBlog



Author: xaStudio // PCTune



Author URI: http://www.xtasisanime.com.ar



*/







body {



margin: 0px 0px;



padding: 0px 0px;



color: #84878E;



background-color:#292929;



background-image: url(images/bg.gif);



background-repeat: repeat-y;



background-position: top;



font-family: Trebuchet MS;



font-size: 11px;



line-height: 18px;



}







.headings {



color: #000;



margin-bottom: 10px;



display: block;



width: 100%;



}







#wrapper {



width: 940px;



margin: auto;



padding: 0px 0px 0px 0px;



margin-top: 116px;



}







#wrapper2 {



width: 100%;



margin: 0px 0px;



background-image: url(images/bg2.jpg);



background-position: top center;



background-repeat: no-repeat;



float: left;



}







#xalogo{



background-image: url(images/xalogo.png);



position: absolute;



width:408px;



height: 76px;



top: 30px;



}







.single-entry {



float: left;



width: 613px;



margin-bottom: 10px;



padding: 13px;



background-color: #262D2B;



background-image: url(images/category-post-bg.gif);



background-position: bottom;



background-repeat: no-repeat;



}







.single-entry-titles {



width: 614px;



height: 23px;



background-image: url(images/post-title-bg-2.gif);



color: #FFF;



display: block;



padding: 7px 10px 0px 15px;



font-weight: bold;



float: left;



}







.single-entry-titles a {



float: left;



}







.post-wrapper {



background-color: #262D2B;



margin-top: 0px;



padding: 0px 15px 15px 15px;



background-image: url(images/category-post-bg.gif);



background-repeat: no-repeat;



background-position: bottom; 



width: 609px;



float: left;



}







a:link { 



text-decoration: none; 



color: #FFFFFF; 



}







a:visited { 



text-decoration: none; 



color: #FFFFFF; 



}







a:hover, a:active { 



color: #FFF; 



text-decoration: underline;



}







h1, h2, h3, h4, h5, h6 { 



font-weight: normal; 



margin: 0px 0 10px; 



}







.post-title {



line-height: 30px;



}







.post-title a {



font-size: 25px;



}







.home-post-wrap {



width: 313px;



height: 280px;



float: left;



background-color: #262D2B;



background-image: url(images/home-post-bottom.gif);



background-repeat: no-repeat;



background-position: bottom;



margin: 0px 13px 10px 0px;



padding: 0px;



}







.home-post-wrap-2 {



width: 313px;



float: left;



background-color: #262D2B;



background-image: url(images/home-post-bottom.gif);



background-repeat: no-repeat;



background-position: bottom;



margin: 0px 13px 10px 0px;



padding: 0px;



}







.home-post-wrap object {



width: 289px;



height: 193px;



}







.home-post-wrap embed {



width: 289px;



height: 193px;



}







.post-wrapper object {



width: 609px;



height: 455px;



}







.post-wrapper embed {



width: 609px;



height: 455px;



}







.post-inside {



padding: 8px 13px 13px 13px;



}







.post-inside-small {



padding: 4px 13px 4px 13px;



margin-top: 4px;



float: left;



}







.home-post-titles {



width: 288px;



height: 23px;



background-image: url(images/post-title-bg.gif);



color: #FFF;



display: block;



padding: 7px 10px 0px 15px;



font-weight: bold;



}







.home-post-titles a {



float: left;



}







.home-post-titles a:link, .home-post-titles a:visited {



color: #FFF;



}







.comments-bubble {



background-image: url(images/comment-count-bg.gif);



width: 18px;



height: 15px;



float: right;



margin: 0px;



padding: 0px 0px 0px 4px;



color: #6D200C;



display: block;



}







.comments-bubble a, .comments-bubble a:visited, .comments-bubble a:hover {



font-size: 8px;



color: #6D200C !important;



margin: -5px 0px 0px 0px;



float: left;



padding: 0px;



}







.titles { 



font-weight: normal; 



font-size: 24px; 



text-decoration: none;



}







.titles a:link, .titles a:visited, .titles a:active {



text-decoration: none;



font-size: 20px;



font-family: Trebuchet MS;



margin-bottom: 10px;



margin-top: 10px;



display: block;



}







.titles-featured a, .titles-featured a:hover, .titles-featured {



font-size: 30px;



display: block;



margin-bottom: 5px;



margin-top: 5px;



}







.featured-inside {



width: 593px;



padding: 13px;



margin-top: 109px;



background-image: url(images/featured-bg.png);



overflow: hidden;



height: 105px;



}







.next-button {



display: none;



position: absolute;



}







.prev-button {



display: none;



position: absolute;



}







#sections {



overflow:hidden;



width: 639px;



height: 260px;



margin: 0px;



float: left;



margin-bottom: 13px;



}







#sections ul {



height: 240px;



margin: 0px;



list-style-image: none;



list-style-type: none;



padding: 0px;



width: 4000px;







}







#sections ul li {



height: 240px;



width: 619px;



border: 10px solid #27312F;



margin: 0px;



padding: 0px;



float: left;



}







.sprev {



display: block;



width: 42px;



height: 98px;



cursor: pointer;



background-image: url(images/slide-button-left.png);



position: absolute;



top: 16px;



z-index: 1;



left: 18px;



}







.snext {



display: block;



background-image: url(images/slide-button-right.png);



width: 42px;



height: 98px;



cursor: pointer;



position: absolute;



top: 16px;



left: 581px;



z-index: 2;



}







pre, blockquote {



overflow: auto;



padding: 0 10px;



margin: 20px 30px;



line-height: 1.8em;



background: #1E2422;



border: 1px solid #141918;



}







ul { 



list-style-image: url(images/bullet.gif); 



}







#categories {



width: 938px;



height: 40px;



background-image: url(images/categories-bg.gif);



float: left;



background-color: #2A3331;



border-top: 1px solid #424D4B;



border-bottom: 1px solid #1A201E;



border-left: 1px solid #424D4B;



border-right: 1px solid #1A201E;



margin: 0px;



}







#categories ul {



margin: 0px;



padding: 0px;



list-style-type: none; 



list-style-image: none; 



float: left;



}







#categories ul li {



float: left; 



display: block; 



padding-left: 0px; 



margin: 0px;



height: 40px;



}







#categories ul li a:link,#categories ul li a:visited, #categories ul li a:active  {



height: 31px;



display: block;



color: #FFFFFF;



font-size: 11px;



padding: 9px 10px 0px 10px;



float: left;



margin: 0px 1px;



background-image: url(images/categories-line.gif);



background-position: right;



background-repeat: no-repeat;



}











#categories ul li a:hover {



background-image: url(images/categories-bg-hover.gif);



text-decoration: none;



}











#container {



float: left;



width: 940px;



color: #CFCFCF;



border-top: 1px solid #515E5B;



background-color: #323C3A;



background-image: url(images/content-bg.gif);



background-repeat: repeat-x;



}







#left-div {



width: 654px;



float: right;



padding-left: 13px;



}







#sidebar {



float: left;



padding-left: 0px;



padding-right: 0px;



width: 273px;



}







#footer {



clear: both;



width: 100%;



height: 173px;



text-align: left;



color: #FFFFFF;



padding-top: 14px;



background-image: url(images/footer.gif);



background-repeat: no-repeat;;



background-position: center;



margin: 0px;



float: left;



font-size: 11px;



}







#footer a {



color: #FFFFFF;



font-size: 11px;



}







#footer a:visited {



color: #FFFFFF;



}







#footer a:hover {



color: #FFFFFF;



text-decoration: underline;



}







#pages {



width: 940px;



float: right;



height: 41px;



background-image: url(images/pages-bg.gif);



}







#pages ul { 



width: 650px;



list-style-type: none; 



list-style-image: none; 



float: left; 



padding: 0px 0px 0px 6px; 



margin: 0px;



background-image: url(images/pages-bg-left.gif);



background-repeat: no-repeat;



background-position: left-top;



}







#pages ul li { 



float: left; 



display: block; 



height: 41px;



padding: 0px;



}







#pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {



float: left; 



color: #FFDF81;



display: block;



height: 32px;



font-size: 12px;



padding: 9px 20px 0px 20px;



margin: 0px;



font-weight: bold;



}











#pages ul li a:hover {



background-color: #902D12;



text-decoration: none;



height: 31px;



margin-top: 1px;



padding-top: 8px;



color: #FFF;



}







.articleinfo {



border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454;



}







.sidebar-box {



float: left;



background-color: #262D2B;



background-image: url(images/sidebar-bg.gif);



background-repeat: repeat-x;



background-position: 0px 30px;



padding-bottom: 15px;



}







.sidebar-box ul li {



color: #373434;



margin: 0px 0px;



display: block;



float: left;



width: 273px;



}







.sidebar-box ul {



list-style-type: none;



margin: 0px 0px;



padding: 0px 0px;



width: 273px;



}







.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {



color: #FFF; 



border-top: 1px solid #36423F;



border-bottom: 1px solid #192522;



width: 228px;



padding: 5px 10px 5px 35px;



margin: 0px 0px;



display: block;



background-image: url(images/bullet.gif);



background-repeat: no-repeat;



background-position: 10px 10px;



} 







#recentcomments li a:link, #recentcomments li a:visited, #recentcomments li a:active {



background-image: none;



border: none;



}







#recentcomments {



margin-top: 10px;



}







#recentcomments li {



display: bock;



border-top: 1px solid #36423F;



border-bottom: 1px solid #192522;



background-image: url(images/comment-author.gif);



background-position: 10px 4px;



background-repeat: no-repeat;



padding-left: 35px;



padding-top: 5px;



padding-bottom: 5px;



padding-right: 10px;



width: 228px;



color: #FFF;



}







.sidebar-box ul li a:hover {



color: #FFF; 



background-color: #202624;



border-bottom: 1px solid #141917;



border-top: 1px solid #262D2B;



background-image: url(images/bullet-hover.gif);



text-decoration: none;



} 







.sidebar-box h3 { 



font-size: 11px; 



color: #FFF; 



font-weight: normal; 



text-transform: lowercase; 



font-weight: bold; 



font-family: Trebuchet MS; 



background-image: url(images/h3-bg.gif); 



background-repeat: no-repeat; 



background-position: left; 



width: 256px;



height: 25px; 



padding: 5px 0px 0px 17px;



margin: 0px 0px;



}







#commentwrap {



display: block;



width: 570px;



margin-bottom: 20px;



margin-top: 20px;



margin-left: 20px;



}







.commentlist li{



display: block;



float: left;



clear: both;



margin-left: 0px;



margin-bottom: 10px;



}







.commentlist ol {



margin-left: 0px; 



padding-left: 0px;







}



.commentlist {



margin-left: 0px; 



padding-left: 0px;



}







.comment-inside {



background-image: url(images/comment-bg.gif);



padding-left: 40px;



padding-right: 10px;



padding-top: 0px;



padding-bottom: 0px;



margin: 0px 0px 0px 0px;



background-repeat: repeat-y;



width: 408px;



float: left;



color: #FFF;



}







#commentform {



margin: 1em 0;



margin-left: 20px;



color: #ffffff;



}







#commentform textarea {



background: #1E2422;



border: 1px solid #141918;



width: 370px;



color: #FFFFFF;



}







#commentform #email {



font-size: 1.1em;



background: #1E2422;



border: 1px solid #141918;



width: 280px;



background-image: url(images/comment-email.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



color: #FFFFFF;



}







#commentform #author {



font-size: 1.1em;



background: #1E2422;



border: 1px solid #141918;



width: 280px;



background-image: url(images/comment-author.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



color: #FFFFFF;



}







#commentform #url {



font-size: 1.1em;



background: #1E2422;



border: 1px solid #141918;



width: 280px;



background-image: url(images/comment-website.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



color: #FFFFFF;



}







#commentform #email:focus {



font-size: 1.1em;



background: #141918;



border: 1px solid #0F1312;



width: 280px;



background-image: url(images/comment-email.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #author:focus {



font-size: 1.1em;



background: #141918;



border: 1px solid #0F1312;



width: 280px;



background-image: url(images/comment-author.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform #url:focus {



font-size: 1.1em;



background: #141918;



border: 1px solid #0F1312;



width: 280px;



background-image: url(images/comment-website.gif);



background-position: 7px 7px;



background-repeat: no-repeat;



height: 20px;



padding-left: 30px;



padding-top: 6px;



}







#commentform input {



margin-bottom: 3px;



}







.search_bg {



height:35px;



width:270px;



float: right;



margin-top: 6px;



}







#search {



color:#FFFFFF;



padding:0;



}







#search input {



background: #FFF;



font-size:11px;



color:#4A4A4A;



font-family:Tahoma, arial, verdana, courier;



/*width:110px;*/



height:18px;



vertical-align:middle;



padding:6px 10px 0px 10px;



border-top: 1px solid #781B01;



border-left: 1px solid #781B01;



border-right: 1px solid #A83C1F;



border-bottom: 1px solid #A83C1F;



}







.icons {



margin-top: 0px; 



margin-bottom: -5px;



margin-right: 10px;



}







#search .input {



width:65px;



height:28px;



background:none;



border:none;



vertical-align:middle;



margin:0;



padding:0;



margin-left: 10px;



}







.post-info {



color: #5B6461;



font-size: 10px;



display: block;



border-top: 1px solid #3B4341;



border-bottom: 1px solid #3B4341;



padding: 2px 0px 2px 0px;



margin: 0px 0px 5px 0px;



}







.post-info-small {



color: #5B6461;



font-size: 10px;



display: block;



width: 228px;



border-top: 1px solid #3B4341;



border-bottom: 1px solid #3B4341;



padding: 2px 0px 2px 0px;



margin: 0px 0px 0px 0px;



float: right;



}







.post-info a {



color: #5B6461;



}







.logo {



float: left; 



border: 0px;



border-left: 1px solid #515E5B;



}







ul, ol { line-height: 2.0em; }







.titles-featured a, .titles-featured a:hover, .titles-featured {



font-size: 28px;



line-height: 30px;



}







#featured {



background-color: #FFF;



background-image: url(images/post-bg.gif);



background-repeat: repeat-x;



padding: 10px;



width: 593px;



border: 1px solid #EBEBEB;



margin-bottom: 10px;



}







.featured-content {



float: right;



width: 353px;



margin-right: 5px;



}







.current-category {



background-color: #3E4846;



color: #FFFFFF;



border: 1px solid #485351;



padding: 5px;



display: block;



margin-bottom: 10px;



width: 629px;



}







/* Captions */



.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption {



	border: 1px solid #323c3a;



	text-align: center;



	background-color: #323c3a;



	padding-top: 4px;



	margin: 10px;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}







.wp-caption p.wp-caption-text {



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}



/* End captions */







/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left



	}



/* End Images */











/*Dropdown Navigation*/







.nav, .nav * {margin:0;padding:0;list-style:none;}







.nav ul {position:absolute;top:-999em; background-position: bottom; background-repeat: no-repeat; background-image: url(images/dropdown-bottom.png); padding-bottom: 9px;}







.nav li {float:left;position:relative;z-index:99;font-size:12px; height: 40px !important; border: none !important;}







.nav a {display:block;}







.nav ul li{width: 100%;}







.nav li:hover ul,ul.nav li.sfHover ul {left: 0px;top:40px;}







.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}







.nav li li:hover ul,ul.nav li li.sfHover ul {left:15em;top:0px;}







.nav li:hover ul,.nav li li:hover ul {top: -999em;}







.nav li li {



display: block;



padding: 0px;



height: 40px;



}







.nav li ul li ul li {



left: 60px;



}







.nav li:hover {



background-color: #262D2B;



padding: 0px !important;



margin: 0px;



border: none;



}







.nav li li a:link, .nav li li a:visited {



width: 180px;



display: block;



background-color: #262D2B;



padding: 10px 30px 0px 30px !important;



margin: 0px 0px 0px 0px  !important;



border: none;



font-weight: normal;



height: 30px;



background-image: none !important;



}







.nav li li a:hover {



background-color: #1F2624 !important;



text-decoration: none;



border: none;



}







#navpagenavi {



position: relative;



margin-top: 10%;



width: 80%;



margin-left: 15%;



}







/*End Dropdown Navigation*/







.thumbnail {



border: 5px solid #333E3C !important;



margin-right: 10px;



float: left;



display: inline;



}







.thumbnail-small {



border: 3px solid #333E3C !important;



margin-right: 10px;



float: left;



display: inline;



}



#google-container{



text-align: center;



background-color: #ffffff;



}



/*thumbies releated posts*/







#wp_thumbie {



/*background-color: #323c3a;*/



font-family:verdana,arila,serif;



font-size:12px;



font-style:normal;



/*color: #4E4848;*/



margin-top:10px;



margin-bottom:10px;



}







#wp_thumbie_image { float:left; margin: 2px 10px 5px 7px; padding: 2px 2px 2px 2px; border:1px solid #EBDDE2;}







#wp_thumbie_title {padding:2px 2px 2px 0px;}







#wp_thumbie_title a{font-family:Georgia,serif; font-size:14px; font-weight:bold; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#ffffff;}







#wp_thumbie_title a:hover{color:#ffffff; text-decoration:none; }







#wp_thumbie_thumb, #description {margin-left:0px;}







#wp_thumbie_li {



list-style:none;



/*border-bottom:1px solid #EBDDE2;*/



padding: 5px 5px 15px 0px !important;



margin-left: -35px;



margin-right: 5px;



}







#wp_thumbie_li:hover{background:#4D5D5A;}







#wp_thumbie_rl1 {



color:#ffffff;



font-family:Georgia,Arial,Helvetica,sans-serif;



font-size:1.1em;



font-weight:bold;



line-height:1.4em;



margin:0 0 8px;



}







#wp_thumbie_rl2 {



font-size:10px;



font-family:arial,helvetica,sans-serif; 



display: none;



}







/*sobre el autor*/



#author-info {



	padding: 10px;



	-moz-border-radius: 8px;



	-webkit-border-radius: 8px;



	border-radius: 8px;



}



#author-info div#author-image {



	float: left; margin: 0 10px 5px 0; border: 5px solid #333E3C;



}



/*sobre el autor*/