/*  
Theme Name: msjphotography.com
Theme URI: http://www.alexmilesyounger.com
Description: Custom design for Mark S. Johnson Photography
Version: 1.0
Author: Alex Miles Younger
Author URI: http://www.alexmilesyounger.com
*/


/*body*/

body {
font: 10pt helvetica, arial, sans-serif; color: #333333;
background: #3f3f3f;
margin: 0px;
padding: 0px;
}

#main {
margin: 10px auto 10px auto;
padding: 10px;
width: 930px;
background: #000000;
border: 3px solid #d1d1d1;
}

#header {
background: #000000  url(images/header.jpg) no-repeat;
height: 264px;
border-top: 39px solid #000000;
border-bottom: 45px solid #000000;
position: relative;
margin: 0 -10px 0 -10px;
}

#logo {
position: relative;
left: -999em;
padding: 20px 0px 0px 500px;
height: 60px;
width: 500px;
}

#logo .description {
position: absolute;
left: 620px;
bottom: 2px;
color: #white;
font-size: 14px;
}


/*menu*/

#menu {
list-style: none;
margin: 0px;
position: absolute;
left: 10px;
top: -35px;
}

#menu li {
float: left;
margin-left: 0px;
letter-spacing: 0px;
}

#menu .current_page_item a, #menu .current_page_item a:visited {
color: #91cac8;
text-decoration: none;
}

#menu .page_item a {
color: #91cac8;
text-decoration: none;
padding: 2px 15px;
font: 14pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
text-transform: uppercase;
display: block;
}

#menu .page_item a:hover {
color: #a8aadb;
text-decoration: underline;
}


/*headings*/

h1 {
margin:0px;
height: 40px;
font: 25pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
color: #red;
text-decoration: none;
letter-spacing: 0px;
}

h1 a {
color: #91cac8;
text-decoration: none;
}

h1 a:visited {
color: #cab491;
text-decoration: none;
}

h1 a:hover {
color: #91cac8;
text-decoration: none;
}

h2 {
color: #91cac8;
margin: 0px 0px 20px;
border-bottom:none;
letter-spacing: 0px;
font: 16pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
padding:0px 0px 0px 0px;
background:url(images/1h2.png)
}

h2 a {
color: #91cac8;
text-decoration: none;

}

h2 a: visited {
color: #cab491;
text-decoration: none;
}

h2 a:hover {
color: #a8aadb;
text-decoration: underline;
}

h2 a span {
	font-size: 21pt;
}

h2.galleryheader {
margin-left: 10px;
margin-bottom: 0;
}

h3 {
color: #a8aadb;
margin: 25px 0px 5px;
letter-spacing: 0px;
font:14pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
padding-bottom: 3px;
text-transform: uppercase;
}

h3.tagline {
color: #a8aadb;
margin: -10px 0px 5px;
letter-spacing: 0px;
font:12pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
padding-bottom: 3px;
text-transform: uppercase;
}

h3.subheader {
color: #91cac8;
margin-top: -0;
padding-top: 0;
font-size: 16pt;
text-align: center;
}

h4 {
color: #a8aadb;
margin: 0px 0px 2px;
letter-spacing: 0px;
font:12pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
padding-bottom: 3px;
text-transform: uppercase;
}

h4.tagline {
color: #91cac8;
margin: -20px 0px 15px;
letter-spacing: 0px;
font:12pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
padding-bottom: 3px;
text-transform: uppercase;
}

h4.booktagline {
color: #91cac8;
margin: -10px 0px 15px;
letter-spacing: 0px;
font:12pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
padding-bottom: 3px;
text-transform: uppercase;
}


/*content*/

#content {
padding: 10px 0px 30px 10px;
float: left;
width: 695px;
overflow: hidden;
line-height: 16px;
text-align: justify;
font: 11pt helvetica, arial, sans-serif;
color: #d1d1d1;
text-decoration: none;
}

