/*
Theme Name: Janice Tayler
Theme URI: http://www.ocularharmony.com
Description: Gallery for Janice
Author: Robin Bastien
Author URI: http://www.ocularharmony.com
Tags: clean, white, gallery
*/

/*Begin Fundamentals*/
/*---------------------------------------------------------------*/
body {font-size: 62.5%;font-family: helvetica, Verdana, Arial, Sans-Serif; color: #333; background-color: #f9f9f9;}
#wrapper {width: 900px; margin: 0 auto;}
#content {font-size: 1em;}
#header {width: 100%; border-bottom: 2px #eee solid; margin: 4px 0 1px; text-align: left; float: left;}
#header #logo {float: left}
#content {min-height: 500px; height: auto !important; height: 500px; width: 900px; float: left; text-align: left}
#footer {border-top: 1px solid #eee; padding: 10px 5px 5px; float: left; width: 890px;}
#navigation {width: 100%; height: 30px; display: block}
#nav {height: 30px; float: right; border: solid #ededed; border-width: 1px 0; margin-top: 15px; }
img {border: none;}
p {font-size: 1.4em; text-align: left; font-family: Garamond, Georgia, "Times new Roman", serif; line-height: 25px;}
.entry a:hover {border-bottom: 1px solid #333;}
.cventry {position: relative; margin-left: 415px;}
#janiceinfo {position: absolute; left: -415px; width: 250px; }

/*Body Elements*/
/*---------------------------------------------------------------*/
#nav ul {float: left; padding-top: 0; margin-top: 5px;}
#nav li {display: inline; float: left; height: 12px; text-align: center; }
#nav li a {display: block; width: 70px; height: 100%;font-size: 1.5em;  padding: 4px 7px; color: #aaa; font-weight: bold;}
#nav li a:hover, #nav li.current_page_item a {color: #777;}
#nav li ul {position: absolute; width: 8.5em; left: -999em; top: 50px; height: auto; background-color: #f9f9f9; border: 1px solid #ddd; padding: 4px 3px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul a, #nav li li {float: left;}
#content img {padding: 3px; border: 1px #eee solid; margin: 5px;}
#contentform {min-height: 400px; height: auto !important; height: 400px;}
#contentform h3 {color: #666; }
#contentform .formblock{width:400px;margin-bottom:50px;background-color:#f7f8f1;min-height:400px;height: auto !important; height: 400px; float:left;display:inline;padding:10px 25px;}
input, textarea {border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px;}
#contentForm input {float: left; display: inline;}
#contactForm p label {float: left; display: inline; width: 80px;}
#contactForm .messagelabel {width: 90px;}
#contentform #fb2 {background-color: #eed;}
#artprojects {width: 100%; font-size: 1.2em; font-weight: bold; }
#artprojects a {color: #ccc; font-weight: bold; text-decoration: none; padding-right: 20px;}
#artprojects a:hover {color: #777;}
#artprojects ul {list-style-type: none; text-align: center; }
#artprojects ul li {display: inline;}
#artprojects li.current_page_item a {color: #333;}
.entry, #content h1 {text-align: left;}
#content .tiltviewer {width: 900px; float: right; display: inline;}
div.slideshow {float: left; height: 300px; width: 900px; margin-top: 20px;}
div.slideshow img {position: absolute;}
#copyright {width: auto; float: left;}
#content img.noborder {border: 0px;}
#content p.attachment {text-align: center;}

/*Gallery*/
/*---------------------------------------------------------------*/
#selectyear {width: 100%; border-bottom: 2px solid #eee; height: auto; float: left;}
#selectyear ul,  #selectyear li {display: inline; float: left; list-style-type: none;}
#content img.year {margin: 0; padding: 0; border: 0; float: left;}
#selectyear li {padding: 0 5px;}
#selectyear li a, .date {font-family: Helvetica, arial, sans-serif; font-weight: bold; text-decoration: none; border: none; color: #ccc; font-size: 2em; padding: 3px 5px;}
#selectyear li.current_page_item a, #selectyear li a:hover {color: #828282; background-color: #eaeaea;}
#content dl.gallery-item dt.gallery-icon a {border-bottom: 0; display: block;}
#content dl.gallery-item dt.gallery-icon a:hover {background-color: #e5e4d2;}


/*Begin Typography*/
/*---------------------------------------------------------------*/
#content a {color: #7c7c7c; text-decoration: none; border-bottom: 1px dotted #7c7c7c;}
#content a:hover {border-bottom: 1px solid;}
#header h2 {font-size: 1.2em; font-style: italic; font-family: georgia; color: #ddd; margin: 0 3px; padding: 0; clear: none; font-weight: normal;}
#nav a {text-decoration: none; color: #333;}
#nav li li a {font-size: 1em; font-weight: normal;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {text-align: center;}
a#footertext, a#footertext:visited, a#footertext:hover, a#footertext:active {color: #ccc;}
a.hotlink {padding: 4px; background-color: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; font-family: Helvetica, verdana, arial, sans-serif; font-size: 0.85em; color: #444; border: 1px solid #aaa; text-align: right;}
a.hotlink:hover {background-color: #bbb}
img.bioimage {padding-bottom: 300px;}
.date, .cvinfo {background-color: #eaeaea; color: #828282; font-size: 1.2em; position: absolute; left: -150px; text-align: right; width: 122px; padding: 0 5px;}
#content #cvtheinfo {position: relative; margin-left: 100px; line-height: 20px;}
.cvinfo {left: -100px; float: left; display: block; width: 70px;}
#content .pr {display: block; background-color: #b8c3d4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-bottom: none; width: 100%; height: 15px; font-weight: bold; text-align: center; color: black; padding-top: 5px;}
#content .pr:hover {background-color: #cfd8e4; border-bottom: none;}
#content.widecolumn .post a {border-bottom: none;}

#content .column {display: block; float: left; width: 300px; padding-right: 10px; }
div.clear {clear: both;}