/*  
Theme Name: Desarrollo
Description: by studioLineal
Version: 1.0
Author: studioLineal
*/


/*

/////////////
LAYOUT
/////////////

*/


body {
	background:url(images/header_051109_white.jpg) no-repeat top center #ffffff;
	margin:0;
}

#container {
	width:900px;
	margin:0 auto;
	position:relative;
        height:351px;
}

#canvas {
	width:900px;
	margin:0 auto;
}

/*
/////////////
*/


#header {
        position:absolute;
	color:#fff;      
	z-index:10; 
}

#header h1 {
        text-indent:-300em;
        }

#header h2 {
	text-indent:-300em;
}

#header h1 a{
        display:block;
        background:url(images/header_121209_headerStated.jpg) no-repeat;
        position:absolute;
	top:28px;
	left:-10px;
        width: 500px;
	height: 122px;
	color:#fff;       
}

#header h1 a:hover{
        display:block;
        background:url(images/header_121209_headerStated.jpg) no-repeat;
        background-position:-500px 0;
}


html>body #header {        
	left:-1px;
        }

#subheader {
        position:absolute;
        background:url(images/header_121209_subStated.jpg) no-repeat;
        top:338px;
	left:554px;
        width: 356px;  
	z-index:20;    
}

#subheader a i { visibility: hidden; }

#subheader a {
	height: 60px;
        text-indent:-300em;
        display:block;
        }

#subheader a:hover{background:url(images/header_121209_subStated.jpg) no-repeat;
        background-position:-356px 0;
        }


/*
/////////////
*/


#menu-holder {
	position:absolute;
	top:194px;
	left:-10px;
	width:161px;
	text-decoration: none;
}

html>body #menu-holder {        
	left:-11px;
        }

#menu {
	width:161px;
}
#menu a{
	height:26px;
        display:block;
}

#menu a i { visibility: hidden; }

#webDesign a{background:url(images/menu_121209_stated_web.jpg) no-repeat;
        text-indent:-300em; 
        top:332px;}
#graphics a{background:url(images/menu_121209_stated_graphics.jpg) no-repeat;
        text-indent:-300em; 
        top:358px;}
#visualization a{background:url(images/menu_121209_stated_viz.jpg) no-repeat;
        text-indent:-300em; 
        top:384px;}
#illustration a{background:url(images/menu_121209_stated_illustration.jpg) no-repeat;
        text-indent:-300em; 
        top:410px;}
#about a{background:url(images/menu_121209_stated_about.jpg) no-repeat;
        text-indent:-300em; 
        top:436px;}

#webDesign a:hover {background:transparent url(images/menu_121209_stated_web.jpg) no-repeat;
        background-position:-161px 0;}
#graphics a:hover {background:transparent url(images/menu_121209_stated_graphics.jpg) no-repeat;
        background-position:-161px 0;}
#visualization a:hover {background:transparent url(images/menu_121209_stated_viz.jpg) no-repeat;
        background-position:-161px 0;}
#illustration a:hover {background:transparent url(images/menu_121209_stated_illustration.jpg) no-repeat;
        background-position:-161px 0;}
#about a:hover {background:transparent url(images/menu_121209_stated_about.jpg) no-repeat;
        background-position:-161px 0;}

/*
/////////////
*/



#searchform {
        height:30px;
        line-height:30px;
        float:right;
	margin:0px 4px 0 0;
}

html>body #searchform
{
	margin:0px 15px 0 0;
}

input#s {
        color:#111;
        width:143px;
        border:1px solid #222;
        background:#efefef;
        }

input#searchsubmit {
        background:#fff;
        color:#333;
        font-size:1.2em;
        }


/*

///////////
BODY
///////////

*/

.navigation {
        width:520px;
        float:left;
        color:#666;
        margin: 10px 0 10px 0;
        }

.alignright {
        float:right;
        margin-top:10px;
        }

.alignleft {
        float:left;
        margin-top:10px;
        }

.space {
        height:0px;
        clear:both;
        margin:0 0 20px 0;
        padding:0;
        }

