/*
Theme Name: evelio.theme
Theme URI: http://evelio.info/theme
Description: Mi primer tema :).
Version: 0.1
Author: Evelio Tarazona
Author URI: http://evelio.info/
Tags: multi-color, custom header, fixed width, two columns, widgets
*/

*
{
	background-color: transparent;
}

body
{
	/*
		Color cyan
		#00aad4
	*/
	background: #000 url(img/bgTex.png) repeat;
	color: #222;
	font: 12px normal 'Verdana', sans-serif;
}

a
{
	color:#0077a1;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

h1, h2, h3, h4, h5
{
	font-family:'Trebuchet MS';
	color:#444;
	padding:5px 0;
	font-weight:bold;
}

h1
{
	font-size:22px;
}

h2
{
	font-size:20px;
}

h3
{
	font-size:18px;
}

h4
{
	font-size:16px;
}

h5
{
	font-size:14px;
}

ol
{
	list-style: decimal;
	padding: 10px 0px 10px 25px;
}

ul
{
	list-style: circle;
	padding: 10px 0px 10px 25px;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

pre, code
{
	font-family:monospace;
	padding: 10px;
}

input, button, textarea
{
	border: 1px solid #aaa;
	background-color:#ddd;
	padding:5px;
	margin:5px;
}

input[type='submit'], input[type='button']
{
	border: 4px double #aaa;
}

input:hover, input:active, input:focus, button:hover, button:active, button:focus, textarea:hover, textarea:active, textarea:focus
{
	border-color: #555;
}

hr
{
  border: 2px #999 dashed; 
  margin:5px;
}
.center
{
	text-align:center;
}

.aligncenter, #countdownimage
{
  margin-left:auto;
  margin-right:auto;
  display:block;
}

.alignleft
{
  float:left;
  display:inline;
  padding-right:5px;
}

#container
{
	width: 870px;
	margin: 0 auto;
}

.clearBottom
{
	margin-bottom:30px;
}

.clearTop
{
	margin-top:30px;
}

.clearTopBottom
{
	margin-bottom:30px;
	margin-top:30px;
}

.transBg
{
	background: url(img/bg.png) repeat;
	padding:0 10px;
}

.transBg .transBg
{
	padding:10px;
}

.transBgTop, .transBgBottom
{
	background-repeat: no-repeat;
	height:10px;
}

.transBgTop
{
	background-position:-0px -0px;
}

.transBgBottom
{
	background-position:-0px -10px;
}

.transBgCorners870
{
	background-image: url(img/corners870.png);
}

.transBgCorners540
{
	background-image: url(img/corners540.png);
}

.transBgCorners300
{
	background-image: url(img/corners300.png);
}

.transBgCorners200
{
	background-image: url(img/corners200.png);
}

#header
{
	/*height:290px;*/
	width:870px;
}

.facebook, .twitter, .feed
{
	background: no-repeat center right;
	margin-top:10px;
	padding:10px 40px 0 0;
	text-align:right;
	height:32px;
	display:block;
}

.facebook
{
	color:#3b5998;
	background-image:url(img/facebook.png);
}

.twitter
{
	color:#3cf;
	background-image:url(img/twitter.png);
}

.feed
{
	color:#ff7c03;
	background-image:url(img/feed.png);
	background-position:center left;
	padding-left:50px;
	padding-right:0;
	text-align:left;
	height:40px;
}

blockquote
{
	background:url(img/quote.png) no-repeat top left;
	padding-left:24px;
}

blockquote p
{
	font-family:'Georgia';
	font-style:italic;
	font-size:13px;
	text-align:justify;
	color:#666;
}

blockquote div.normal p { font-style:normal; }

#facebook div.transBg div.transBg, #twitter div.transBg div.transBg
{
	/*min-height:100px;*/
}

#title
{
	width:200px;
	height:216px;
	margin:0 35px;
}

#logo
{
	width:200px;
	height:55px;
}

#title img
{
	margin-bottom:10px;
}

#moreInfo
{
	width:300px;
	height:290px;
	float:right;
}

.headerWidget
{
	width:300px;
	float:left; 
}

#navigation div.transBg div.transBg
{
	padding:0;
}

#navigation ul, #navigation a, #navigation li
{
	display:block;
}

#navigation li
{
	float:left;
}

#navigation li.current_page_item
{
	background: url(img/bg.png) repeat;
}

#navigation li:hover
{
	background: url(img/bg.png) repeat;
}

#navigation a
{
	padding:10px;
	text-decoration:none;
	font-family:'Trebuchet MS';
	font-size:14px;
	font-weight:bold;
	color:#777;
}

#navigation a:hover
{
	color:#444;
}



#content
{
	width:870px;
}

#leftColumn
{
	float:left;
	width:540px;
}

#rightColumn
{
	float:right;
	width:300px;
}

div.postHead abbr.date, div.postHead h2.postTitle, div.postHead p.postComments, div.postHead h2.postTitle a
{
	float:left;
	display:block;
}

h2.postTitle, h2.postTitle a
{
	color:#FF0033;
	width:430px;
	text-align:center;	
}

p.postComments
{
	width:50px;
	height:60px;
	text-align:center;
}


p.postComments a.commentCount, p.postComments a.addComment
{
	display:block;
	width:50px;
	font-family:'Trebuchet MS';
	font-size:18px;
	font-weight:bold;
	color:#00aab1;
	background: url(img/comments.png) no-repeat top center;
}

p.postComments a.commentCount
{
	height:28px;padding-top:5px;
}
p.postComments a.addComment
{
	background-position:bottom center;
	height:27px;
}

div.postBody p, p.postInfo
{
	padding:5px 0;
}

abbr.date
{
	display:block;
	width:40px;
}

abbr.date span
{
	padding:0 10px;
	display:block;
	font-family:'Trebuchet MS';
	text-align:center;
}

abbr.date span.day
{
	font-size:18px;
	font-weight:bold;
}

abbr.date span.month
{
	font-size:14px;
}   

abbr.date span.year
{
	font-size:12px;
}

abbr.date a
{
	color:#AA0033;
}

#upDown
{
	position:fixed;
	right:10px;
	bottom:10px;
	height:104px;
	width:44px;
	background: url(img/arrowsUpDown.png) no-repeat bottom center;
}

#upDown a.up, a.down
{
	width:44px;
	height:44px;
	display:block;
}

#upDown br.separator
{
	height:16px;
}

#paginate
{
	margin:0 auto;
	height:44px;
	width:104px;
}

#paginate span.previous, span.next, span.next a, span.previous a, span.separator
{
	width:44px;
	height:44px;
	display:block;
	float:left;
}

span.next a, span.previous a
{
	background: url(img/arrowsLeftRight.png) no-repeat;
}

span.next a
{
	background-position: bottom right;
}

span.previous a
{
	background-position: bottom left;
}

#paginate span.separator
{
	width:16px;
}

#navigation ul, #sidebar, #sidebar ul, ol.commentList
{
	padding:0;
	margin-left:0;
}

#sidebar, 
#sidebar ul
{
	list-style: none;
}

#recentcomments .recentcomments, #recent-posts li, ul.blogroll li, #statpress-topposts li
{
	padding:5px;
	border-bottom: dashed 1px #444;
	color: #666;
}

#comment
{
	width:480px;
	height:250px;
}

.comment .commentAuthorAvatar
{
	float: left;
	width:40px;
}

.comment .commentAuthorInfo
{
	margin-bottom:10px;
}

/* Example Template */

body.example
{
  background-color: #eee;
  background-image: none;
  padding:20px;
}

span.lessFocus
{
  color: #aaa;
  font-weight:normal;
}

body.example h1
{
  font-size: 32px;
}

h2.example
{
  color:#aaa;
  padding:21px;
  font-size:18px;
  height:18px;
  font-weight:normal;
  background-color: #555;
}

h2.example a
{
  color: #eee;
  font-weight:bold;
}

div.exampleArrow
{
  background:url(img/bigArrowLeftRight.png) no-repeat;
  height:60px;
}

div.exampleArrowLeft
{
  padding-left:25px;
  background-position:left center;
}

div.exampleArrowRight
{
  padding-right:25px;
  background-position:right center;
}

/*div.example
{
  padding:10px;
}*/