/*
Theme Name: AXTEL Blogs
Theme URI: http://blogs.axtellabs.net/
Description: The default WordPress theme for AXTEL Blogs.
Version: 1.0
Author: Restate Media
Author URI: http://restatemedia.com/
*/

/* ----- general tags ----- */
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
html, body {
	background: #f9f9f5;
	text-align: left;
	font: 11px "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #595955;
}
/* ----- list tags ----- */
ol, ul {
	list-style: none;
}
div#p-middle ol, div#p-middle ul {
	padding: 10px 0 1px;
	font-size: 12px;
	line-height: 18px;
}
div#s-middle ul {
	padding: 17px 15px 37px;
	width: 210px;
}
div#p-middle ol li {
	list-style: decimal inside;
}
div#p-middle ul li, div#s-middle li {
	background: url(images/bullet.gif) left center no-repeat;
}
div#p-middle ul li {
	padding: 0 0 0 15px;
}
div#s-middle li {
	padding: 0 0 0 10px;
}
/* ----- heading tags ----- */
div#p-middle h2 {
	padding: 0 0 6px;
	width: 690px;
	background: url(images/post_divider.gif) bottom no-repeat;
	font: 24px "DINPro-Bold", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #ac1a2f;
}
.l-layer h3, .s-layer h3 {
	padding: 9px 0 6px 9px;
	background: url(images/post_button.png) right center no-repeat;
	font: 20px "DINPro-Bold", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
}
.l-layer h3 {
	width: 681px;
}
.s-layer h3 {
	width: 326px;
}
div#p-middle h4, div#s-middle h4 {
	font: 14px "DINPro-Bold", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #ac1a2f;
}
div#p-middle h4 {
	margin: 0 0 4px;
	padding: 36px 0 8px;
	width: 690px;
	background: url(images/post_divider.gif) bottom no-repeat;
}
div#s-middle h4 {
	padding: 0 15px 8px;
	width: 210px;
	background: url(images/sidebar_divider.gif) bottom no-repeat;
}
/* ----- paragraph tags ----- */
div#posts .l-post p, div#posts .s-post-a p, div#posts .s-post-b p, div#post .s-post-a p, div#post .s-post-b p, div#results .l-post p {
	padding: 9px 0 0;
}
div#posts .l-post p, div#results .l-post p {
	width: 690px;
}
div#posts .s-post-a p, div#posts .s-post-b p, div#post .s-post-a p, div#post .s-post-b p {
	width: 335px;
}
div#post .l-post p {
	padding: 11px 0 0;
	font-size: 12px;
	line-height: 18px;
}
div#footer p {
	padding: 18px 0 8px;
	font-size: 9px;
	color: #a9a9a5;
}
div#t-middle p, div#t-bottom p, div#c-middle p {
	text-shadow: 0 1px 0 #fff;
}
div#t-middle p, div#c-middle p {
	padding: 7px 0 9px;
	width: 190px;
	background: url(images/twitter_comments_divider.gif) bottom no-repeat;
}
div#t-bottom p {
	padding: 8px 0 0 15px;
	width: 91px;
	background: url(images/twitter_button.gif) left bottom no-repeat;
}
/* ----- link tags ----- */
.l-layer h3 a, .l-layer h3 a:hover, .s-layer h3 a, .s-layer h3 a:hover {
	text-decoration: none;
	color: #fff;
}
.l-post p a, .l-post p a:hover, .s-post-a p a, .s-post-a p a:hover, .s-post-b p a, .s-post-b p a:hover, .comment a, .comment a:hover {
	text-decoration: underline;
}
.l-post p a, .s-post-a p a, .s-post-b p a, .comment a {
	color: #595955;
}
.l-post p a:hover, .s-post-a p a:hover, .s-post-b p a:hover, .comment a:hover {
	color: #ac1a2f;
}
.l-post p.bold a, .l-post p.bold a:hover, .s-post-a p.bold a, .s-post-a p.bold a:hover, .s-post-b p.bold a, .s-post-b p.bold a:hover, div#results .l-post p.bold a, div#results .l-post p.bold a:hover {
	padding: 0 0 0 15px;
	background: url(images/post_button.gif) left bottom no-repeat;
	color: #ac1a2f;
}
.l-post p.bold a, .s-post-a p.bold a, .s-post-b p.bold a, div#results .l-post p.bold a {
	text-decoration: none;
}
.l-post p.bold a:hover, .s-post-a p.bold a:hover, .s-post-b p.bold a:hover, div#results .l-post p.bold a:hover {
	text-decoration: underline;
}
div#footer p a {
	text-decoration: none;
	color: #a9a9a5;
}
div#footer p a:hover {
	text-decoration: underline;
	color: #595955;
}
div#s-middle ul a {
	text-decoration: none;
	color: #595955;
}
div#s-middle ul a:hover {
	text-decoration: underline;
	color: #ac1a2f;
}
div#t-middle a, div#t-middle a:hover, div#t-bottom a, div#t-bottom a:hover {
	color: #379fa6;
}
div#t-middle a, div#t-bottom a {
	text-decoration: none;
}
div#t-middle a:hover, div#t-bottom a:hover {
	text-decoration: underline;
}
div#c-middle a, div#c-middle a:hover {
	color: #a3814c;
}
div#c-middle a {
	text-decoration: none;
}
div#c-middle a:hover {
	text-decoration: underline;
}
/* ----- form tags ----- */
div#search input, div#respond input, div#respond textarea {
	text-shadow: 0 1px 0 #fff;
	font: 11px "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #a9a9a5;
}
div#search input {
	margin: 23px 0 0;
	padding: 3px 2px 0 24px;
	width: 204px;
	height: 17px;
	background: url(images/search_input.gif) no-repeat;
	float: left;
	display: block;
}
div#respond input, div#respond textarea {
	padding: 2px 2px 3px;
	width: 331px;
	background: #e9e9e5;
	border-top: 1px solid #e3e3e0;
}
div#search button {
	margin: 18px 0 0 5px;
	width: 70px;
	height: 30px;
	background: url(images/search_button.gif) no-repeat;
	float: left;
	display: block;
	cursor: pointer;
}
div#respond button {
	margin: 0 0 0 287px;
	width: 53px;
	height: 30px;
	background: url(images/respond_button.gif) no-repeat;
	cursor: pointer;
}
/* ----- image tags ----- */
.l-post img, .s-post-a img, .s-post-b img {
	border: 1px solid #e9e9e5;
}
/* ----- general layout ----- */
div#wrapper {
	margin: 0 auto;
	padding: 0 0 15px;
	width: 970px;
	overflow: hidden;
}
div#header {
	margin: 15px 0 0;
	width: 970px;
	height: 66px;
	overflow: hidden;
}
div#search {
	width: 315px;
	height: 66px;
	background: url(images/menu_b.gif) no-repeat;
	float: left;
	display: block;
	overflow: hidden;
}
div#main {
	margin: 10px 0 0;
	width: 720px;
	float: left;
	display: block;
}
div#post, div#results {
	width: 720px;
}
div#footer {
	width: 586px;
	float: left;
	display: block;
}
div#icons {
	margin: 16px 0 0 20px;
	width: 84px;
	height: 16px;
	float: left;
	display: block;
}
div#sidebar {
	margin: 10px 0 0 10px;
	width: 240px;
	float: left;
	display: block;
}
div#twitter, div#comments {
	width: 220px;
}
div#twitter {
	padding: 15px 10px 34px;
}
div#comments {
	padding: 15px 10px 5px;
}
div#p-top, div#p-bottom {
	width: 720px;
	height: 15px;
}
div#p-top {
	background: url(images/post_a.gif) no-repeat;
}
div#p-middle {
	padding: 9px 15px 0;
	width: 690px;
	background: url(images/post_b.gif) repeat-y;
	overflow: hidden;
}
div#p-bottom {
	background: url(images/post_c.gif) no-repeat;
}
div#s-top, div#s-middle, div#s-bottom {
	width: 240px;
}
div#s-top, div#s-bottom {
	height: 15px;
}
div#s-top {
	background: url(images/sidebar_a.gif) no-repeat;
}
div#s-middle {
	padding: 10px 0 0;
	background: url(images/sidebar_b.gif) repeat-y;
}
div#s-bottom {
	background: url(images/sidebar_c.gif) no-repeat;
}
div#t-top {
	width: 220px;
	height: 30px;
	background: url(images/twitter_a.gif) no-repeat;
}
div#t-middle {
	padding: 5px 15px 20px;
	width: 190px;
	background: url(images/twitter_b.gif) repeat-y;
}
div#t-bottom {
	padding: 0 99px 0 15px;
	width: 106px;
	height: 56px;
	background: url(images/twitter_c.gif) no-repeat;
}
div#c-top, div#c-bottom {
	width: 220px;
}
div#c-top {
	height: 30px;
	background: url(images/comments_a.gif) no-repeat;
}
div#c-middle {
	padding: 5px 15px 15px;
	width: 190px;
	background: url(images/comments_b.gif) repeat-y;
}
div#c-bottom {
	height: 10px;
	background: url(images/comments_c.gif) no-repeat;
}
/* ----- home layout ----- */
div#feature {
	width: 720px;
	height: 150px;
}
div#posts {
	margin: 10px 0 0;
	width: 720px;
}
/* ----- menu layout ----- */
#menu {
	width: 655px;
	height: 66px;
	position: relative;
	background: url(images/menu_a.gif) no-repeat;
	float: left;
	display: block;
}
#menu li {
	position: absolute;
}
#menu li, #menu a {
	display: block;
}
#axtel {
	top: 0;
	left: 0;
	width: 160px;
	height: 66px;
}
#home, #podcasts, #videos, #conocenos {
	top: 17px;
	height: 32px;
}
#home {
	left: 180px;
	width: 78px;
}
#podcasts {
	left: 278px;
	width: 99px;
}
#videos {
	left: 397px;
	width: 81px;
}
#conocenos {
	left: 498px;
	width: 99px;
}
#axtel a {
	height: 66px;
}
#home a, #podcasts a, #videos a, #conocenos a {
	height: 32px;
}
#home a:hover {
	background: transparent url(images/menu_a.gif) -180px -83px no-repeat;
}
#podcasts a:hover {
	background: transparent url(images/menu_a.gif) -278px -83px no-repeat;
}
#videos a:hover {
	background: transparent url(images/menu_a.gif) -397px -83px no-repeat;
}
#conocenos a:hover {
	background: transparent url(images/menu_a.gif) -498px -83px no-repeat;
}
/* ----- classes ----- */
.hide {
	display: none;
}
.bold {
	font-weight: bold;
}
.a-right {
	text-align: right;
}
.a-center {
	text-align: center;
}
div#posts .l-post, div#post .l-post, div#results .l-post {
	width: 690px;
	background: url(images/post_a_divider.gif) bottom no-repeat;
	float: left;
	display: block;
}
div#posts .l-post {
	padding: 20px 0 18px;
}
div#post .l-post {
	padding: 6px 0 18px;
}
div#results .l-post {
	padding: 8px 0 18px;
}
.s-post-a, .s-post-b {
	padding: 20px 0 18px;
	width: 335px;
	height: 422px;
	background: url(images/post_b_divider.gif) bottom no-repeat;
	float: left;
	display: block;
}
.s-post-b {
	margin: 0 0 0 20px;
}
.l-container, .s-container {
	margin: 0 0 8px;
}
.l-container {
	width: 690px;
	height: 380px;
}
.s-container {
	width: 335px;
	height: 220px;
}
.l-layer, .s-layer {
	position: absolute;
	background: url(images/post_opacity.png) repeat;
	border-right: 1px solid #e9e9e5;
	border-left: 1px solid #e9e9e5;
	z-index: 1;
}
.l-layer {
	margin: 315px 0 0;
	width: 688px;
}
.s-layer {
	margin: 155px 0 0;
	width: 333px;
}
.small {
	font-size: 9px;
	color: #a9a9a5;
}
/* ----- wordpress ----- */
.home #home a {
	background: transparent url(images/menu_a.gif) -180px -83px no-repeat;
}
.category-podcasts #podcasts a {
	background: transparent url(images/menu_a.gif) -278px -83px no-repeat;
}
.category-videos #videos a {
	background: transparent url(images/menu_a.gif) -397px -83px no-repeat;
}
.page-id-2 #conocenos a {
	background: transparent url(images/menu_a.gif) -498px -83px no-repeat;
}
strong {
	font-weight: bold;
}
img.centered {
	display: block;
	margin: 0 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;
}
.even, .odd {
	margin: 2px 0 10px;
	width: 670px;
}
.even, .even:hover, .odd:hover {
	padding: 10px 10px 6px;
	text-shadow: 0 1px 0 #fff;
}
.even {
	background: #f9f9f5;
}
.odd {
	padding: 9px 9px 5px;
	border: 1px solid #e9e9e5;
}
.even:hover, .odd:hover {
	background: #ffefce;
}
.odd:hover {
	border: none;
}
.even:hover a, .even:hover a:hover, .odd:hover a, .odd:hover a:hover {
	color: #a3814c;
}
.even:hover a, .odd:hover a {
	text-decoration: none;
}
.even:hover a:hover, .odd:hover a:hover {
	text-decoration: underline;
}
.comment-author {
	overflow: hidden;
}
.comment-author p, .comment-author img {
	float: left;
	display: block;
}
.comment-author p {
	margin: 0 0 0 10px;
}
.twitter-timestamp {
	font-size: 9px;
	color: #a9a9a5;
}
