*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}



#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



body{
font:75%/1.7 Arial, Helvetica, sans-serif;
background:#29201a;
color:#9c9c9c;
}

#header{
height:90px;
background:url("../images/headerbg.png") repeat-x top #000;
border-bottom:1px solid #000;
}

.container{
width:980px;
margin:0 auto;
padding:0 10px;
}

#header .container{
padding:10px;
}

#banner{
background:url("../images/bannerbg.png") repeat-x;
border-top:1px solid #FFC000;
border-bottom:1px solid #894506;
}

.banner-welcome{
height:308px;
width:555px;
background:url("../images/banner.gif") no-repeat top left;
float:left;
text-align: center;
position:relative;
}

.banner-welcome div{
width:500px;
margin:135px auto 0;
color:#fff;
}

#banner .container{
background:url("../images/bannerbg2.gif") no-repeat top left;
position:relative;
}

.banner-showcase{
width:390px;
height:290px;
background:url("../images/showcasebg.png") no-repeat top left;
position:absolute;
right:0;
top:-15px;
padding:20px 20px;
}

.slide {
	margin-left: 0px;
	position: absolute;
	top: 20px;
	width: 390px;
	height: 290px;	
}

#content{
border-top:1px solid #000;
background:url("../images/shadow.gif") no-repeat center top;
}

#content .container{
margin-top:20px;
}

#main{
width:540px;
float:left;
margin-right:30px;
}

#main.portfolio{
width:760px;
}

#sidebar1{
width:190px;
float:left;
margin-right:30px;
}

#sidebar2{
width:190px;
float:left;
}

.col{
width:190px;
float:left;
margin:0 65px;
display:inline;
}

.post-info{
width:190px;
margin-right:20px;
float:left;
}

.post-content{
width:550px;
float:left;
}

#footer{
background:url("../images/footerbg.gif") top;
}

#footer .container{
background:url("../images/footer.gif") no-repeat;
padding:130px 0 20px;
background-position:400px 0%;
}

#services{
margin:20px 0 20px;
}
/*
################### Nav ################### 
*/

#nav{
list-style:none;
float:left;
margin-top:14px;
}

#nav li{
display:inline;
}

#nav li a{
display:block;
float:left;
height:32px;
padding-left:15px;
margin-right:20px;
}

#nav li a span{
padding:7px 15px 0 0;
height:25px;
color:#fff;
text-transform: uppercase;
display:block;
float:left;
}

#nav li a:hover{
background:url("../images/navbg.gif") no-repeat left;
}

#nav li a:hover span{
background:url("../images/navbg.gif") no-repeat right;
cursor:pointer;
}

#nav li.current a span{
color:#ff9600;
}



h1{
font-family: Helvetica, Arial, Tahoma, Sans-serif;
font-size: 1.2em;
font-weight: bold;
color:#2a1f18;
}

h2{
font-family:Gentium, Georgia, Times, Serif;
font-weight:normal;
font-size:3em;
color:#000;
}

h3{
font-family:Gentium, Georgia, Times, Serif;
font-weight:normal;
font-size:2.2em;
color:#fff;
}

h3#comments{
float:left;
margin-right:20px;
padding-left:50px;
background:url("../images/commenticon.gif") no-repeat left;
height:40px;
color:#fff;
font-size:2em;
}

h3#respond{
padding-left:50px;
background:url("../images/addcomment.gif") no-repeat left;
height:40px;
color:#fff;
font-size:2em;
}

h3#similar{
padding-left:50px;
background:url("../images/similar.gif") no-repeat left;
height:40px;
color:#fff;
font-size:2em;
margin-top:50px;
}

.portfolio h3{
border:solid #3c3028;
border-width:1px 0;
}

h4{
color:#fff;
font-family: Gentium, Georgia, Times, Serif;
font-weight: normal;
font-size: 1.4em;
}

.entry h4{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.8em;
margin-top:40px;
}

h5, h6{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.1em;
margin-top:20px;
font-weight: normal;
}

h5{
font-size:1.4em;
margin-top:30px;
}

#services h2{
color:#fff;
font-size:1.6em;
}

/*
################### Lists ################### 
*/

.entry ol, .entry ul{
margin-left:20px;
}

.entry ol li{
margin-bottom:20px;
padding-left:10px;
}

.entry ul li{
margin-bottom:10px;
padding-left:10px;
}

.entry ul{
list-style: square;
}

.sidebar ul{
list-style:none;
margin-bottom:20px;
}

.sidebar ul li a{
display:block;
padding:7px 2px;
width:186px;
border-bottom:1px solid #3c3028;
background:url("../images/catbg.gif") no-repeat bottom;
}

.sidebar ul li a span{
color:#6d6d6d;
}

ul.tags{
list-style: none;
margin:0;
}

ul.tags li{
display: inline;
}

ul.tags li{
display:block;
float:left;
padding-left:12px;
background:url("../images/tag.gif") left no-repeat;
margin:0 5px 5px 0;
}