a, a:link, a:visited {
        color: #000;
        text-decoration:underline;
        }

a:hover {
        color: #454545;
        text-decoration:underline;
        }

p {
        color:#000;
        font-family: Verdana, Arial, sans-serif;
        font-size:12px;
        line-height:18px;
}

#content {
        color: #fff;
        width:540px;
        float:left;
        margin:-17px 0 0 0px;
        z-index:1000;
        }

html>body #content
{
	margin:-11px 0 0 0px;
}

#content ul {
        margin:1em;
        padding:0 1em;
        list-style-image:url(images/bullet_main2.gif);
        }

#content ol {
        list-style-type:decimal;
        margin:1em;
        padding:0 1em;
        }

#content .entry {
        float:left;
        width:520px;
        margin:0 0 0 0;
        padding: 35px 0 35px 0px;
        border-bottom:#000 4px solid;
        }

#content .entry h2 {
        font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        color:#000;
        font-size:15px;
        font-weight:600;
        margin: 0 0 15px 0;
        }

#content .entry h2 a:link,.entry h2 a:active,.entry h2 a:visited {
        font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        font-size:15px;
        font-weight:600;
        border:none;
        }

#content .entry h2 a:hover {
        font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        font-size:15px;
        font-weight:600;
        }

#content .entry h3 {
        font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        color:#000;
        font-size:15px;
        font-weight:600;
        margin: 25px 0 10px 0;
        }

blockquote {
        color:#555;
        margin:1em;
        padding-left:10px;
        border-left:#ddd 3px solid;    
        }
fieldset {
	border:none;
        }

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        }

small {
	font-family: Verdana, Arial, sans-serif;
	color:#000;
        font-size: 11px;
	line-height: 18px;
	}

/* Begin Images */

a img:hover {
        border: none ! important;
        }

p img {
	padding: 10px 0 20px 0;
	max-width: 100%;
        border: none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0px 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 15px 2px 0;
	display: inline;
	}

/* End Images */


#sidebar {
        width:300px;
        float:right;
        margin:63px 3px 0 0;
        list-style-type:none;
        }

html>body #sidebar {        
        margin:49px 8px 0 0;
        }

.rsidebar {
        width:300px;        
        color:#000;
        list-style-type:none;
        }

.rsidebar h1 {
        font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        font-size:15px;
        font-weight:600;
        margin: 20px 0 24px 0;
        list-style-type:none;
        }

.rsidebar h2 {
        font-family: Arial, 'Myriad', 'Century Gothic', Verdana, sans-serif;
        font-size:15px;
        font-weight:600;
        margin: 0 0 0 0;
	text-indent:-300em;
        list-style-type:none;
        }

.rsidebar cf {
        list-style-type:none;
        }

.rsidebar ul {
        list-style-type:none;
        }

.rsidebar ul li {
        margin: 0 0 0 -40px;
        list-style-type:none;
        }

.rsidebar ul li ul{
        list-style-type:none;
        }

.rsidebar ul li ul li{      
        font-size:11px;
	line-height: 16px;  
        list-style-type:none;
        margin: 0 0 0 0;
        text-align: right;
        }

.rsidebar ul li ul li a{    
        font-size:11px;
        font-family: Verdana, Arial, Sans-Serif;
        list-style-type:none;
        text-decoration:none;
        margin: 0 0 0 0px;
        }

.rsidebar ul li ul li a:hover{    
        text-decoration:underline;
        }

#footer {
	height:30px;
        margin:0 0 0 0;
}

#footerLeft {
        float:left;
}

#footerRight {
        float:right;
}

#footerLeft p{
        position:relative;
        font-family: Verdana, Arial, Sans-Serif;
	color:#000;
        font-size: 10px;
        margin:2px 0 -2px 0px;
        line-height:36px;
}

#footerRight p{
        position:relative;
        font-family: Verdana, Arial, Sans-Serif;
	color:#000;
        font-size: 10px;
        margin:2px 8px 0 0;
        line-height:36px;
}

/////

img#wpstats{display:none}