/*
Theme Name: JenniferHopperPhoto
Theme URI: http://www.jenniferhopperphoto.com/
Description: This is a portfolio theme for Jennifer Hopper Photography.
Version: 1.0
Author: Philip Thomas
Author URI: http://www.riverbaum.com/
*/

* { margin: 0; padding: 0; }
body { background: #ffffff url(images/top_bg.gif) top repeat-x; background-color: #ffffff; /*background-image:url(/images/grid.gif); background-position: center top; background-repeat: repeat-y;*/ font: normal 13px Georgia, 'Times New Roman', serif; color: #5f5f5f; }

a {color: #3282d3; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
h1 { font: normal 22px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #494949; margin: 0 0 5px 0; }
h3 { font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #494949; margin: 0 0 5px 0; }
p { font: normal 13px Georgia, 'Times New Roman', serif; color: #5f5f5f; margin: 0 0 15px 0; line-height: 1.3;}
a img { border:none; }

#wrap { margin: 0 auto; width: 732px; }
#header { position: relative;  width: 732px; }
#logo { position: relative; float: left; margin-top: 20px; left: 60px; width: 180px; }
#nav {  position: relative; float: left; margin-top: 40px; left: 120px; width: 384px; }
#content { position: relative; clear:both; margin-bottom: 7px; left:12px; width: 708px; }
#footer { position: relative; clear:both; left: 12px; width: 708px; }

.hline { position: relative; float:left; margin-bottom: 12px; clear:both; width: 732px; height: 1px; background: #dedede; overflow: hidden; }

#full_page {position: relative; float: left; width: 708px; margin: 0 0 12px 0; }
.post p { margin:0; padding:0; }

#main_image { border:1px solid #e5e5e5; padding:12px; }

/*LEFT COLUMN STUFF*/
#left_col { position: relative; float: left; width: 468px; margin-bottom: 12px; }

#about_text {position: relative; left: 48px; width: 420px; margin: 15px 0 18px 0; }
#about_text p { margin-bottom:10px; }
#contact_form { margin: 15px 0 0 48px; }
#contact h1 { margin: 25px 0 20px 0; }
#contact_form p {margin-top: 5px; font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #6c6c6c;}
.field { border: 2px solid #cdcdcd; padding: 6px 8px 4px 8px; font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #3891eb; }
.textField { border: 2px solid #cdcdcd; padding: 6px 8px 4px 8px; font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #3891eb; }
.submitButton { border: 2px solid #cdcdcd;  font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #6c6c6c; margin-top:10px; width: 140px; height:35px; cursor:pointer; background:#fff; padding-bottom:2px; }
.submitButton:hover { background:#3891eb; color:#fff; cursor:pointer;}
.contact_required { font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #6c6c6c; }

.post { float:left; }
.post_title {  float:left; width:468px; margin-bottom:15px; }
.post_title h1 {  float:left; font-size: 20px; margin: 0; width: 360px; }
.post_title a { color: #666666 }
.post_title a:hover { color:#3282d3; text-decoration: none; }
.post_title .date {  text-align:right; margin-top: 11px; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #969696; }
.post_info { float:left; width:84px; margin: 0px 12px 0 0; }
.post_info p { margin: 0 0 10px 0; padding: 0; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
.post_content { float:left; width:372px; margin: 0; }
.post_content p { margin-bottom:10px; }
#older { float: right; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; margin-top: 15px; }
#newer { float: left; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; margin-top: 15px; }
.content_img { float:right; border: 1px solid #e5e5e5; padding: 8px; margin: 5px; }



/*RIGHT COLUMN STUFF*/
#right_col { position: relative; float: right; width: 180px; margin: 4px 0 12px 0; }
#networking { margin-top: 12px; }
.hlsmall { width: 180px; height: 1px; background: #dedede; overflow: hidden; }
.nfade { filter:alpha(opacity=50); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; }
.nfade:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
.nfade a { float:left; margin: 8px 0 0 8px; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #151515; }
.nfade a:hover { color:#3991eb; text-decoration: none; }
.nfade img { float: left; }
.right_link { margin:7px 0 6px 0; }
.right_link a { font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color:#666666;  } 
.right_link a:hover { color:#3282d3; text-decoration: none; }
#recent, #categories { margin-bottom: 30px; }
#recent h3, #categories h3 { padding-bottom: 10px; border-bottom: 1px solid #dedede; margin: 0; }
#recent ul,  #categories ul {margin: 0; padding: 0;}
#recent li,  #categories li {list-style:none; padding: 5px; border-bottom: 1px solid #dedede; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color:#666666; }
#recent li a, #categories li a { color: #666666; }
#recent li a:hover, #categories li a:hover { color:#3282d3; text-decoration: none;  }


/*Gallery Navigation*/
#gallery_nav { text-align:center; margin-bottom: 10px; }
#gallery_nav li { display: inline; margin: 0 20px; }
#gallery_nav a { font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #898989; }
#gallery_nav a.active { color: #f16a70; }
#gallery_nav a:hover, #gallery_nav a:focus { color: #f16a70; text-decoration: none; }

 
/*NAVIGATION*/
ul.menu { list-style: none; padding: 0px; }
ul.menu li { float: left; }
ul.menu li a { display: block; width: 96px; height: 190px; background: url(images/nav.gif);  text-indent: -10000px;}

ul.menu li.home a { background-position: 0 0; }
ul.menu li.about a { background-position: -96px 0; }
ul.menu li.galleries a { background-position: -192px 0; }
ul.menu li.blog a { background-position: -288px 0; }

ul.menu li.home a.active { background-position: 0 -190px; }
ul.menu li.about a.active { background-position: -96px -190px; }
ul.menu li.galleries a.active { background-position: -192px -190px; }
ul.menu li.blog a.active { background-position: -288px -190px; }

ul.menu li.home a:hover { background-position: 0 -190px; }
ul.menu li.about a:hover { background-position: -96px -190px; }
ul.menu li.galleries a:hover { background-position: -192px -190px; }
ul.menu li.blog a:hover { background-position: -288px -190px; }


/*FOOTER Typography*/
#footer p { font: normal 11px Verdana, Arial, sans-serif; color: #9a9a9a; }
#footer a { color: #9a9a9a; }
#footer a:hover { color: #3282d3; }


/*COMMENTS Style*/
#com { font-size: 14px; margin-top:15px; }
#comments { clear: both;  }
#respond { clear: both; padding-top: 12px; border-top:1px solid #dedede;}
.comment-info-split { clear: both; }
.commentmetadata { color: #333; }
.commentmetadata a { color: #666; font-weight: 400; }
.commentlist div.alt { color: #333; padding: 10px; }
ol.commentlist { list-style: none; margin-left: 20px; }
ol.commentlist ul.children { list-style: none; }
.comment-div { display: block; }
.commentlist ul li { border-bottom: none; }
.commentlist li { margin: 10px 0 10px 0; }
ol.commentlist { list-style: none; margin: 0 0 10px; padding: 0; text-indent: 0; }
ol.commentlist li.comment, .pingback { border-top: 1px solid #dedede; padding: 10px 0 0 10px; }
ol.commentlist li.comment div.vcard { font-weight: 600; font-size: 13px; }
ol.commentlist li.comment div.vcard cite.fn { font-style: italic; font-size:20px; font-weight: 400;}
ol.commentlist li.comment div.vcard cite.fn a { font-weight: 400; }
ol.commentlist li.pingback div.vcard cite.fn a { font-weight: 400; }
ol.commentlist li.comment div.vcard img.avatar { border: 1px solid #eee; float: left; margin: 0 10px 0 0; padding: 5px; }
ol.commentlist li.comment div.comment-meta { font-size: 11px; margin:2px;}
ol.commentlist li.comment div.comment-meta a { color: #666; }
ol.commentlist li.comment p { font-size: 13px; margin: 0 0 10px; }
ol.commentlist li.comment ul { font-size: 11px; list-style: circle; margin: 0 0 10px 20px; }
ol.commentlist li.comment div.reply { font-size: 12px; text-align: right; padding: 2px 0; }
ol.commentlist li.comment div.reply a { font-weight: 500; }
ol.commentlist li.pingback div.reply { font-size: 12px; text-align: right; padding: 2px 0; }
ol.commentlist li.pingback div.reply a { font-weight: 500; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; text-indent: 0; }
ol.commentlist li.comment ul.children li.comment-author-admin { background: #f6f6f6; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 10px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 10px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 10px; }
ol.commentlist li.comment ul.children li.depth-5 { margin: 10px; }
.says { color: #999; font-style: normal; font-size:16px; font-weight: 400; padding-left: 4px;}
#commentform p { font-size: 12px; padding-left: 10px; margin:0; }
#com label { padding-left: 10px; }
.commentField { border: 2px solid #cdcdcd; padding: 6px 8px 4px 8px; font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #3891eb; margin-top:10px; }
.commentArea { border: 2px solid #cdcdcd; padding: 6px 8px 4px 8px; font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #3891eb; margin-top:10px; }
.submitButton { border: 2px solid #cdcdcd;  font: normal 15px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #6c6c6c; margin-top:10px; width: 150px; height:35px; cursor:pointer; background:#fff; padding-bottom:2px; }
.submitButton:hover { background:#3891eb; color:#fff; cursor:pointer;}