/*
Theme Name: Fuego Azul
Theme URI: http://www.alone.com.mx/fuego-azul
Description: Designed by <a href="http://www.alone.com.mx" title=":: Alone.com.mx ::">vicmx</a>.
Version: 1.0
Author: Vicmx
Author URI: http://www.alone.com.mx
*/
body {
background: #CBE6F9 url(images/bkgbody.jpg) repeat-x center top;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px; margin: 0px; color:#35383d;
}
html { padding: 0; margin: 0;}

p,
ol,
ul {
	line-height: 160%;
	}
ol { /* to be styled */ }
ul { /* to be styled */ }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #050d24;
	}

h1 {
	font-size: 2.2em;
	}
h2 {
	font-size: 1.4em;
	}
h3, h4, h5, h6 {
	font-size: 1em;
	}

a:link {
	color: #2f63b3;
	text-decoration: none;
	}
a:visited {
	color: #2f63b3;
	text-decoration: none;
	}
a:hover {
	color: #4a5265;
	text-decoration: underline;
	}
a:active {
	color: #2f63b3;
	text-decoration: underline;
	}

blockquote {
	background: url(images/blockquotebg.gif) no-repeat;
	color: #294a59;
	padding: 15px 0 0 42px;
}

code {
font-family:courier;
}

pre code {
font-size:1.2em;
}
/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer { width: 780px; margin: 0 auto;}

