/* 
Theme Name: Walter Colindres
Theme URL: http://waltercolindres.com
Description: Portfolio theme
Author: Walter Colindres
Author URI: http://waltercolindres.com
Version: 1.0

*/

body { margin: 0; padding: 0; background: #FFFFFF url(images/) repeat-y center; }
* {margin: 0; padding: 0; border: 0; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif ; }

/* Basic styles  */
p, h1, h2, h3, span#copyright { margin: 0 10px; color: #000; font-weight: normal}
h1, h2, h3, h4 {margin-bottom:5px; color: #666666; }
p { font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif ; line-height: 1.6em;color:#000	; }
h1{font:normal 12px'Trebuchet MS', Arial, Helvetica, sans-serif ; letter-spacing: 0.8px;padding:0px 0px 0px 5px;}	

/* site heading */
h2 { font-size: 19px; letter-spacing:1.5px;}	/* site heading */
h4 { font-size: 12px;line-height:2.40em; border-bottom: 1px solid #C0C0C0; font-weight: normal;}	/* site heading */
h3 { color: #222222;font-size:16px;font-weight: normal;margin: 0px 0 0 0px;padding:0px 0px 0px 0px;text-decoration: none;letter-spacing:.05px;height:auto;background:none;}

/* sub headings */
h5 { margin:0px 0 8px 10px;font-size:10px; color:#FFF783; }
h5 a{color:#666;}
h6 {margin:12px;font-size:12px;padding: 10px;color: #999999;font-weight:normal}
h6 a{color:#666;}
span#copyright { font-size: 13px; line-height: 35px; color: #000 }
a {color: #000000; text-decoration: none; }
a.links {color: #FF3399;text-decoration: underline;}
a:hover {color:#FF3399; text-decoration: underline}
p.banbar{color:#FFFFFF; padding:0px;font-size:10px; clear:both; margin-top: 0px; margin-right: 0; margin-bottom: 0;margin-left: 0px;}
.onethirdcolumn p.commenbar{
	color:#FFFFFF;
	padding:0px;
	font-size:10px;
	padding:0px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	text-align: left;
}
.halfcolumn p.commenbar{color:#999;margin:0px 0 0 0px;padding:0px; text-align: left;}
.divider{height:12px;clear:both;}
.intro {font-size: 10px;margin: 15px; color: #333333;  line-height: 19px;
    display: block;
	color: #333333;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 8px;}
ul, ol {font-size: 10px;margin: 15px; color: #000;  line-height: 1.6em}
ul {
	display: block;
	color: #333333;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 8px;
}
ol {
	list-style-position: outside;
	list-style-type: decimal;
}
em {font-weight:bold; font-style: normal}
blockquote{background:#eee;width:90%;padding:13px 10px 0px 15px;margin:5px 0px 15px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

/*---------------------------------------------Layout------------------------------------------------------*/

#hdr {margin:0px auto;padding: 0;width:980px;background:#fff;height:160px;}
.rowcontainer {margin:0 auto;width: 980px;overflow: hidden;background: #fff;padding:0px;}
#navbar {
	width:980px;
	background:url(images/header.gif) no-repeat center left;
	height:45px;
	font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif ;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#navbar200 {
	margin:0px auto;
	width:980px;
	height:20px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#navbar h1 {color: #222222;font-size: 16px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif ;font-weight: normal;margin: 0px;padding:2px 0px 0px 20px;	text-decoration: none;letter-spacing:.05px;height:40px;}
#navbar h1 a, #header h1 a:visited {color: #fff;font-size: 36px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif ;font-weight: normal;margin: 0px;	padding:0px;text-decoration: none;}
#navbar h1 a:hover {color: #ccc;text-decoration: none;}
#navbar p {color: #ddd;font-size: 13px;font-family: Arial, Tahoma, Verdana;font-weight: normal;margin:0px;padding: 0px 0px 0px 15px;text-decoration: none;
height:10px;}

#bttmbar {float: left; width: 100%; text-align: left; font-size: 9px;border-top:1px solid #FFFFFF;color:#ccc;background:url(images/) repeat-x top left; }
#bttmbar a {text-decoration: none; font-style: normal}
#bttmbar a:hover {text-decoration: underline;}

/* Main Nav  */

ul#nav {margin: 0; position: absolute; bottom: 0; left: 10px; list-style: none inside; background: #111;}
ul#nav li {float: left; margin-right: 1px}
ul#nav a {font-weight: bold;display: block;width: 8em;height: 2.50em;line-height: 2.50em;padding-left:10px;text-decoration:none}
ul#nav li a:link, ul#nav li a:visited  {background: #444;color: #000}
ul#nav li a:hover, ul#nav li a:active {color: #9DCE71;background: #555}
ul#nav li a.current {background: #CCFF00; color: #000}
ul#nav li a.current:hover {background: #CCFF00; color: #00CCFF}
.left {
float: left;
margin: 5px 15px 5px 0;
}

#intro {width: 970px; border-bottom:1px solid #ccc; padding:5px 12px 12px 12px; color: #666666; margin-bottom:10px;}
h7 {font-size:14px;}
/* inner page left bar */ 

.halfcolumn {float: left; width: 56%;margin:13px 10px;padding:0px;}
html>body .halfcolumn {float: left; width:61%;margin:15px 20px;padding:0px;}
.halfcolumn h1.singl { font-size:12px;letter-spacing:.6px;font-weight:normal;height:auto;border-bottom:1px solid #ccc;padding:0px 0px 3px 0px;margin:0px 0px 2px 0px;color:#000;}
.halfcolumn .details {margin:0px 0 5px 0;padding:2px 0;font-size:12px;}
.halfcolumn p{
	margin:0 0 1.0em;
	line-height:19px;
	color:#000;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}
.halfcolumn b, .halfcolumn em, .halfcolumn strong{font:bold 13px/19px arial;}
.halfcolumn h1.arch { font-weight:normal;font-size:13px;border-bottom:1px solid #ddd;padding:4px 0px 6px 0px;margin:5px 0px;height:auto;}
html>body .halfcolumn ul {margin:0px 0 10px 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent:-10px;} 
html>body .halfcolumn li {margin: 3px 0 0px 10px;}
.halfcolumn ol li{list-style: decimal outside;}	
.halfcolumn ul li:before{content: "\00BB \0020";font-size:14px;}
.halfcolumn ol {padding: 0 0 0 35px;margin: 0;}
.halfcolumn ol li {margin: 0;padding: 0;}	
.halfcolumn li {font-size:12px;padding:0px;margin:0px;}

/* home page columns */
.onethirdcolumn {float:left; width:30%;margin:0px;padding:20px 20px 30px 10px; }
.onethirdcolumn h5{
	letter-spacing: 0.01em;
	padding:0px;
	margin:0px;
	color:#666;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif ;
	font-size: 12px;
	font-style: italic;
}
.onethirdcolumn h5 a{font:normal 12px 'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif ;color:#333; font-style: italic; text-decoration:underline;}
.onethirdcolumn h5 a:hover{
	font:normal 12px 'Trebuchet MS', 'Trebuchet MS', Arial, Helvetica, sans-serif ;
	color:#FF3399;
	font-style: italic;
	text-decoration:underline;
}
#wrapper13{background:#FFFFFF url(images/) repeat-x top left;margin:0px 0px 0px 0px;padding:10px 0px 0px 15px;}
.onethirdcolumn p{
	float:left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.onethirdcolumn img{margin:0px;float:left;}
.onethirdcolumn ul{
	clear:both;
	display:block;
	font: normal 11px/19px 'Trebuchet MS', Arial, Helvetica, sans-serif ;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.onethirdcolumn ul li{display:block;margin:0 0 7px 5px; padding:0 0 2px 0px;color:#000;border-bottom:1px dotted #C0C0C0;font: normal 12px/19px 'Trebuchet MS', Arial, Helvetica, sans-serif ; list-style:none;}
.onethirdcolumn ul li a{color:#333333; text-decoration:none;font: normal 10px/19px 'Trebuchet MS', Arial, Helvetica, sans-serif ;}
.onethirdcolumn ul li a:hover{background: #FF3399;color: #FFFFFF;text-decoration:none;}

/* left sidebar */
#l_sidebar {display: inline;float: right;width:200px;margin: 0px 10px 0px 0px;padding: 0px 10px 10px 10px;border-left: 1px solid #D9D9D9;}
#l_sidebar p{padding: 5px 0px 0px 0px;margin: 0px;line-height: 17px;}
#l_sidebar h2 {color: #999999;font-size: 12px;margin:15px 0px 0px 0px;padding: 0px 0px 0px 0px;border-bottom: 1px dotted #C0C0C0;}
#l_sidebar ul {list-style: none;margin: 0px;padding: 0px;}
#l_sidebar ul li {display: inline;padding: 0px;margin: 0px;font-size:10px;}
#l_sidebar ul li a, #l_sidebar ul li a:visited {display: block;color: #333333;text-decoration: none;padding: 5px 0px 5px 0px;border-bottom: 1px dotted #C0C0C0;}
#l_sidebar ul li a:hover {background: #FF3399;color: #FFFFFF;text-decoration: none;}

/* right sidebar */
#r_sidebar {background: #FFFFFF;display: inline;float: left;width: 170px;margin: 0px 0px 0px 0px;padding: 0px 5px 10px 5px;}
#r_sidebar img a{margin: 0px;border: none;}
#r_sidebar p{padding: 5px 0px 0px 0px;margin: 0px;line-height: 17px;}
#r_sidebar h2 {color: #000;font-size: 13px;font-weight: bold;margin: 15px 0px 0px 0px;padding:0px;border-bottom: 1px dotted #C0C0C0;}
#r_sidebar ul {list-style: none;margin: 0px;padding: 0px;}
#r_sidebar ul li {display: inline;padding: 0px;margin: 0px;font-size:12px;}
#r_sidebar ul li a, #r_sidebar ul li a:visited {display: block;color: #333333;text-decoration: none;padding: 5px 0px 5px 0px;border-bottom: 1px dotted #C0C0C0;}
#r_sidebar ul li a:hover {background: #EAEAEA;color: #BE0C0C;text-decoration: none;}

/* menu & forms */
textarea{width:95%;background:#aaa;border:1px solid #008800;margin-top:10px;}
input{border:1px solid #ccc;background:#ccc;color:#000;padding:2px;}
#stylefive{margin:0px auto;position:absolute;display:block;height:10px;/*background:#inherit;*/float:right;top:65px;}
#stylefive ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefive ul li{display:block;float:left;margin:0;}
#stylefive ul li a{display:block;float:left;color: #999999;text-decoration:none;padding:0px 20px 0 20px;height:19px;font-size:10px;}
#stylefive ul li a:hover, #stylefive ul li a.current{color:#fff;background:#FF3399; }

/* comments area */
#comments, #respond {border-bottom: 1px dotted #CCCCCC;padding: 10px 0 5px 0;clear: both;color:#444;}
h3#comments{font-size:12px;font-weight:bold;}
.commentlist {margin: 10px 0px;padding-left:20px;line-height: 130%;}
.commentlist li{padding:10px;color:#000;}
.commentlist .alt {background: #eee;margin-top:10px;padding:10px;}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;color: #555;}
.commentlist small {margin:0 0 5px 5px;display: block;font-size:12px;}
#commentform {margin-top: 10px;font: 110% 'Trebuchet MS', Arial, Helvetica, sans-serif ;}
#commentform p {padding: 6px 0px;margin: 0px;color:#333;}
#commentform label{color: #787878;}
#commentform input{width: 200px;background:#eee;border: 1px solid #bdd77f;padding:3px;margin-top: 3px;}
#commentform textarea{width: 485px;height: 115px;background:#eee;border: 1px solid #999;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background:#777;font-weight:bold;color: #ffffff;border: none;float:left;width:114px;height:27px;cursor: pointer;margin:0px 0px 10px 375px;}