/* 
Theme Name: nuna.theme 
Theme URI: http://nunaproject.com/
Description: Primera version de plantilla para nuna.project laboratorio creativo 
Author: Leonardo Trujillo
Author URI: http://nunaproject.com/
Version: 1.0
Tags: laboratorio, diseño, creativo, ilustracion, toys, animacion
		 General comments/License Statement if any. 
		 Observaciones generales / Declaración de licencia si los hubiere. . 
*/ 

/* Begin Typography & Colors */
body {color:#3F493A; font:75%/170% Arial, Helvetica, sans-serif; border-top:5px solid #F3F3F3; background-color:#FFFFFF; background-image:url("images/bg_body.png"); background-position:bottom; background-attachment:fixed; background-repeat:repeat-x;}

#page {text-align:left;}
#header {background:url("images/bg_header.jpg") no-repeat 0 0;}
#headerimg #logo {margin:0; padding:0; width:195px; height:56px;}

a,a:link,a:link,a:link,a:hover,a:visited {background:transparent; cursor:pointer; text-decoration:none;} 

.widecolumn .entry p {font-size:1.05em;}
.narrowcolumn .entry, .widecolumn .entry {}
.widecolumn {}
.narrowcolumn .postmetadata {text-align:center;}

#footer {border-top:1px dashed #CCCCCC; font-size:75%; color:#000000; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#footer a {color:#8FC306;}
	#footer a:hover,a:active {color:#333333;}
#footer .fooricon {background:url("images/icon_footer.gif") no-repeat center; padding-left:10px; padding-right:10px;}
	
.small {font-size:0.95em; line-height:1.4em;}
.medium {font-size:1.2em;}

h1, h2, h3 {font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold;}
h1 {font-size:1.3em; color:#E1E1E1; padding-left:50px;}
#headerimg .description {font-size:1em; color:#E1E1E1; margin-left:50px; line-height:1em;}
h2 {font-size:22px;}
h3 {font-size:1.2em;}
ul.related li {background:url("images/icon_bug.png") no-repeat 0 5px;}
ul.linked li {background:url("images/icon_arrow.png") no-repeat 0 5px;}

#login ul {margin:0; padding:0; list-style-type:none; list-style-image:none; font-size:10px; color:#999999;}
#login li {display:inline;}
#login a {text-decoration:none; color:#A8B3A3;}
#login a:hover {color:#F99802;}

.commentlist li, #commentform input, #commentform textarea {font:0.9em;}
.commentlist li {font-weight:bold;}
.commentlist li .avatar {float:right; border: 1px solid #eee; padding:2px; background:#fff;}
.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em;}
.commentlist p {font-weight: normal; line-height:1.5em; text-transform:none;}
#commentform p {}
.commentmetadata {font-weight:normal;}

#sidebar {line-height:1.4em;}

code {font:1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {font:bold 1.3em; text-align:center;}
#wp-calendar th {font-style:normal; text-transform:capitalize;}

.lineX {clear:both; border-top:1px #B8F810 dashed; width:920px;}
.lineLeft {border-top:1px #B8F810 dashed; width:620px; line-height:5px; font-size:10px;}
.lineRigh {border-top:1px #B8F810 dashed; width:279px;}
#lineH {border-left:1px dashed #B8F810; height:100%; position:absolute; top:130px; right:300px; width:1px;}

.breadcrumb {font-size:85%; color:#CCCCCC; font-weight:normal;}
	.breadcrumb a {text-decoration:none; color:#F99802;}
	.breadcrumb a:hover {color:#6FB42F;}
/* End Typography & Colors */

/* Begin Structure */
body {margin:0; padding:0;}
#page {margin:auto; padding:0; width:960px;}
#content {margin:0; padding:0; padding-left:20px; padding-bottom:20px; border-right:1px dashed #B8F810;}
#header {margin:0; padding:0; width:960px;}
#headerimg {margin:0; padding:0; height:85px; width:100%; position:relative; padding-top:30px;}

.narrowcolumn {float:left; padding:0; margin:0; width:620px;}
.widecolumn {padding:0; margin:0; width:620px;}

.post {margin:0; margin-right:20px;}
.post hr {display:block;}
.widecolumn .post {margin:0;}

.narrowcolumn .postmetadata {padding-top:5px;}
.widecolumn .postmetadata {margin:30px 0;}
.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;}
.widecolumn .attachment {text-align:center; margin:5px 0px;}
.postmetadata {clear:left;}

.clear {clear: both;}
#footer {padding:0; margin:0 auto; width:920px; clear:both; float:none; margin-bottom:30px; padding-top:10px;}
#footer p {margin:0; padding:2px 0; text-align:center; color:#515151;}
/* End Structure */


/* Begin Sidebar */
#sidebar {padding:0; float:right; padding-left:20px; right:20px; width:299px;  height:100%;}
#sidebar form {margin:0;}
/* End Sidebar */


/*	Begin Headers */
h1 {padding:0; margin:0;}
h2, h3 {margin:0; margin-top:5px; padding:0;}
h2.pagetitle {margin-top:10px; text-align:center;}
h3.comments {padding:0; margin:40px auto 20px;}
p {margin:5px 0; padding:0;}
/* End Headers */


/* Begin Images */
img {border:none; padding:0; margin:0;}
p img {padding:0; max-width:100%;}
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

a img {border:none; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;}
img:hover {filter: alpha(opacity=100); -moz-opacity: .99; opacity: .99;}
.homeImage p {padding:0; margin:0; margin-top:7px;}
/* End Images */


/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left:0px; padding:0px; list-style:none; padding-left:10px; text-indent:-10px;}
html>body .entry li {margin:0;}

.entry ul li:before, #sidebar ul ul li:before {}
.entry ol {padding:0 0 0 35px; margin:0;}
.entry ol li {margin:0; padding:0;}

.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}

#sidebar ul, #sidebar ul ol {margin:0; padding:0;}
#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}

#sidebar ul ul, #sidebar ul ol {margin:5px 0 0 0px;}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}

ol li, #sidebar ul ol li {list-style:decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0; padding-left:20px;}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {margin:10px auto; padding:0; padding-right:3px;}
#sidebar #searchform #s {width:130px; padding:2px;}
#sidebar #searchsubmit {padding:1px;}

.entry form {/* This is mainly for password protected posts, makes them look better. */text-align:center;}

select {width:130px;}

#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform textarea {width:100%; padding:2px;}
#commentform #submit {margin:0; float:right;}
/* End Form Elements */


/* Begin Comments*/
.alt {margin:0; padding:10px;}

.commentlist {padding:0;}
.commentlist li {margin:15px 0 3px; padding:5px 10px 3px; list-style:none;}
.commentlist p {margin:10px 5px 10px 0;}
#commentform p {margin:5px 0;}

.nocomments {text-align:enter; margin:0;padding:0;}
.commentmetadata {margin:0; display:block;}
/* End Comments */


/* Begin Calendar */
#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}
#wp-calendar #next a {padding-right:10px; text-align:right;}
#wp-calendar #prev a {padding-left:10px; text-align:left;}
#wp-calendar a {display:block;}
#wp-calendar caption {text-align:center; width:100%;}
#wp-calendar td {padding:3px 0; text-align:center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color:#fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}

blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0; display:block;}

.center {text-align:center;}

hr {display:none;}

.navigation {display:block; text-align:center; margin-top:10px; margin-bottom:40px;}
/* End Various Tags & Classes*/


/* MENU GLOBAL NAV */
#menu {list-style:none; padding:0; margin:0; width:502px; height:28px; background:url("images/bg_gn.gif") no-repeat; position:absolute; margin-left:435px; right:0; top:0;}
#menu a {display:block; text-indent:-2500%; outline:none;}
#menu a:hover {background-position:left bottom;}
/* hide from IE 6 \*/
#menu li {display:block; float:left; text-indent:-2500%; outline:none; line-height:0;}
/* end hiding from 6 */

#nuna #menu .nuna,
#project #menu .project,
#portfolio #menu .portfolio,
#servicios #menu .servicios,
#blog #menu .blog,
#contact #menu .contact {display:block; text-indent:-2500%; position: relative; outline:none; background-position:left bottom;}

#menu li.current a {background-position:left bottom;}
#menu a:hover span{display:block;}
#menu span { margin:0; padding:0;}

#menu .nuna, .project, .portfolio, .servicios, .blog, .contact {margin-top:5px; margin-left:26px;}
#menu .nuna {width:53px; height:18px; background:url("images/gn_nunalab.gif") no-repeat; left:20px; top:5px;}
#menu .project {width:64px; height:18px; background: url("images/gn_proyectos.gif") no-repeat; left:103px; top:5px;}
#menu .portfolio {width:54px; height:18px; background: url("images/gn_portfolio.gif") no-repeat; left:197px; top:5px;}
#menu .servicios {width:58px; height:18px; background: url("images/gn_servicios.gif") no-repeat; left:281px; top:5px;}
#menu .blog {width:26px; height:18px; background: url("images/gn_blog.gif") no-repeat; left:369px; top:5px;}
#menu .contact {width:57px; height:18px; background: url("images/gn_contacto.gif") no-repeat; left:425px; top:5px;}
/* hide from IE mac \*/
#menu li {width:auto;}
/* end hiding from IE5 mac */