/*
Theme Name: PhotoPharm
Theme URI: http://themolitor.com
Description: Custom theme developed by Chris Molitor.
Author: Chris Molitor
Author URI: http://themolitor.com/
License: GNU General Public License
License URI: license.txt
Version: 2.1.2
Tags: dark, light
*/

/*---UNUSED STUFF---*/
.aligncenter,
.bypostauthor,
.sticky,
.wp-caption-text,
.gallery-caption,
.wp-caption {}

* {padding: 0; margin: 0; line-height: 1.7em;}

/* -----BODY STUFF----- */
html {background: #000; height: 100%; }
body {height:auto; width:auto; font-family: sans-serif; color:#ccc;}

#pageContent {width: 100%; left: 0; right: 0; top:0; bottom: 0; position: absolute; overflow: auto;}

/* -----A TAG STUFF----- */
a {text-decoration:none;}
a:hover {text-decoration:underline; color: #fff;}

p {font-size: 12px;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #fff; font-weight: normal;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}

/* -----PAGE STUFF----- */
.boxStuff {max-width: 420px; padding: 0 50px 30px; position: absolute; top: 50%; left: 50%; display: none;}

#galleryBox,
#widgetBox {max-width: 260px;}

#rightBg {right:0; background:#000; position: fixed; width: 0%; top: 0; bottom: 0; z-index: -1;}

#mesh {
    background: url("images/mesh.png");
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -2;
    display: none;
}

.noticeMessage {
	background: rgba(0,0,0,.85);
	display: inline-block; 
	font-size: 11px;
    padding: 15px 20px;
    margin: 20px;
    color: red;
}
.noticeMessage p {margin-bottom: 10px; font-size: 11px;}
.noticeMessage input[type="submit"] {display: block; width: 100%; padding: 8px 0;}
.noticeMessage input[type="password"] {margin-bottom: 10px;}

/*------TABS STUFF------*/
#navBox {width: 47px; position: fixed; top: 50%; right: 0%; margin-right: 20px; display: none; list-style: none;}
#navBox li {display: block; height: 47px; margin-bottom: 2px;}
#navBox li a {
	display: block; 
	width: 47px; 
	height: 47px; 
	line-height: 47px; 
	font-size: 10px; 
	text-indent: -100px; 
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 14px center;
	background-color: #000;
}
#navBox.openNav li a {
	zoom: 1;
    filter: alpha(opacity=45);
	opacity: .45;
}
li#homeNav a {background-image: url(images/home.png)}
li#contentNav a {background-image: url(images/content.png)}
body.archive li#contentNav a,
body.search li#contentNav a,
body.blog li#contentNav a {background-image: url(images/list.png)}
li#galleryNav a {background-image: url(images/gallery.png)}
li#widgetNav a {background-image: url(images/widget.png)}

#navBox.openNav li a.activeNav {
	border-right: 2px solid #000; 
	border-color:rgba(0,0,0,.0); 
	background-color: #000; 
	background-color: rgba(0,0,0,.85);
	zoom: 1;
    filter: alpha(opacity=100);
	opacity: 1;
}

#navBox li a:hover {
	width: 100px; 
	margin-left: -53px; 
	text-indent: 15px; 
	background-position:67px center !important; 
	letter-spacing: .4px; 
	text-decoration: none; 
	background-color: #000; 
	background-color: rgba(0,0,0,.85); 
	opacity: 1;
}
#navBox li a.activeNav:hover {background:#000 url(images/close.png) no-repeat 14px center !important; background-color: rgba(0,0,0,.85) !important; text-indent: -100px; width: 47px; margin-left: 0;}

/*---------HOME BOX STUFF-----------*/
#logo {display: block; margin-top: 5px; max-width: 100%;}
#copyright {font-size: 10px; width: 100%; position: fixed; bottom: 0; left: 50%; padding:45px;}