/**/ * html .Header { height: 130px;} /* */
.Header { width: 780px; margin: 0 auto; position:relative; min-height: 130px;}
.Logo { float: right; width: 280px;}
.Header .LogoText h1 { font-size: 50px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 48px;}
.Header .LogoText a { color:#336699; text-decoration: none; }
.Header .LogoText a:visited { color:#336699; text-decoration: none; }
.Header .LogoText a:hover { color:#336699; text-decoration: none; }
.Header .Desc { position: absolute; top: 100px; color:#cc0000; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px; }

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { width: 470px; padding: 0px 0px 0px 30px; float: left; position: absolute;  top: 100px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li { padding: 0px; margin: 0px; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; }
.Menu ul li a { padding: 0px 0px 0px 9px; background: url(images/menuleft.gif) no-repeat left top; float: left;}
.Menu ul li a span { padding: 4px 9px 9px 0px; display: block; background: url(images/menuright.gif) no-repeat right top; float: right; }
.Menu ul li a span { float: none; color: #cc0000;}
.Menu ul li a:hover span { color: #cc0000;}
.Menu ul li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.Menu ul li a:hover span { background-position: 100% -27px;  color:#ffff99;}

/*********************************
    Search
*********************************/
.Search { background: url(images/search.gif) no-repeat left top; position: relative; top: 5px; right: 0px; width: 195px; padding: 0px 0px 0px 0px; height: 34px; }
.Search form { padding: 2px 0px 0px 0px; margin: 0px;}
.Search input { border: none; color: #5f8bc3; font-size: 11px; bgcolor: #4d92ee;}
.Search  input.keyword { background: none; border: none; padding: 2px 0px 2px 8px; width: 165px; border: none; color:#e1edfc; }
.Search  input.search { width: 19px; height: 18px; background: url(images/search_submit.gif) no-repeat;}
.Search .bt { padding: 0px; margin: 0px 0px 0px 165px; top: 2px; background: none; position: absolute; right: 11px; }

/* Container */
.container { width: 780px; float: left; border: solid 1px #7ab9e2; background: #fff; }

/* Side Central */
.sc { width: 510px; float: left; padding: 0px 15px 0px 15px;}
.pagetitle { font-size: 24px; line-height: 24px; font-weight: bold; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1;padding: 15px 0px; margin-top: 0px; color:#000066;}

/* Post */
.Post {	padding: 15px 0px; position: relative; clear: left;}
.PostHead { margin-left: 55px; }
.PostHead h2 { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#000033;}
.PostHead h2 a { color: #109dd0; text-decoration: none;}
.PostHead h2 a:visited { color: #109dd0; text-decoration: none;}
.PostHead h2 a:hover { color:#000; text-decoration: none;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}

/**/ * html .PostTime { left: -15px;} /**/
.PostTime { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(images/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}
.PostAuthor { color:#999; }

.PostCat { color:#cc0066; }
.PostCat a { color:#cc0066; text-decoration: none; }
.PostCat a:visited { color:#ff6699; text-decoration: none; }
.PostCat a:hover { color:#ff6699; text-decoration: none; }

.PostContent { padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:#63565f;}
.PostContent p { font-size: 13px; line-height: 1.4em; color:#63565f;}
.PostContent p strong {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent img {	border: 5px solid #edf2ff;	}
.PostContent img:hover {border: 5px solid #dce6ff;}
.PostContent img.wp-smiley,
.PostContent img.wp-smiley:hover {	border: none;}


/**/ * html .PostContent p img {} /* */
.PostCom { padding-top: 10px; background: url(images/PostComBkg.gif) repeat-x top;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; }
.PostCom li a { font-weight: bold; text-decoration: none; color:#cc0066;}
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#cc0066;}
.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#cc0066;}

.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; }
.PostCom .Tags {background: url(images/tag_blue.gif) no-repeat left center;}

/**********************
*   Comments          *
***********************/
.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #dce6ff;
	background: #edf2ff url(images/comment_bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.gravatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #2f63b3;
	}

h2#postcomment {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #dce6ff url(images/separator_blue.gif) repeat-x center top;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #b0c5ff;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #fec02a;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 435px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 435px; /* Fuck IE */
	height: 200px;
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url(images/submit.gif) repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url(images/submit_hover.gif) repeat 0 0;
	}

/**********************
*   Sidebar           *
***********************/
#sidebar {
	float: right;
	width: 240px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	}

#sidebar .rssfeeds {
		height: 140px;
		margin: 0;
		padding: 0;
		background: transparent url(images/feeds.gif) no-repeat right bottom;
		}
#sidebar h2.feed-title {
		margin: 0;
		padding: 20px 0 0 3px;
		background: none !important;
		font-size: 1.4em;
		}

	.rssfeeds a.rss  {
		padding: 0 0 0 25px;
		background: transparent url(images/icon_rss.gif) no-repeat 5px 0;
		}

#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 10px 3px;
	background: url(images/separator_green.gif) repeat-x center bottom;
	font-size: 1.4em;
	}

#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #bbb;
	}

#sidebar ul.blc {
	padding: 0 5px;
	}
#sidebar ul.blc li a {
	margin: 0;
	padding: 0;
	background: none;
	}

#sidebar ul ul li {
	padding: 0;
	}
#sidebar ul ul li a {
	background: transparent url(images/dot.gif) no-repeat 4px 3px;
	padding: 0 0 0 20px;
	}
#sidebar ul ul ul li {
	margin: 0 0 0 0;
	}

/**********************
*   Bottom            *
***********************/

#bottom {
	clear: both;
	float: left !important;
	float: none;
	width: 782px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #18649d url(images/separator_green.gif) repeat-x 0 0;
	text-align: left;
	color: #fff;
	}

#bottom-left,
#bottom-mid,
#bottom-right {
	width: 30%;
	padding: 20px 5px 20px 15px;
	float: left;
	}
#bottom h2 {
	margin: 0 0 10px 0;
	padding: 0 8px;
	font-size: 1.6em;
	color: #fff;
	}
#bottom h2 span {
	color: #fec254;
	}
#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #508ab4;
	}
#bottom ul li {
	line-height: 26px;
	border-bottom: 1px solid #508ab4;
	}
#bottom ul li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	}
#bottom ul li a:hover {
	background: #508ab4;
	}

.archive-nav {
	font-size: 0.9em;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	list-style-image: none;
}

.archive-nav li {
	width: 180px;
}

.archive-nav li a {
	display: block;
	width: 164px;
}

.back {
	float: left;
}

.back a {
	padding-left: 16px;
	background: #fff url(images/back.png) no-repeat left center;
}

.next {
	float: right;
	text-align: right;
}

.next a {
	padding-right: 16px;
	background: #fff url(images/next.png) no-repeat right center;
}

/**********************
*   Footer            *
***********************/
#footer {
	width: 782px;
	height: 74px;
	clear: both;
	background: #043860;
	border-top: 1px solid #000;
	color: #fff;
	}

#footer .validate {
	background: url(images/icon_valid.gif) no-repeat 0 0;
	padding: 0 5px 0 20px;
	}

#footer .credits {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	}

#footer p {
	margin: 0;
	padding: 12px 25px;
	line-height: 200%;
	}
#footer p a:link,
#footer p a:visited {
	color: #a8cbff;
	}
#footer p a:hover {
	color: #fff;
	}
#footer p a:active {
	color: #9ad202;
	}