#gallerycontent {
	width: 930px;
	margin: 0 87px 30px 87px;
}

.post {
clear:both;
padding-top: 0px;
padding-bottom: 35px;
}

.post {
clear:none;
padding: 0;
}

.title {
float: left;
margin-left: 0px;
width: 695px;
}

.post-date {
width: 48px;
height: 55px;
float:left;
background: url(images/date.png) no-repeat;
}


.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}

.post-day {
font-size: 18px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 18px;
padding-top: 7px;
margin-left: -3px;
}

.entry {
clear: both;
padding: 5px 0px 0px 0px;
}

.comments {
display: block;
font:10px;
float: left;
margin: 0;
padding: 2px 0px 2px 5px;
color: #a8aadb;
background:#000;
border: none/*1px  solid#111111*/;
width:100%;
}

.author {
display: block;
margin: 0;
padding: 20px 0px 2px 0px;
font-size: 9pt;
font-weight: normal;
color: #787878;
text-transform: uppercase;
}

.navigation {
clear: both;
padding: 10px 0px;
}

.navigation a:visited {
color: #cab491;
text-decoration: none;
}

.navigation a:hover {
color: #91cac8;
text-decoration: underline;
}


.previous-entries a {
float: left;
padding-left: 12pt;
}

.next-entries a {
float: right;
padding-right: 18pt;
}


/*sidebar*/

#sidebar {
float: right;
padding: 0px 10px 20px 10px;
width: 200px;
font: 11pt Helvetica, sans-serif;
color: #d1d1d1;
overflow: hidden;
}

#sidebar h2, #sidebar .sidebartitle {
font: 13pt "Trebuchet MS", Trebuchet, Myriad Pro, Myriad, Helvetica, sans-serif;
text-transform: uppercase;
color: #a8aadb;
background:#3f3f3f;
margin: 20px 0px 0px 0px;
padding:4px 0px 3px 5px;
border:1px solid #111111;
}

#sidebar a {
display: block;
padding: 7px 0px 0px 0px;
width: 200px;
font: 11pt Helvetica, sans-serif;
text-decoration: none;
text-indent: 0px;
text-transform: capitalize;
color: #a8aadb;
}

#sidebar a:visited {
color: #cab491;
text-decoration: none;
}


#sidebar a:hover {
color: #91cac8;
text-decoration: underline;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#sidebar ul li ul {
padding: 0;
margin: 0;
background:#000000;
}

#sidebar ul li ul li{
padding: 0px 0 0px 0px;
background:#000000;
}

#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}

ul.sidecol li{
padding-left: 0px !important;
}


#sidebar ul.sidecolsub li{
padding-left: 10px !important;
}

li.widget_calendar td {
padding: 1px 7px;
}

.textwidget {
padding-top: 5px;
}



/*comments*/

#comments, #respond {
padding: 10px 0 5px 0;
clear: both;
}


.commentlist {
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}

.commentlist li{
padding: 5px 10px;
}

.commentlist cite {
font-size: 14px;
color: #91cac8;
}

.commentlist cite a, .commentlist cite a:visited {
color: #91cac8;
}

.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}

#commentform {
margin-top: 10px;
font: 10px;
}

#commentform p {
padding: 6px 0px;
margin: 0px;
}

#commentform label {
color: #787878;
font-size: 77%;
}

#commentform input {
width: 200px;
background:#ffffff;
border: 1px solid #97a9ae;
padding: 3px;
margin-top: 3px;
}

#commentform textarea {
width: 570px;
height: 115px;
background:#ffffff;
border: 1px solid #97a9ae;
padding: 2px;
margin-top: 3px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}

#commentform #submit {
background:#3f3f3f;
font: 14px ;
color: #999999;
border:1px solid #111;
float:left;width: 144px;
height: 28px;
cursor: pointer;
}


/*Search*/

#searchform {
margin: 15px 0 0;
}

#searchform br {
display: none;
}