/*-------MAIN NAVIGATION STUFF--------*/
#navigation {margin:20px 0 0 -30px;}
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none;  display:block; position:relative; float: left; line-height: 40px; margin-left: 30px; width: 150px}
#dropmenu li a { display: block; line-height: 40px; font-size: 10px; text-transform: uppercase;}
#dropmenu li ul {list-style:none; display:none; position:absolute; width:150px; z-index:300; top:30px; left: 0; background: #000; padding: 5px 0;}
#dropmenu li ul li {position:relative; margin: 0; clear: left;}
#dropmenu li ul li a {line-height: 30px; display: block; padding: 0 15px;}
#dropmenu li ul li ul {}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current-menu-item > a,
#dropmenu li.current-menu-ancestor > a {color: #fff}

/* -----SEARCH STUFF----- */
#searchform {background: #222; border: 1px solid #222; max-width: 260px; height: 35px;}
#searchform #s {width:73.0769%; padding:0 10px; height: 35px; line-height: 35px; margin: 0; background: none; border: none;}
#searchform #searchsubmit {cursor: pointer; padding:13px 0 13px 10px; float: left;} 
#searchform #searchsubmit:hover {text-decoration: none;}

/* -----POST AND ENTRY STUFF----- */
.listing .post,
.listing .page {margin: 0 0 55px;}
.listing .post h2.posttitle,
.listing .page h2.posttitle {margin-bottom: 5px; margin-bottom: 0;}
.post h2.posttitle,
.page h2.posttitle,
.entrytitle {font-size: 20px; padding-bottom: 0px;}
.entrytitle {margin-bottom: 20px;}
.entry{font-size: 12px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}

#tagInfo {border-top: 1px dotted #ccc; padding-top: 5px; margin: 45px 0; font-size: 10px;}

