/* 
Theme Name: WPGilles
Theme URL: http://gilleslarrain.com/
Description: Custom theme for photographer Gilles Larrain.
Author: Rene Merino
Author URI: http://amayamedia.com
Version: 1
*/

/* IMPORTANT! Images for this theme are located in the www/images directory. */

/* Resets */
html, body, div, span, applet, object, iframe, p, pre, a, abbr, acronym, address, big, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

/* EXTRAS */
.clear {clear: both; }
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
img { border: none; }
.imgBig { margin: 10px; padding: 4px; background: #333333;}
#pageCenter { text-align: center; }
.pageBreak {clear: both; height: 30px;}
#page850 { width: 850px; margin-left: 80px; } /* USED TO SET PAGE WIDTH IN <div id="850">...*/

.pageTitle { border-bottom: 1px dashed #333333; margin: 0 auto 10px; }
.imgRight {float: right; margin-left: 20px; background: #ffffff; margin-bottom: 10px; padding: 4px; border: 1px solid #999; box-shadow: 0 0 5px #CCCCCC; }
.imgRight span {display:block; color: #999999; font-size: 10px; text-align: center;}
.imgLeft {float: left; margin-right: 20px; background: #ffffff; margin-bottom: 10px; padding: 4px; border: 1px solid #999; box-shadow: 0 0 5px #CCCCCC; }
.imgLeft span {display:block; color: #999999; font-size: 10px; text-align: center;}
.imgCenter { text-align: center; background: #ffffff; margin-bottom: 10px;}
.imgCenter img { padding: 4px; border: 1px solid #999; box-shadow: 0 0 5px #CCCCCC;}
.quoteRight {float: right; width: 30%; margin-left: 20px; padding-left: 20px; background: url(/images/block_bg.gif) top left repeat-y ; }
.quoteRight em { font-weight: bold; }
.quoteLeft {float: left; width: 30%; margin-right: 20px; padding-right: 20px; background: url(/images/block_bg.gif) top right repeat-y ; }
.quoteLeft em { font-weight: bold; }
.hr {
display: block;
height: 1px;
border-bottom: 1px dashed #666666;
margin: 20px auto 20px;
}


/* HEADER */

/* Top Bar */

#topBar {
    height: 40px;
    background: #eeeeee;
    border-bottom: 1px solid #666;
}

#barWraper {
width: 1000px;
height: 80px;
margin: 0 auto;
padding: 0px;
position: relative;
}

#signUp {
    float: left;
    width: 425px;
    height: 40px;
}

/* Social */

#social {
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 70px;
}

#social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#social ul li {
    display: block;
    margin: 0px 3px;
    float: left;
    height: 40px;
    line-height: 40px;
}

#social ul li img {
    margin: 8px auto;
}

#social ul li div {
	margin: 10px auto;
}

#social ul li.google1 { width: 32px; margin-left: 10px; }
#social ul li.fb_like { width: 90px; }
#social ul li.tweet iframe { margin-top: 11px; }
#social ul li.stumble iframe { margin-top: 11px !important; }



#header {
background: url(/images/header_bg.jpg) bottom left repeat-x;
height: 110px;
}

#headWraper {
width: 970px;
height: 110px;
margin: 0 auto;
padding: 0px;
position: relative;
}

a#circleLogo {
background-image: url(/images/logo.png);
display: block;
position: absolute;
bottom: 10px;
right: 447px;
margin-left: -40px;
width: 80px;
height: 80px;
text-indent: -9999px;
}

a#logo {
background-image: url("/images/gilles_sign.png");
display: block;
width: 300px;
height: 94px;
text-indent: -9999px;
position: absolute;
bottom: 10px;
right: 60px;
}

a#logo:hover {
background-image: url("/images/gilles_sign_over.png");
}

/* Subscribe */

#subscribe {
   margin: 10px 0;
   position: absolute;
   left: 60px;
}