#searchform #s {
border:1px solid #618806;
width: 130px;
height: 22px;
padding: 4px 5px 0px 5px;
border: 1px solid #bed881;
background: #fff;
margin-right: 2px;
color: #000000;
font-weight: normal;
}

#searchform input {
background:#3f3f3f ;
border:1px solid #222222;
width: 49px;
height: 28px;
font:22px ;
color: #999999;
vertical-align: middle;
}

#footer {
clear: both;
border-top: 1px solid #fff;
background: #000000;
padding:10px 10px 5px 10px;
margin-right: -10px;
margin-left: -10px;
height: 20px;
font-size: 10pt;
color: #d1d1d1;
}

#footer a {
text-decoration: none;
font-size: 10pt;
color: #d1d1d1;
}

#footer a:hover {
color: #d1d1d1;
}


/*Other*/

.center {
text-align: center;
}

a {
color: #a8aadb;
text-decoration: none;
}

a:visited {
color: #cab491;
text-decoration: none;
}

a:hover {
color: #91cac8;
text-decoration: underline;
}

img {
border: none;
}

form {
margin:0px;
padding:0px;
}

p {
padding: 0px 0px 15px;
margin: 0px;
letter-spacing: 0px;
font-weight: normal;
text-align: left;
line-height: 1.5em;
}

img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}

.alignright {
float: right;
}

img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}

#productdisplay {
float: left;
margin: 134px 0 0 0;
}

#productdisplaybd {
float: left;
margin: 114px 0 0 0;
}

img.productnewspost, img[align="productnewspost"] {
float:left;
margin: -20px 10px 5px 0px;
}


#productnewspost {
margin: 55px 0 0 0;
}

#productnewspost p.first {
margin-top: 0;
}

#productnewspost p.ddet {
margin-top: 10px;
}

#productnewspost1 {
margin: 5px 0 0 0;
}

#productnewspost1 p.first {
margin-top: 0;
}

#productnewspost2 {
margin: 5px 0 0 0;
}

#productnewspost2 p.first {
margin-top: 0;
}

#productnewspost2 p.ddet {
margin-top: 10px;
}

img.productLargePost1 {
float:left;
margin-left: 95px;

}

img.productLargePost2 {
float:left;
margin-top: -15px;
clear: right;

}



ul.subtopic {
	margin: 0; padding: 0;
	margin-top: -15px;
	list-style: none;
}

ul.subtopic li {
	text-indent: 20px;
	line-height: 1.5em;
	margin: 0; padding: 0;
}

.productnewspost3 {
margin: 0;
padding: 0;
margin-top: 8px;
}

.productnewspost3 p.first {
margin-top: 16px;
}

img.productnewspost3, img[align="productnewspost3"] {
float:left;
margin: 0;
padding: 0;
margin-left: -15px;
}

.gallerylink {
	float: right;
	margin-right: 170px; 
	margin-top: -16px;
}

.galleryMainDisplay {
	width: 300px;
}

blockquote {
color: #91cac8;
margin: -5px 0 20px 40px;
}

.quote {
font-style: none;
}

.red { /* Use this class to highlight things that may need to be changed */
color: red !important;
}

#pswplay {
font: 10pt "Trebuchet MS", Trebuchet, "Myriad Pro", Myriad, Helvetica, sans-serif; 
color: #787878;
margin: -10px 0 20px 0;
}

#sidebarads {
text-align: center;
margin-left: auto;
margin-right: auto;
}

#bottomad {
clear: both;
padding: 0 0 0 10px;
/* padding:10px 10px 5px 10px; */
height: 100px;
}

.feed {
margin-left: 3px;
padding: 0 0 0 19px;
background: url(/images/feed-icon-14x14.png) no-repeat 0 50%;
}

#ddet {
margin: -12px 0 20px 0;
}

.clear {
clear:both;
}

hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}

ol.psfaq li{
	padding-bottom: 16px;
}

ol.psfaq span{
	color: #91cac8;
}