@charset "utf-8";
/* CSS Document */

/*#############################################################
Nombre: El Tijuana
Fecha: Mayo'09
Autor: Loop Comunicacio
URL: http://www.loopcomunicacio.com
#############################################################*/


body,td,th { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }
body { margin: 0px; background: #000000; }

h1 { font-size: 32px; }
h2 { font-size: 23px; }
h3 { font-size: 16px; font-weight: normal; color: #000000; margin: 5px 0; }
h4 { font-size: 12px; font-weight: bold; color: #993366; margin: 15px 0 3px 0; }
h5 { font-size: 16px; font-weight: normal; color: #000099; margin: 8px; }
h6 { font-size: 10px; font-weight: normal; color: #FFF; margin: 8px; }
p { color: #FFFFFF; }
ul, ol { margin: 0 0 2em 0; color: #000000; line-height: 26px; }
a:link { color: #993366; }
a:hover, a:active { text-decoration: none; color: #F6E48A; }
a:visited { color: #F6E48A; }

/* estructura */
#contenido { width:900px; margin:0 auto; padding:0; }
	#logo { width:900px; margin:0; padding:0; }
	#advertencia { width:900px; margin:0; padding:0; }
		#advertencia h2 { margin:0; padding-bottom:15px; font-size: 18px; text-align:center; color:#FF9900; font-weight:normal; }


/* columnas */

.column { float:left; width:900px; padding-top:10px; }

.navegacion { padding:0; margin:0; text-align:left; color:#c8c8c8; font-size:11px; font-weight:normal; }
.navegacion a { text-align:left; color:#c8c8c8; font-size:11px; font-weight:normal; text-decoration:none; }
.titulo1 { padding:0; margin-top:20px; }
.titulo1 h3 { text-align:left; color:#FF9900; font-weight:normal; }
.titulo2 { padding:0; margin-bottom:20px; border-top:1px solid #4f4f4f; border-bottom:1px solid #4f4f4f; }
.titulo2 h5 { padding:7px 0; margin:0; text-align:left; color:#FFFFFF; font-weight:normal; font-size:16px; }
.texto { text-align:left; font-size:12px; padding-bottom:20px; color:#dedede; }
.texto h4 { text-align:left; color:#FF9900; font-weight:normal; font-size:14px; }
.texto h6 { text-align:left; font-size:10px; color:#6f6f6f; font-weight:normal; }
.texto a, .detalles a, .column-dcha .copy a { text-decoration:none; color:#c8c8c8;  }
.texto a:hover, .detalles a:hover, .navegacion a:hover, .column-dcha .copy a:hover { color:#FF9933; border-style:none; }

/* pie */

#pie { margin-top:30px; font-size:10px; color:#6f6f6f; line-height:18px; padding:20px 0 40px; border-top:1px solid #fff; }
#pie a { color:#6f6f6f; text-decoration:none; border-bottom:1px solid #4e4e4e; }
#pie a:hover { color:#fff; border-style:none; }


/* formulario */
.contact-form form  { margin : 0; padding : 0; }
.contact-subtxt { text-align : right; font-size : 11px; color: #FFF; padding-bottom : 20px; }
.sendBtn { border : 1px solid #565656; color : #fff; font-size : 11px; padding : 3px 6px; background : #750000; }
.contact-form .txtfield { margin : 4px 0 0; color : #fff; background : #000; border : 1px solid #898989; padding : 4px; font-size : 11px; font-family : Tahoma, Arial, Helvetica, sans-serif; }


/* portfolio styles */

.portfolio-sections {
	text-align:right;
	font-size:11px;
	background:url(images/txt-portfolio-sections.gif) no-repeat;
	padding-bottom:20px;
}
.samples {
	text-align:right;
	font-size:11px;
	background:url(images/txt-web-samples.gif) no-repeat;
	padding-bottom:20px;
}
.print-samples {
	text-align:right;
	font-size:11px;
	background:url(images/txt-print-samples.gif) no-repeat;
	padding-bottom:20px;
}
.logo-samples {
	text-align:right;
	font-size:11px;
	background:url(images/txt-logo-samples.gif) no-repeat;
	padding-bottom:20px;
}
.port-col-01, .port-col-02 {
	width:280px;
	color:#fff;
	font-size:11px;
	line-height:18px;
}
.port-col-01 {
	float:left;
}
.port-col-02 {
	float:right;
}
.port-sample {
	padding-bottom:30px;
}
.details {
	margin-top:8px;
	padding:4px 0;
	border-top:1px solid #4f4f4f;
}
.port-sample a, .featured-1 a, .featured-2 a {
	color:#fff;
}
.port-sample a:hover, .featured-1 a:hover, .featured-2 a:hover {
	text-decoration:none;
}
.other {
	font-size:11px;
	line-height:18px;
	color:#fff;
}
.other ul {
	float:left;
	margin:8px 12px 0 0;
	width:200px;
	padding:0;
	border-top:1px solid #4F4F4F;
}
.other li {
	list-style:none;
	margin:0;
	padding:0;
}
.other li a {
	display:block;
	width:190px;
	padding:4px 8px;
	color:#fff;
}
.other li a:hover {
	text-decoration:none;
	background:#000;
}



/* weblog styles */

.post {
	font-size:11px;
	line-height:18px;
	color:#fff;
	margin-bottom:30px;
}
.post h2 {
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:0 0 8px;
}
.post h2 a {
	color:#fff;
	text-decoration:none;
	border-style:none;
}
.post .details {
	font-size:10px;
	color:#bdbdbd;
}
.post a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #5D5D5D;
}
.post a:hover {
	border-style:none;
	background-color:#000;
}
.post .comments {
	padding:10px 0 0;
	border-top:1px solid #4F4F4F;
	text-align:right;
}
.search-box {
	width:203px;
	float:right;
}
.search-box form {
	padding:5px 0 0 24px;
	margin:0;
	height:30px;
	background:url(images/search-back.gif) no-repeat;
}
.search-box .txtField {
	margin:0;
	background:transparent;
	border-style:none;
	width:150px;
	font-size:10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


/* comments */


#commentsArea {
	font-size:11px;
	line-height:16px;
	padding:12px 0;
	color:#fff;
}
#commentsArea form {
	margin:0;
	padding:0;
}
#commentsArea h4 {
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:0 0 8px;
}
#commentsArea a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #5D5D5D;
}
#commentsArea a:hover {
	border-style:none;
	background-color:#472245;
}
.commentlist {
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0;
}
.commentlist li {
	padding:10px 0;
}
.note {
	font-size:10px;
	color:#979995;
}
.commentLeft {
	float:left;
	width:150px;
	overflow:hidden;
}
.commentLeft p, .commentRight p {
	margin:0 0 10px;
}
.commentLeft input, .commentRight textarea {
	margin:4px 0 0;
	color:#fff;
	background:#000;
	border:1px solid #898989;
	padding:4px;
	font-size:11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.commentRight {
	float:right;
	width:400px;
	overflow:hidden;
}
.btnComment {
	border:1px solid #565656;
	color:#fff;
	font-size:11px;
	padding:3px 6px;
	background:url(images/comment-btn-back.gif) repeat-x #472245;
}


/* themes */

.theme {
	padding-bottom:40px;
	font-size:11px;
	line-height:18px;
	color:#fff;
}
.theme .details {
	margin-top:8px;
	padding:4px 0;
	border-top:1px solid #4f4f4f;
}
.theme a {
	color:#fff;
}
.theme a:hover {
	text-decoration:none;
	background-color:#000;
}


/* resources */

.resources-col-01, .resources-col-02 {
	width:280px;
	color:#fff;
	font-size:11px;
	line-height:18px;
}
.resources-col-wide {
	color:#fff;
	font-size:11px;
	line-height:18px;
}
.resources-col-01 {
	float:left;
}
.resources-col-02 {
	float:right;
}
.resources-col-01 a, .resources-col-02 a, .resources-col-wide a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #5D5D5D;
}
.resources-col-01 a:hover, .resources-col-02 a:hover, .resources-col-wide a:hover {
	color:#fff;
	text-decoration:none;
	border-style:none;
	background:#000;
}
.resources-articles, .resources-tutorials, .resources-galleries, .resources-portfolios, .resources-stock, .resources-delicious {
	text-align:right;
	font-size:11px;
	padding-bottom:20px;
}
.resources-articles {
	background:url(images/txt-articles.gif) no-repeat;
}
.resources-tutorials {
	background:url(images/txt-tutorials.gif) no-repeat;
}
.resources-galleries {
	background:url(images/txt-galleries.gif) no-repeat;
}
.resources-portfolios {
	background:url(images/txt-portfolios.gif) no-repeat;
}
.resources-stock {
	background:url(images/txt-stock.gif) no-repeat;
}
.resources-delicious {
	background:url(images/txt-delicious.gif) no-repeat;
}
.adder {
	font-size:10px;
	text-align:right;
	color:#b7b7b7;
}
.adder a {
	color:#b7b7b7;
}
.adder a:hover {
	color:#fff;
	text-decoration:none;
}


/* controls */

.post-controls {
	text-align:center;
	font-size:11px;
	padding:8px 0;
}
.post-controls a {
	color:#fff;
	text-decoration:none;
}
.post-controls a:hover {
	color:#fff;
	text-decoration:underline;
}


/* wp theme post styles */

a.wpimg {
	border-style:none;
	text-decoration:none;
}

.wp-thumb {
	display:block;
	width:127px;
	height:127px;
	float:left;
	margin:8px;
}