.tags li a{
display:block;
float:left;
height:22px;
padding-top:3px;
padding-right:12px;
background:url("../images/tag.gif") right no-repeat;
}

.sidebar .recent li a{
border:none;
background:none;
}

.flickr{
list-style: none;
}

.flickr li{
display: inline;
}

.flickr li a{
display:block;
float:left;
margin:0 5px 5px 0;
}

.flickr li a img{
border:2px solid #3c3028;
}

.flickr li a:hover img{
border-color: #ff9600;
}

ul.similar{
margin-left:20px;
margin-top:10px;
}

ul.similar li{
margin-bottom:5px;
}

#services ol{
list-style:none;
}

#services ol li{
float:left;
width:370px;
margin:10px 20px;
padding-left:70px;
background:url("../images/homeicons.gif") no-repeat;
}

#services ol li.define{
background-position:0px 40px;
}

#services ol li.design{
background-position:0px -460px;
}

#services ol li.develop{
background-position:0px -210px;
}

#services ol li.deploy{
background-position:0px -710px;
}

.recentprojects .recent li{
list-style: none;
float: left;
margin-right: 15px;
}
/*
################### Images ################### 
*/

img{
border:none;
}

.post-content a img, .homeport a img{
border:5px solid #3c3028;
}

.post-content a:hover img, .homeport a:hover img{
border-color:#4e4138;
}

.recent a img{
border:3px solid #3c3028;
}

.recent a:hover img{
border-color:#4e4138;
}

.blog-img{
text-align: center;
background: #3c3028;
border:1px solid #4e4138;
padding:5px 0;
}
/*
################### Links ################### 
*/

a{
color:#ff9600;
}

a:hover, a:visited:hover{
color:#fff;
}

a:visited{
color:#9d6b22;
}

h3 a, h3 a:visited{
color:#fff;
display: block;
}

.post-head h3 a{border:solid #3C3028;border-width:1px 0;padding:10px 0;}
.post-head h3 a:hover{border-color:#fff;}

.homeport h3 a{border:solid #3C3028;border-width:1px 0;padding:5px 0;font-size:0.8em;}
.homeport h3 a:hover{border-color:#fff;}

a.shoutlink{
padding:2px;
color:#fff;
font-weight: bold;
border-bottom:2px solid #fff
}

.shoutlink:hover{
border-bottom-color:#29201a;
}

#readblog{
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
position:absolute;
left:0px;
top:0px;
padding-top:15px;
width:225px;
height:54px;
}

#viewportfolio{
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
position:absolute;
left:290px;
padding-top:15px;
width:225px;
height:54px;
top:0px;
}

#viewportfolio:visited, #readblog:visited{color:#ff9600;}
#viewportfolio:hover, #readblog:hover{color:#fff;}

.banner-buttons{
}

.banner-buttons{
width:520px;
height:49px;
background:url("../images/bannerbuttons.png") no-repeat top left;
position:relative;
padding-top:20px;
top:-110px;
left:-20px;
}

a:hover span{
cursor: pointer;
}

.visitlink{
width:153px;
height:55px;
padding-top:16px;
background:url("../images/visit.gif") no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

.hirelink{
width:153px;
height:55px;
padding-top:16px;
background:url("../images/hire.gif") no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

.linkbutton{
width:225px;
height:53px;
padding-top:16px;
background:url("../images/button.gif") no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

.more-link{
padding:10px;
background:#3c3028;
font-weight: bold;
float: right;
}

.more-link:hover{
background: #ff9600;
color:#29201a;
}

.add-comment{
padding:2px 5px;
background:#3c3028;
font-weight: bold;
float:left;
margin-top:8px;
}

.add-comment:hover{
background: #ff9600;
color:#29201a;
}

#rss{
position:absolute;
width:50px;
height:50px;
top:230px;
left:150px;
}

#rss span{
display:none;
}

.rss{
background:url("../images/rss.gif") no-repeat top left;
width:140px;
height:30px;
padding-top:10px;
padding-left:50px;
display: block;
}

.twit{
background:url("../images/twit.gif") no-repeat top left;
width:140px;
height:30px;
padding-top:10px;
padding-left:50px;
display: block;
}

.email{
background:url("../images/email.gif") no-repeat top left;
width:140px;
height:30px;
padding-top:10px;
padding-left:50px;
display: block;
}

.link-twitter{
float: right;
background:url("../images/twiiterbg.png") right top;
padding:2px;
}






p{
margin:10px 0;
}

.aligncenter{
text-align: justify;
}

.alignright{
text-align: justify;
}

.alignleft{
text-align: justify;
}

.post p{
text-align: justify;
}

li.nomargin p{
margin:0;
}

.required{
color:#ff9600;
}

blockquote{
padding:10px 40px;
background:#3c3028;
font-style: italic;
border:dotted #4e4138;
border-width:1px 0;
font-size:1.2em;
width:350px;
}

.pullquote{
float:right;
margin:10px 0 10px 10px;
background:url("../images/pull.gif") transparent top left no-repeat;
border-width: 0;
color:#fff;
font-size:2em;
width:200px;
}

blockquote .author{
font-style: normal;
color:#9c9c9c;
font-size: 0.6em;
}

#twitter{
padding:0;
background:none;
border:none;
font-size:1em;
}

code{
font-size:1.2em;
font-family: monospace;
}

pre code{
background:#3c3028;
display:block;
clear:both;
padding:10px;
border:dotted #4e4138;
border-width:1px 0;
overflow:auto;
white-space: pre;
width:520px;
}

strong{
color:white;
font-size: 1.1em;
}

del{
text-decoration: line-through;
}

/*
################### Other ################### 
*/

.homeport{}

.homeport .post{width:470px;float:left;margin:20px 10px;}

.left{
float:left;
}

.right{
float:right;
}

.post{
margin-bottom:100px;
}

.post-head{

}

.post-date{
font-style: italic;
font-weight:bold;
color:#fff;
}

a .date{
font-style: italic;
color:#9c9c9c;
}

.post-title{

}

#footer .box{
width:305px;
float:left;
margin-right:25px;
display:inline;
}

#footer .box.last{
margin-right:0;
}