#subscribe form p {
    display: block;
    float: left;
    line-height: 110px;
}

#subscribe input {
    border: 1px solid #999;
    padding: 5px;
    background: #fcfcfc;
    font-weight: bold;
    width: 200px;
    color: #444;
}

#subscribe input.submit {
    background: #ddd;
    margin-left: 5px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    width: 70px;
    cursor: pointer;
}

#subscribe input:focus {
    background: #fff;
}


/*DROP-DOWN*/

#nav-wraper { width: 1010px; margin: 0px auto; padding: 0px; }
/* remove the list style */
#dropdown {
    margin:0; 
    padding:0; 
    list-style:none;
    font-family: News Gothic BT,Trebuchet MS,Helvetica,Arial;
    font-size: 13.5px;
}	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#dropdown li {
    float:left; 
    display:block; 
    width:100px; 
    position:relative;
    z-index:500; 
    margin:0px;
    border-right: 1px solid #666;
}

#dropdown li:last-child { border-right: none; } /* Doesn't work in IE */

/* this is the parent menu */
#dropdown li a {
    display:block; 
    padding:8px 5px 0 5px; 
    font-weight:700;  
    height:23px; 
    text-decoration:none; 
    text-align:center; 
    color:#c00;
}

#dropdown li a:hover { color: #c00; }
#dropdown li:hover { background: #ccc; }

/* submenu, it's hidden by default */
.submenu {
    position:absolute; 
    left:0; 
    display: none;
    margin:0 0 0 -1px; 
    padding: 10px; 
    list-style:none;
    background: #ccc;
    border: 1px solid #666;
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft:  10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}


/* this is removed with jquery */
.submenu2 { display: block; visibility: hidden; }

/* this is removed with jquery */
ul#dropdown li:hover > .submenu2 { visibility: visible; }

#dropdown .submenu li {
    width: 200px;
    float:left; 
    margin-top: 1px;
    border-right: none;
}

#dropdown .submenu li:hover {
    background: #fff;
    border-top: 1px solid #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#fff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #e1e1e1,  #fff); /* for firefox 3.6+ */ 
}

/* display block will make the link fill the whole area of LI */
#dropdown .submenu li a {
    display:block;  
    padding: 6px 5px 5px 5px; 
    color:#444;
    font-weight: bolder;
}

#dropdown .submenu li a:hover {
    text-decoration: none;
    color: #c00;	
    font-weight: bolder;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #dropdown ul { margin:0 0 0 -2px; }


/* Website Feedback */

#feedback {
    width: 192px;
    height: 76px;
    position: fixed;
    top: 200px;
    left: 0;
}

/* Pages */

#pageGallery { }


/* Flamenco */

#trina {
position: relative;
}

#trina div {
overflow: hidden;
}

#trina h3 {
float: right;
margin-top: -100px;
margin-right: 20px;
}

#trina img {
float: left;
margin-right: 10px;
}

/* GENERAL */
html, body {
	background-color: #ffffff;
	margin: 0px;
	/*font-family: News Gothic BT,Trebuchet MS,Helvetica,Arial;*/
	font-family: 'Droid Sans', arial, serif;
	font-size: 16px;
	line-height: 1.5;
    text-align: justify;
    height: 100%;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
/*font-family: 'Droid Serif', arial, serif;*/
margin: 0;
padding: 0;
}

h6 { font-size: 14px;}
h5 { font-size: 16px;}
h4 { font-size: 18px;}
h3 { font-size: 20px;}
h2 { font-size: 22px;}
h1 { font-size: 24px;}

h1 span, h2 span, h3 span {
	font-size: 15px;
}

/* Paragraphs */

p { margin:0 auto 10px;}

cite {
	font-size:14px;
	font-style: italic;
	margin: 0 auto;
}



/* CONTENT  */

/* home fader */

#homeWraper {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 1000;
}

#fadeImage {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -425px;
}


