/*  
Theme Name: GF FALL 2010
Theme URI: www.gentlefawn.com
Description: Theme for Gentlefawn Fall 2010 based on the Qwilm! theme	
Version: 1.4
Author: Popgun Media
Author URI: http://www.popgunmedia.com
	
*/


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

body {
	background-color: #FFF;
	font: 12px arial, verdana, "helvetica neue", helvetica, sans-serif;;
	line-height:1.8em;
	color: #000;
	margin: 15px;
}

body.full {
height: 100%;
}

body.full {
	background: #fff;
	font: 11px arial, verdana, "helvetica neue", helvetica, sans-serif;;
	color: #000;
	margin: 0;
	overflow-y: hidden;
}
a, a:hover { color: #ba0466; text-decoration: none; }


#container-home {margin:0 auto;text-align: center;width:100%;padding:0;height:100%;overflow:hidden}
*{margin:0;padding:0;}
* html #container-home {
height: 100%;
}

/* Home Feature
-------------------------------------------------------------- */

#featurebox { 
	z-index:99999;
    /* overlay is hidden before loading */ 
    position:absolute;
    float:right;
    top:450px;right:25px;
    /* standard decorations */ 
    width:520px;     
    border:5px solid #333; 
    -webkit-box-shadow: #555 1px 1px 5px;-moz-box-shadow: #555 1px 1px 5px;box-shadow: #555 1px 1px 5px;
} 
 
#featurebox div { 
    padding:25px; 
    background-color:#fff; 
    font-family:verdana,arial,sans-serif 
} 

span.close {float:right;padding:2px 6px;border:0;color:#000;border:1px solid #000;margin:0;line-height:1.3em;}
span.close a {color:#000;text-decoration:none;cursor:pointer;}
span.close a:hover {color:#333;text-decoration:none;cursor:pointer;}


/********************************************************************************/
#wrapper { margin: 0px auto; padding:0; background: #fff; width:100%;}


#flashhome{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width:  100%;
	background:#fff;
	overflow-y: hidden;
}

#contentWrapper {width:950px;margin:0 auto;}


#content {
	width: 500px;
	padding:0;
	margin-top:75px;
	text-align: left;
	float: left;
}

#content img {
	margin: 5px 0 15px 0;
	padding:1px;
	border:1px solid #000;
	}
	
#contentwide {
	width: 730px;
	padding:0;
	margin-top:0px;
	text-align: left;
	float: left;
}
	
#sidebar-1 {
	width: 205px;
	padding-right:15px;
	float: left;
}
#sidebar-2 {
	margin-left:40px;
	margin-top:80px;
	width: 190px;
	float:left
	
}


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


.navbar {
	text-align: left;
	float: left;
	font-size: 1em;
}
.post {
	border-bottom:dotted 1px #707070;
	margin-bottom:15px;

}
.post img{
	margin: 5px 0 15px 0;
	border:1px solid #999;
	}
	
.post-titulo {
	color:#ACB200;
	margin:0px;
	margin-bottom:2px;
}
.postmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 1em;
	color: #999;
	}
.comentarios-link{
	padding: 0 0 0 17px;
	background: url(imagenes_qwilm/commentslink.gif) no-repeat center left;
	}	
	
/**********************************************************************************/
/*Tipografia*/
h1,
h2,
h3{	font-family: arial, verdana, "helvetica neue", helvetica, sans-serif;; }

h1 { text-indent: -9000px; margin: 0; display: none;}
h2 { margin-top: 0; margin-bottom: 0; font-size: 16px; }

