/* 
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; }
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;padding: 4px; background: #333333; }
.imgRight span {display:block; color: #cccccc; font-size: 10px; text-align: center;}
.imgLeft {float: left; margin-right: 20px; padding: 4px; background: #333333; }
.imgLeft span {display:block; color: #cccccc; font-size: 10px; text-align: center;}
.imgCenter { text-align: center; padding: 4px; background: #ffffff; border: 1px solid #666666;}
.galleryFix { background: red; float: right;}

.hr {
display: block;
height: 1px;
border-bottom: 1px dashed #666666;
margin: 20px auto 20px;
}

/* Social Bookmarks*/

.socialBookmarks {
display: block;
width: 150px;
height: 30px;
position: absolute;
margin-left: 69%;
margin-top: -90px;
padding: 0 auto;
}

/* Pages */

#pageGallery {
	width: 860px\9;
	margin-left: 0px\9;
}


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

/* Paragraphs */

p { margin:0 auto 10px;}

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

/* HEADER */
/*navigation*/

#headWraper {
width: 850px;
height: 80px;
margin: 0 auto;
padding: 0px;
position: relative;
}

a#circleLogo {
background-image: url(/images/logo.jpg);
display: block;
position: absolute;
top: 0;
left:50%;
margin-left: -40px;
width: 80px;
height: 80px;
text-indent: -9999px;
}
a#logo {
background-image: url(/images/gilles_sign_over.jpg);
background-position: -80px left;
display: block;
width: 254px;
height: 80px;
text-indent: -9999px;
}
a#logo:hover {
background-image: url(/images/gilles_sign.jpg);
}


/*DROP-DOWN*/
#nav-wraper                    { width: 1000px; margin: 0px auto; padding: 0px; font-size: 14px; } 
a, a:hover                     { text-decoration: none; }
#nav-wraper ul                 { list-style: none; }

/* LEVEL ONE */
ul.dropdown                    { position: relative; margin: 0px; padding: 0px; }
ul.dropdown li                 { font-weight: bold; float: left; width: 100px; width: 100px\9; text-align: center; }
ul.dropdown li .scrub	       { color: #c00; font-weight: bold; background: #ccc; }
ul.dropdown a:hover	       { color: #c00; font-weight: bold; }
ul.dropdown li a               { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #333; }
ul.dropdown li:last-child a    { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover           { background: #ccc; color: black; position: relative; }

/* LEVEL TWO */

ul.dropdown ul 		       { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; margin: 0px; padding: 0px; }
ul.dropdown ul li 	       { width: 150px; font-weight: normal; background: #e1e1e1; border-bottom: 1px solid #333; float: none; text-align: left; padding-left: 10px; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	       { border-right: none; width: 100%; display: inline-block; } 

/* LEVEL THREE */
ul.dropdown ul ul 	       { left: 100%; top: 0; }
ul.dropdown li:hover > ul      { visibility: visible; position: absolute; z-index: 1000;}


/* CONTENT  */
#pageFull {
	width: 100%;
}

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

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

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

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

/* Main pages Thumbs */ 

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

.pageThms span {
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: 500px;
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;
}

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

/* Articles */

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

.article img {
float: left;
padding: 4px;
padding: 4px;
background: #333333;
}

.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; height: 364px; width: 443px; margin: 0 auto; }

/* Inquiries */

.info {
padding: 10px;
margin-left: 340px;
overflow: hidden;
}

.forInfo {
background: #f3f3f3;
padding: 10px;
}

.contactAddress {
margin: 0 auto;
background: #f3f3f3;
padding: 10px;
width: 206px;
float: left;
}

.contact {
background: #f3f3f3;
width: 206px;
float: left;
margin-top: -50px;
padding: 10px;
}

.artsalon {
background: #f3f3f3;
float: left;
margin-left: 15px;
padding: 10px;
text-align: center;
font-size: 15px;
width: 215px;
}


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


#container{
	background-image: url(/images/header_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	min-height: 100%;
}

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


.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}


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