/* 
Theme Name: qoonas.theme 
Theme URI: http://qoonas.com/
Description: Plantilla de Qoonas "Art Toys", juguetes arte de colección. 
Author: Leonardo Trujillo
Author URL: http://nunaproject.com/
Version: 1.1
Tags: toys, toy, creativo, juguete artesanal, juguete colleccionable, collecion.
		 General comments/License Statement if any. 
		 Observaciones generales / Declaración de licencia si los hubiere. . 
*/ 


body {margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#282D0D;}

/* Main */
#bg {background:url(images/bg_index.jpg) repeat-y top;}
#main {width:960px; margin:0 auto; background:url(images/bg_main.png) repeat-x left top #F4F5E3; padding-bottom:20px;}
#page {width:780px; margin:0 auto; padding-top:5px;}
#content {float: left; width: 550px;}

/* Header */
#header {width:932px; height:162px; margin:0 auto; background: url(images/bg_header.png) no-repeat left top; position:relative;}
	/* Logo */
	#logo {padding-top:10px;}
	/* Login*/
	#login  {position:absolute; right:192px; top:50px; width:250px; text-align:center;}
	#login ul {margin:0; padding:0; list-style-type:none; list-style-image:none; font-size:11px; color:#CCCCCC;}
	#login li {display:inline;}
	#login a {text-decoration:underline; color: #FFFFFF;}
	#login a:hover {color:#F478B4;text-decoration:none; }
	#language {margin:0; padding:0; list-style-type:none; list-style-image:none; font-size:10px; color:#CCCCCC; position:absolute;left:0px; top:1px;}
	#language a{color:#FFFFFF;}
	#language a:hover {color:#79A73B;}

/* Text style */
h1, h2, h3 {line-height:48px;font-size:30px;font-family:LeagueGothicRegular;padding:8px 20px;margin:0;}
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1em;}
p, ul, ol {margin-top: 0; line-height: 180%;}
ul, ol {}
a {background:transparent;cursor:pointer; text-decoration: none; color: #F40066;}
a:hover {color:#C0BFBF;}

.small {font-size:0.95em; line-height:1.4em;}
.medium {font-size:1.2em;}
.large { font-size:14px;}

.description {font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:14px; color:#666666; margin-left:50px; text-align:center; padding-bottom:20px;}
.description h1 {font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold; font-size:22px; color:#262B0B;}


/* Color */
.gray {color:#666666;}
.blue {color:#0066CC;}
.green {color:#81A826;}
.orange {color:#DF6300;}
.red {color:#990000;}
#community strong {color:#0066CC;}
#community h1 {color:#990000;}
#store strong {color: #993300;}
#store h1 {color:#0066CC;}
.vive {color:#009900!important;}

.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;}

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;}

/* Breadcrumb */
.breadcrumb {font-size:85%; color:#999999; font-weight:normal;}
.breadcrumb a {text-decoration:none; color:#F40066;}
.breadcrumb a:hover {color:#6FB42F;}

/* Begin Structure */
.post {margin:0; margin-right:20px;}
.post hr {display:block;}
.clear {clear: both;}
.narrowcolumn {float:left; padding:0; margin:0; width:620px;}
.widecolumn {padding:0; margin:0; width:620px;}

/* Footer */
#footer {width:960px; margin: 0 auto; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; color:#81A826; border-top:1px solid #5F703A; padding-bottom:30px;}
#footer p {margin:0; padding:0; line-height: normal; font-size:10px; text-align: center;}
#footer a {color:#F40066; font-weight:bold;}
#footer a:hover {color:#5F703A;}

/* Sidebar */
#sidebar {float: right; width: 200px; color: #787878; padding-left:20px;}
#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar li {}
#sidebar .menuRight ul {padding-left:0; padding-top:10px;}
#sidebar .menuRight li {line-height: 35px; background: url(images/img05.jpg) no-repeat left center; border-bottom:1px dashed #FFCC33;padding-left: 15px;}
#sidebar h2 {padding: 5px 30px 5px 10px; background: #79A73B url(images/img04.jpg) repeat-x left top; letter-spacing: -.5px; font-size: 1.2em;
color: #FFFFFF; margin-bottom:5px;}
#sidebar p {padding:10px;}
#sidebar a {color: #009900;}
#sidebar a:hover {color:#333333;}

/* 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;}

/* 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 {background:#EEEEEE; margin:10px 0; padding:5px;}
.postmetadata alt {background:#EEEEEE; margin-top:10px;}
.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}
/* End Entry Lists */

/* Begin Form Elements */
#sidebar #searchform #s {width:120px; 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; font-weight:bold;}
.navigation a {color:#00CC00;}
.navigation a:hover {color:#FF6600;}
/* End Various Tags & Classes*/

/* Menu */
#menu {list-style:none; padding:0; margin:0; width:650px; height:100px; position:absolute; left:150px; 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 */
#home #menu .home,
#how #menu .how,
#store #menu .store,
#community #menu .community,
#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 .home, .how, .store, .community, .contact {margin-top:80px; margin-left:30px;}
#menu .home {width:90px; height:100px; background:url("images/gn_store1.png") no-repeat; left:0px; top:0px;}
#menu .how {width:90px; height:100px; background: url("images/gn_community1.png") no-repeat; left:0px; top:0px;}
#menu .store {width:90px; height:100px; background: url("images/gn_features1.png") no-repeat; left:0px; top:0px;}
#menu .community {width:90px; height:100px; background: url("images/gn_about1.png") no-repeat; left:0px; top:0px;}
#menu .contact {width:90px; height:100px; background: url("images/gn_contact1.png") no-repeat; left:0px; top:0px;}
/* hide from IE mac \*/
#menu li {width:auto;}
/* end hiding from IE5 mac */

/* qtranslate */
.qtrans_language_chooser { list-style-type:none }
.qtrans_language_chooser li { float:left; margin-right:5px }