hr{
border-top:1px solid #100c0a;
border-bottom:1px solid #5a3e0c;
border-width: 1px 0;
width:50%;
margin:40px auto;
}

.sep{
padding-top:50px;
background:url("../images/sep.gif") no-repeat center top;
clear:both;
}

#twitter_div{
background:url("../images/twitter.png") no-repeat top left;
padding-left:40px;
}

#twitter_update_list{
background:url("../images/twiiterbg.png") no-repeat top left;
padding:10px 10px 10px 30px;
list-style: none;
}

.books li a{
width:66px;
text-align: center;
}

#banner p{
margin:0;
}

.postmetadata{
color:#6d6d6d;
background-color:#3c3028;
padding:3px;
margin-top:10px;
}

.myauthor{
background:#3c3028;
border:#4b3c33 solid;
border-width:1px 0;
padding:10px;
margin-top:40px;
}

.myauthor h5{
margin:0;
}

.myauthor p{
margin:5px 0 0;
}

.auth-image{
float:left;
width:100px;
margin-right:10px;
}

.auth-bio{
width:220px;
float:left;
margin-right:10px;
}

.auth-social{
background:#fff;
padding:5px;
float:left;
width:170px;
}

.social-digg{
float:left;
width:60px;
margin-right:10px;
}

.social-icon{
float:left;
}

.topmargin{margin-top:10px;}

#webstandardista_badge{margin-top:20px;text-align: center;}


/*
################### Comments ################### 
*/
.comments-template{
margin-top:30px;
}
.comments-template ol{
	list-style: none;
	margin-bottom:30px;
}

.comments-template ol li{
	margin-bottom:20px;
}

.comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.comments-title{
margin-bottom:20px;
}

.commentmetadata{
	
}

.comments-template p.nocomments{

}

.comment-gravatar{
width:60px;
float:left;
}

.comment-info{
float:left;
width:460px;
padding:10px;
}

.comment{background:url("../images/comment1.gif") bottom left no-repeat;padding-bottom:10px;}

.comment-container{background:url("../images/comment1.gif") top left no-repeat;}

.author.comment{background:url("../images/comment3.gif") bottom left no-repeat;padding-bottom:10px;}

.author .comment-container{background:url("../images/comment3.gif") top left no-repeat;}

.alt.comment{background:url("../images/comment2.gif") bottom left no-repeat;padding-bottom:10px;}

.alt .comment-container{background:url("../images/comment2.gif") top left no-repeat;}


.commentlist li.author .comment-info{

color:#29201a;
}

.commentlist li.author a:hover{
color:#29201a;
}

#commentform .text{
padding:5px;
border:1px solid #4b3c33;
background:#3c3028;
color:#fff;
}



/*Sponsor*/
.sponsor{padding:10px;margin:10px 0;background:url("../images/headerbg.png") #28416F;border:2px solid #95241F;}

.sponsor h6{font-family: Georgia, Times, Serif;font-style:italic;font-size:1.6em;margin-top:0;}

.sponsor strong{color:#fff;font-weight: bold;}

.sponsor a{color:#FFBF37;}



.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 8px; 
	margin: 2px;
	background-color: #3c3028;	
}
.wp-pagenavi a:hover {	
	color: #271e18;
	background-color: #ff9600;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
}
.wp-pagenavi span.current {
	color:#fff;
	font-size:1.8em;
	padding:4px 8px;
	margin:2px;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
}


#fbc_login{margin-bottom:20px;}

.botones{
	cursor:pointer;
	background-color:#29201a;
	border-color:#FFBF37;
	color:#FFBF37;
}
.cajatexto{
	background-color: #FFBF37;
	border-color: white;-moz-border-radius:7px;
}
.cajatextarea{
	background-color: #FFBF37;
	border-color: white;-moz-border-radius:7px;
}