#content h2 {margin:0;margin-top:10px; font-size: 2em; color: #000000;margin-bottom:.25em;}
h2 a { color: #000; }
h3 { font-size: 14px; color: #333; }

p {	line-height: 1.8em;	margin: 1.2em 0; }

ol, ul {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	}
ul li,
ol li{ margin-bottom: 0.2em; }

img, a img{ border:0px;}

a, a:hover { color: #666; text-decoration: none; }
a:hover { color: #cb428c; }

em{
	font-style: normal;
	font-weight: bold;
	color: #ef6c6c;
	}

blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 0.9em;
	}

pre{
	display: block;
	margin: 1.0em 1.5em 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #ccc;
	background-color: #eee;
	overflow: auto;
	}

code{font-family: monospace;  font-size: 11px; background-color: #eee;}
pre code{ line-height: 1.3em;}

kbd{
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

del, del * { text-decoration: line-through; }

.small {
	font-size: 0.9em;
	color: #999;
	}
/***********comentarios***************/

#comment{
	width: 475px;
}

.comentarios{
	border-top:1px solid #333;
	padding:15px 5px 5px 5px;
	margin-top:5px;
	margin-bottom:5px;
	color:#CCC;
}
.commentarios li {
	border:1px solid #DEE4DA;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
.commentarios li:hover{ background-color: #fff; }

.comentariosmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 0.9em;
	color: #999;
	}
.comentariostitulo {
	margin:0px;
	margin-bottom:2px;
}

/*********nav***************/
.navbar h2 {
	display: none;
	}

.navbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.navbar ul ul {
	margin: 0 0 1.5em 0;
	}
.navbar ul ul li {
	padding: 0;
	
	}
.navbar ul ul li a {  
	width:200px;
	color:#fff;
	font-size:2em;
	} 
.navbar ul ul li a:hover {
	color:#cb428c;
	}
/****************************/

/*********sidebars***************/
.sidebar h2 {
	display: inline;
	margin: 2em 0 2em 0;
	padding: 0 10px 0 0;
	color:#000000;
	font-weight:normal;
	font-size: 1.5em;
	}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.sidebar ul ul {
	margin: 1.0em 0 1.5em 0;
	border-top: 1px solid #353535;
	}
.sidebar ul ul li {
	padding: 0;
	border-bottom: 1px solid #353535;
	}
.sidebar ul ul li a {
	display: block;
	margin: 0px;
	padding: 2px;
	} 
.sidebar ul ul li a:hover {
	color:#cb428c;
	}
/****************************/
.linkpermanente{
	padding: 0 0 0 17px;
	background: url('imagenes_qwilm/permalink.gif') no-repeat center left;

}
/**********formularios*********/
input, textarea, select {
	border: 1px solid #666;
	background-color: #f2f2f2;
	color: #000;
	font-size: 1em;
	font-family: arial, verdana, "helvetica neue", helvetica, sans-serif;
	}
/*******pagina est·tica*********/
#pagina {
	border-bottom:solid 1px #DEE4DA;
	padding-top:30px;
	padding-bottom:0px;
}
#pagina img{
	margin: 5px 0 5px 0;
	}
.pagina-titulo{
	color: #63B4CD;
	margin:0px;
	margin-bottom:2px;

}
/**********gravatar***************/
.gravatar{
	float:right;

}
/*********Privado-comentarios***************/
.comentarios-autor{
	border:1px solid #B2FF66;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.comentarios-autor li {
	border:1px solid #B2FF66;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
.comentarios-autor li:hover{ background-color: #fff; }
/**********************************************/
#searchform{
width:100%;

}


ul.sidenav {margin:0 0 0 10px;;padding:0;}
ul.sidenav  li {display:block;float:left;padding:0;margin:0;}
ul.sidenav  li a {text-decoration:none;display:block;float:left;color:#000;font-size:1.5em;margin:5px 0;width:200px;}
ul.sidenav  li a:hover {color:#cd005c;}
ul.sidenav  li a.active {color:#cd005c;}

.navbar  a.active {background-position:0 -25px;}
.navbar ul {margin-top:0;}
.navbar  li {display:block;float:left;padding:0;margin:0;}
.navbar  li a {text-decoration:none;display:block;float:left;text-indent:-9999px;overflow:hidden;}
a#navCollection, a#navNews, a#navStory, a#navShop, a#navFriends, a#navMailing, a#navPress, a#navWholesale, a#navCareers, a#navLocator, a#navContact {height:25px;}
a:hover#navCollection, a:hover#navNews, a:hover#navStory, a:hover#navShop, a:hover#navFriends, a:hover#navMailing, a:hover#navPress, a:hover#navWholesale, a:hover#navCareers, a:hover#navLocator, a:hover#navContact {background-position:0 -25px;}
a.activo {background-position:0 -25px;}
a#navCollection {width:200px;background:url('_img/fall10/nav/collection.png') no-repeat 0 0;}
a#navNews {width:200px;background:url('_img/fall10/nav/news.png') no-repeat 0 0;}
a#navStory {width:200px;background:url('_img/fall10/nav/story.png') no-repeat 0 0;}
a#navShop {width:200px;background:url('_img/fall10/nav/shop-online.png') no-repeat 0 0;}
a#navFriends {width:200px;background:url('_img/fall10/nav/friends-photos.png') no-repeat 0 0;}
a#navMailing {width:200px;background:url('_img/fall10/nav/mailinglist.png') no-repeat 0 0;}
a#navPress {width:200px;background:url('_img/fall10/nav/press-tradeshows.png') no-repeat 0 0;}
a#navWholesale {width:200px;background:url('_img/fall10/nav/wholesale.png') no-repeat 0 0;}
a#navCareers {width:200px;background:url('_img/fall10/nav/careers.png') no-repeat 0 0;}
a#navLocator {width:200px;background:url('_img/fall10/nav/store-locator.png') no-repeat 0 0;}
a#navContact {width:200px;background:url('_img/fall10/nav/contact.png') no-repeat 0 0;}


.navbar ul {margin-top:0;}
.navbar  li {display:block;float:left;padding:0;margin:0;}
.navbar  li a {text-decoration:none;display:block;float:left;overflow:hidden;color:#000;font-size:1.3em;}
.navbar  li a:hover {text-decoration:none;display:block;float:left;overflow:hidden;color:#cd005c;}


table.press {width:615px;}
table.press td {float:left; height:240px;padding:15px;}

.fall10home {display:block;float:right;}
.fall10home a {overflow:hidden}
.fall10home a:hover {opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}

/* Homepage Container
-------------------------------------------------------------- */


/**********************************************************************************/
/*Clearing Floats code via http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
   
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



img .floatleft {float:left;}
img .marginright {float:left;padding-right:15px;}