p#metaStuff {margin-bottom: 40px; font-size: 10px; font-style: italic;}
p.metaStuff {margin-bottom: 15px; border-bottom: 1px dotted #888; border:none; padding:5px 0; padding: 0; font-size: 10px; font-style: italic;}
.readMore {font-size: 12px; float: right; margin-top: 10px;}

/*-----THUMBS STUFF------*/
ul.attachmentGallery {list-style: none;}
ul.attachmentGallery li {margin: 0 0 45px 0; list-style: none; display: block; overflow: hidden; outline: 2px solid #000;}
ul.attachmentGallery li img {display: block; width: 100%;}
ul.attachmentGallery li.activeImg,
ul.attachmentGallery li:hover {outline:2px solid #f8f8f8;}

/*----SLIDESHOW STUFF----*/
#bgControls {position: fixed; max-width: 100%; bottom: 20px; right: 20px; display: none;}
#bgControls a {display: block; height: 47px; width: 47px; line-height: 47px; text-align: center; color: #fff; background: #000; font-size: 14px; margin-left: 1px; margin-left: 2px; float: right;}
#bgControls a:hover {text-decoration: none; background: #222;}
#imgInfo {height: 47px; line-height:47px; padding: 0 20px; color: #ccc; float: right; font-size: 10px; background: #000; display: none; margin-left: 1px; margin-left: 2px;}

/*-----CRUMBS AND BLOG NAV STUFF---*/
#blogNav {position: fixed; max-width: 100%; top: 20px; right: 20px; z-index: 1000;}
#blogNav > a {display: block; height: 47px; width: 47px; line-height: 47px; text-align: center; color: #fff; background: #000; font-size: 14px; margin-left: 1px; float: right; margin-left: 2px}
#blogNav > a:hover {text-decoration: none; background: #222}
#blogNav #crumbs {background: #000; height: 47px; line-height: 47px; padding: 0 20px; font-size: 10px; float: right;}

/*--- POST THUMBNAIL STUFF ---*/
a.thumbLink {display: block;}
a.thumbLink img {display: block; width: 100%; margin-bottom: 15px;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {font-size:10px; width: 100%; float: left; text-transform: uppercase; margin-bottom: 45px;}
.navigation .pagenav a {display: block;}

/*-----SIDEBAR STUFF----*/
#widgetBox ul li.widget {list-style: none; margin: 0 0 65px; font-size: 12px; width: 100%;}
#widgetBox ul li.widget img {max-width: 100%}
#widgetBox ul li.widget h2.widgettitle {font-size: 12px; text-transform: uppercase; border-bottom: 1px dotted #ccc; padding-bottom: 2px; margin-bottom: 15px;}
#widgetBox ul li.widget ul li {list-style-type:square; list-style-position: outside; margin-left: 15px; margin-bottom: 5px;}
#widgetBox ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

/* -----COMMENT STUFF----- */
#commentsection {clear: left; width: 100%;}
.commentlist {width: 100%; list-style:none; clear: left;}
h3.comments {margin:40px auto 20px;}
#commentsection h3 {line-height: 30px; margin:45px 0 20px; display: inline-block; float: left; font-size: 14px;}
#respond {margin-bottom: 75px;}
#respond h3 {margin-bottom: 20px;}
#commentform input,#commentform textarea {float:left; font-size: 10px;}
.commentlist li {font-weight:bold;list-style:none; font-size:12px; margin-bottom: 40px;}
.commentlist li img.avatar {float:left;margin-right:20px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 0; text-align: justify;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:0; clear: left;margin-top: 1px;}
.commentmetadata {font-weight:normal;display:block; font-size:9px; text-transform:uppercase;}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}
#commentform {padding: 30px; margin-bottom: 0px; background:none; padding:0; clear: left;}
#cancel-comment-reply-link {line-height: 30px; padding: 0 15px; font-size: 10px; display: inline-block; margin: 45px 0 0;}
#loggedIn {display: inline-blockline-height: 30px; padding: 0 15px;}
.comment-author {font-family: serif; font-size: 12px; font-weight: normal; line-height: 1em;}
#commentform label {display: inline-block; background: #1a1a1a; padding: 0 10px; height: 30px; line-height: 30px; font-size: 10px; text-transform: uppercase;}
ul.children {padding-left: 30px; border-left: 1px dashed #eee;}
.reply {text-align: right; font-size: 11px; margin:-5px 0 10px; font-weight: normal; font-style: italic}

/*---FORM STUFF---*/
input[type="email"],input[type="text"],input[type="password"] {padding: 0 10px; height: 30px; line-height: 30px; width:170px; margin: 0 0 5px 0; border: none;}
input[type="password"] {margin-bottom: 25px;}
textarea {padding: 15px; width:90%; font-family: sans-serif; font-size: 12px; border: none; margin-bottom: 5px;}
#commentform input[type="submit"], 
input[type="submit"] {cursor: pointer; overflow: hidden; display: block; border: none; padding: 8px 15px; margin-bottom: 1px;}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover {background: #222;}

#commentform input[type="submit"], 
input[type="submit"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea {background: #1a1a1a; color: #fff;}

#sidebar input, #sidebar textarea {padding:3px}
#sidebar input[type="submit"]{cursor:pointer;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {text-align:center;width:100%; margin-bottom: 10px;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}

/*----TAG CLOUD WIDGET STUFF-------*/
.widget_tag_cloud a {
	font-size: 10px !important;
	display: block;
	color: #fff;
	background: #222;	
	float: left;
	padding: 2px 8px;
	margin: 0 3px 3px 0;
	text-transform: uppercase
}
.widget_tag_cloud a:hover {background: #333; color: #fff; text-decoration: none;}
.widget_tag_cloud:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

/*----------------------------------*/
/*----------PACE LOADING-----------*/
/*--------------------------------*/
.pace {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;

  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 47px;
  width: 85px;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transition: width 1s ease-in-out 1s linear;
  -moz-transition: width 1s ease-in-out 1s linear;
  -ms-transition: width 1s ease-in-out 1s linear;
  -o-transition: width 1s ease-in-out 1s linear;
  transition: width 1s ease-in-out 1s linear;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  z-index: 2000;
  display: block;
  font-size: 12px;
  background: #fff;
  color: #fff;
  line-height: 47px;
  max-width: 100%;
  height: 2px;
  text-align: center;
  position: relative;
  left: 0;
  top: 0;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
  position: fixed; 
  top: 1px;
  left: 0;
  width: 85px;
}

.pace.pace-inactive {
  display: none;
}