#pageFull {
	width: 100%;
	min-height: 448px;
	padding-bottom: 50px;
}

#page {
width: 1000px;
margin: 0px auto;
margin-top: 0px\9;
padding-top: 15px;
overflow: hidden;
}

#page a, #page a:visited {
	font-weight:bold;
	color: #cc0000;
	text-decoration: none;
}

#page a:hover {
	text-decoration: underline;
}

#homeImg {
text-align: center;
margin-top: 50px;
margin-bottom: 200px;
}

#homeImg h1 {
    margin-top: 10px;
    font-size: 27px;
    
}

/* Main pages Thumbs */ 

.pageThms {
margin: 0 auto;
width: 305px;
margin-bottom: 20px;
float: left;
}

.pageThms h2 {
font-size: 18px;
margin: 0 auto;
font-weight: bold;
display: block;
width: 200px;
}

.pageThms img {
height: 200px;
padding: 4px;
background: #333333;
}

.pageThms img:hover {
background: #666666;
}


/* Exhibitions */

.exhibit {
width: 600px;
margin: 0 auto;
margin-bottom: 10px;
font-size: 14px;
border-bottom: 1px dashed #333;
}

.exhibitYear {
display: block;
margin: 0;
width: 75px;
float: left;
font-weight: bold;
}

.exhibitTitle {
display: block;
margin: 0;
float: left;
font-weight: bold;
font-size: 18px;
width: 525px;
}

.exhibitDesc {
display: block;
clear: both;
margin-left: 75px;
}

/* Articles */

.pressLogo {
	margin-bottom: 10px;
}

.articleLeft {
	float: left;
	overflow: hidden;
	width: 170px;
}

.articleRight {
	overflow: hidden;
	margin-top:  34px;
}

.articleRight2 {
	overflow: hidden;
}

.pressLogo .articleTitle,
.articleRight .articleTitle,
.articleRight .articleDesc,
.articleRight .articleBy {
	margin-left: 0;
}

.articleRight2 .articleTitle,
.articleRight2 .articleDesc,
.articleRight2 .articleBy {
	margin-left: 0;
}

.article {
background: #fafafa;
padding: 10px;
overflow: hidden;
margin-bottom: 10px;
}

.article a img {
float: left;
padding: 4px;
margin-top: 30px;
background: #333333;
}

.articleLogo {
	margin: 5px auto;
}

.articleTitle, .articleDesc {margin-left: 170px;}

.articleTitle {
border-bottom: 1px dashed #666666;
}

.articleBy {
margin-left: 10px;
font-weight: bold;
}

/* Biography */
.biographySection {
background: #fafafa;
padding: 10px;
overflow: hidden;
margin-bottom: 10px;
}

/* Videos */
.video {border: 10px solid #666666; width: 443px; margin: 0 auto; }

/* Inquiries */

.info {
padding: 0px 10px;
margin-left: 340px;
font-size: 13px;
text-align: left;
}

.forInfo {
/*nothing here */
}

.usage_contact {
/* nothing here */
}

#inq_left_col {
width: 210px;
float: left;
display: inline;
}

#inq_right_col {
float: left;
width: 360px;
}

.contactAddress {
}

.contact {
}

.artsalon {
text-align: center;

}

.artsalon img {
width: 340px;
}

/*
Here is a list of all the <DIV>s in this theme.
*/


#container{
	background-position: top center;
	background-repeat: repeat-x;
	/*min-height: 100%;*/
}

#content {
overflow: auto;
padding-bottom: 50px;
}


.postThumbnail {
background: red;
width: 250px;
float: left;
margin-right: 10px;
}


.postThumbnail img {
width: 250px;
}

.post {
margin-left: 260px;
}

.postTitle {
font-size: 30px;
}

/* FOOTER */
#footer {
background: url(/images/footer_bg.jpg) repeat-x;
height: 50px;
text-align: center;
line-height: 50px;
position: relative;
margin-top: -50px;
clear: both;
}