/*
Theme Name: Ed Bock Stock
Theme URI: http://edbockstock.com/
Description:  Theme of Ed Bock Stock.com.
Version: 1.0
Author: Anthony Lukes
Author URI: http://anthonylukes.net/
Tags: fixed width

*/



/*++++++++++++++++++
	default styes
++++++++++++++++++++*/

* { margin:0; padding:0; }

html {
	height:101%;
}

a { 
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	text-decoration:underline;
}

p,h1,h2,h3,h4,h5 {
	margin-bottom:1em;
}

img { border:none }

/*++++++++++++++++++
	main layout
++++++++++++++++++++*/

html {
	font-size:62.5%;
}

body {
	background:#EDF0E5 url('images/bg.gif') 0 0 repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:normal
}

#pageContainer {
	background:#E2E7D3 url('images/container-bg.gif') top center no-repeat;
	text-align:center;
}

#wrapper {
	width:950px;
	margin:auto;
	text-align:left;
}

/*++++++++++++++++++
	common styles
++++++++++++++++++++*/

#content a.button {
	display:block;
	background:url('images/button.png') 0 0 no-repeat;
	width:221px; 
	height:65px;
	overflow:hidden;
	line-height:58px;
	font-size:15px;
	text-align:center;
	color:#333333;
	text-decoration:none;
}
.separate { border-top:1px solid #666666;clear:both; margin-top:20px; margin-bottom:20px }
img.right { float:right; border:5px solid #cccccc; margin-left:15px; margin-bottom:15px }
img.left { float:left; }
.highlight { color: #D0E3EB }

/*++++++++++++++++++
	header styles
++++++++++++++++++++*/

#header {
	height:107px;
	background:url('images/header-bg.gif') bottom left no-repeat;
	position:relative;
}

#header h1 {
	position:absolute;
	top:15px;
	margin:0;
}

#header h1, #header h1 a {
	width:298px;
	height:92px;
	display:block;
}

#header h1 a {
	background:url('images/logo.gif') 0 0 no-repeat;
	text-indent:-9999px;
}

#topperNav {
	position:absolute;
	top:15px;
	right:10px;
}

#topperNav, #topperNav li {
	list-style:none;
}

#topperNav li {
	display:inline;
}

#topperNav li a {
	padding:0 10px;
}

#topperNav li.blog {
	border-right:1px solid #fff;
}

#header .mainNav {
	position:absolute;
	top:46px;
	left:314px;
}

#header .mainNav, #header .mainNav li {
	display:inline;
	list-style:none;
}

#header .mainNav a {
	font-size:12px;
	color:#ccc;
	display:block;
	float:left;
	height:32px;
	line-height:29px;
	text-decoration:none;
	background:url('images/nav-bg.gif') top left repeat-x;
	margin-right:14px;
}

.home #header ul.mainNav li.home a,
.portfolio #header ul.mainNav li.portfolio a,
	.microstock #header ul.mainNav li.portfolio a,
	.rightsmanaged #header ul.mainNav li.portfolio a,
	.royaltyfree #header ul.mainNav li.portfolio a,
    .newwork #header ul.mainNav li.portfolio a,
    .personalwork #header ul.mainNav li.portfolio a,
.model #header ul.mainNav li.model a,
	.faq #header ul.mainNav li.model a,
	.submitaphoto #header ul.mainNav li.model a,
.testimonials #header ul.mainNav li.testimonials a,
.about #header ul.mainNav li.about a {
	color:#1a1a1a;
	background:url('images/nav-bg.gif') bottom left repeat-x;
}


#header .mainNav a:hover,
#header .mainNav li:hover a,
#header .mainNav li.hover a {
	color:#1a1a1a;
	background:url('images/nav-bg.gif') 0px -32px repeat-x;
}

#header .mainNav a span {
	padding:0 27px;
}

#header .mainNav ul {
	position:absolute;
	top:32px;
	height:27px;
	left:-16px;
	width:652px;
	display:none;
	text-indent:13px;
	z-index:80;
	background:url('images/header-bg.gif') -3px -37px no-repeat;
}

#header .mainNav li.portfolio ul {
	text-indent:136px;
}

#header .mainNav li.model ul {
	text-indent:250px;
}

#header .mainNav li:hover ul,
#header .mainNav li.hover ul {
	display:block;
}

#header .mainNav li.hover li {
	display:inline;
}

.portfolio #header .mainNav li.portfolio ul,
	.microstock #header .mainNav li.portfolio ul,
	.rightsmanaged #header .mainNav li.portfolio ul,
	.royaltyfree #header .mainNav li.portfolio ul,
    .newwork #header .mainNav li.portfolio ul,
    .personalwork #header .mainNav li.portfolio ul,
.model #header .mainNav li.model ul,
	.faq #header .mainNav li.model ul,
	.submitaphoto #header .mainNav li.model ul{
	display:block;
	z-index:50;
}

#header .mainNav ul li {
	border-left:1px solid #000;
}

#header .mainNav ul li.microstock, #header .mainNav ul li.modelSubmission {
	border:none;
}

#header .mainNav ul li, #header .mainNav ul li a {
	padding:0;
	margin:0;
	display:inline;
	float:none;
	background:none;
}

#header .mainNav li ul li a {
	background:none;
	color:#000;
	padding:0 3px 0 6px;
}

#header .mainNav li:hover ul li a,
#header .mainNav li.hover ul li a,
#header .mainNav li.hover li.hover a,
#header .mainNav li ul li a,
#header .mainNav li ul li a  {
	color:#1a1a1a;
	background:none;
}


#header .mainNav li ul li a:hover,
#header .mainNav li:hover ul li a:hover,
#header .mainNav li.hover ul li a:hover {
	text-decoration:underline;
	color:#5b9014;
}

/* sub nav selected indicators */
.microstock #header .mainNav li ul li.microstock a,
.rightsmanaged #header .mainNav li ul li.rightsmanaged a,
.royaltyfree #header .mainNav li ul li.royaltyfree a,
.newwork #header .mainNav li ul li.newwork a,
.personalwork #header .mainNav li ul li.personalwork a,
.faq #header .mainNav li ul li.faq a {
	color:#5b9014;
}



/*++++++++++++++++++
	content styles
++++++++++++++++++++*/

#content {
	background:#2F2F2F url('images/content-bg.gif') 0 0 no-repeat;
	color:#fff;
	margin:4px 0 0 0;
	float:left;
	width:950px;
}

#content a { 
	color:#8cc63f;
}

#content .container {
	padding:15px;
	float:left;
}

#content .col1 {
	width:282px;
}

#content .col1 img {
        margin:0 auto 10px auto;
        display:block;
        text-align:center;
}

#content .col1 ul, #content .col1 li {
	list-style:none;
}

#content .col1 #sidebar h2 {
	margin:1em 0 0 0;
}

#content .col1 h2 {
        font-size:1.5em;
}

#content .col2, 
#content .private {
	border-left:1px #464646 solid;
	width:637px;
}

#content .container .col1 .container {
	padding:25px 15px 25px 7px;
}

#content .container .col2 .container,
#content .container .private .container {
	padding:25px 15px 25px 40px;
}


#content .col1, #content .col2, #content .private {
	float:left;
}

/* sets default image styles */
#content .col2 img,
#content .private img {
	margin:6px 6px 4px 6px;
}

#content .col2 a img,
#content .private a img {
	border:2px solid #2F2F2F;
}

#content .col2 a:hover img,
#content .private a:hover img {
	border:2px solid #8F8F8F;
}

#content h3 {
	color:#8cc63f;
	font-size:1.25em;
}

#content h4 {
	color:#8cc63f;
	font-size:1.15em;
}

/*++++++++++++++++++
	footer-banner styles
++++++++++++++++++++*/

#footerBanner {
	float:left;
	width:950px;
	background:#fff;
	margin-top:8px;
}

#footerBanner h3 {
	font-size:1.25em;
}

#footerBanner a {
	color:#009245;
}

#footerBanner .col1, #footerBanner .col2 {
	float:left;
}

#footerBanner .col1 {
	width:325px;
}

#footerBanner .col2 {
	width:625px;
}

#footerBanner .container {
	padding:15px;
}

#footerBanner .col2 .container {
	padding-left:0px;
}

.portfolio #footerBanner .col1 .container,
.microstock #footerBanner .col1 .container,
.rightsmanaged #footerBanner .col1 .container,
.royaltyfree #footerBanner .col1 .container,
.newwork #footerBanner .col1 .container,
.personalwork #footerBanner .col1 .container {
	padding:25px;
}

.portfolio #footerBanner h3,
.microstock #footerBanner h3,
.rightsmanaged #footerBanner h3,
.royaltyfree #footerBanner h3,
.newwork #footerBanner h3,
.personalwork #footerBanner h3 {
	font-size:2.5em;
	color:#8cc63f;
}


.portfolio #footerBanner .col2 a,
.microstock #footerBanner .col2 a, 
.rightsmanaged #footerBanner .col2 a,
.royaltyfree #footerBanner .col2 a,
.newwork #footerBanner .col2 a ,
.personalwork #footerBanner .col2 a{
	display:block;
	width:140px;
	height:119px;
	text-indent:-9999px;
	background-position:top left;
	float:left;
}

.portfolio #footerBanner .col2 a:hover,
.microstock #footerBanner .col2 a:hover,
.rightsmanaged #footerBanner .col2 a:hover,
.royaltyfree #footerBanner .col2 a:hover,
.newwork #footerBanner .col2 a:hover,
.personalwork #footerBanner .col2 a:hover {
	background-position:top right;
}

#footerBanner .col2 a.microstock {
	background-image:url('images/btn_microStock.gif');
}

#footerBanner .col2 a.rightsmanaged {
	background-image:url('images/btn_rightsManaged.gif');
}

#footerBanner .col2 a.royaltyfree {
	background-image:url('images/btn_royaltyFree.gif');
}

/*++++++++++++++++++
	footer styles
++++++++++++++++++++*/

#footer {
	background:#E1E7D2 url('images/footer.gif') 0 8px no-repeat;
	position:relative;
	height:105px;
	clear:both;
}

#footer p {
	color:#a6a5a5;
	font-size:.92em;
	position:absolute;
	top:34px;
	left:25px;
}

#footer ul, #footer ul li {
	text-decoration:none;
	list-style:none;
	display:inline;
}

#footer ul.agencyNav {
	position:absolute;
	right:7px;
	top:23px;
}

#footer ul.agencyNav a {
	display:block;
	float:left;
	height:40px;
	text-indent:-9999px;
	margin-right:37px;
}

#footer ul.agencyNav li.istock a {
	width:126px;
	background:url('images/istock.gif') 0 0 no-repeat;
}

#footer ul.agencyNav li.dreamstime a {
	width:150px;
	background:url('images/dreamstime.gif') 0 0 no-repeat;
}

#footer ul.mainNav {
	position:absolute;
	bottom:5px;
	width:950px;
	left:-90px;
	text-align:right;
}

#footer ul.mainNav li {
	border-right:1px solid #8a8989;
}

#footer ul.mainNav li.contact {
	border:none;
}

#footer ul.mainNav a {
	color:#8a8989;
	padding:0 8px 0 5px;
}



/*++++++++++++++++++
	home styles
++++++++++++++++++++*/

.home #content h3 {
	/*color:#ccc;*/
}

.home #content .col2 {
	border:none;
}

.home #content .container .col2 .container {
	padding:25px 0px 25px 25px;
}

.home #content .container .col2 img {
	margin:0 3px 0 0;
}

.home #footerBanner .col2 {
        margin-left:325px;
        display:inline;
}


/*++++++++++++++++++
	portfolio styles
++++++++++++++++++++*/

#content .col1 p.portfolio {
	margin-bottom:2em;
}

#content .col1 h4, #content .col1 h4 a {
	width:150px;
	height:39px;
	text-indent:-9999px;
	margin:0;
	display:block;
}

#content h4.istock, #content h4.dreamstime {
	margin:0 0 38px 38px;
}

#content h4.istock a {
	background:url('images/btn_istock.gif') 0 0 no-repeat;
}

#content h4.dreamstime a {
	background:url('images/btn_dreamstime.gif') 0 0 no-repeat;
}

/*+++++++++++++++++++++
	model styles
+++++++++++++++++++++++*/

.model form label {
	display:block;
}

.model form input {
	height:20px;
}

.model form textarea {
        height:50px
}

.model form input, .model form textarea {
	width:250px;
}

.model div.submit input {
	width:auto;
}

.model .gender input {
	width:auto;
        height:auto;
        margin:0 3px;
}

.model form span {
	display:block;
}

.model .height label {
        display:inline;
}

.model .height select {
        margin:0 10px 0 5px;
}

.model p.fieldwrap {
        position:relative;
}

.model .fieldwrap img {
        margin:0;
        position:absolute;
        left:252px;
        top:9px;
}

.model form span.required {
	display:inline;
}

.model form h5 {
        font-size:1.2em;
        margin-top:2em;
}


/*+++++++++++++++++++++
	faq styles
+++++++++++++++++++++++*/

.faq p.question {
	color:#8cc63f;
}


/*+++++++++++++++++++++
	testimonial styles
+++++++++++++++++++++++*/

/*.testimonials .col2 {
        margin-left:282px;
        display:inline;
}*/

.testimonials .col2 p {
	font-style:normal;
}

.testimonials .col2 span.name {
	font-style:normal;
	color:#ccc;
}


/*+++++++++++++++++++++
	private styles
+++++++++++++++++++++++*/
#content .private {
        margin-left:282px;
        display:inline;
}

#content .private div.container div {
        float:left;
}

/*+++++++++++++++++++++
	blog styles
+++++++++++++++++++++++*/
#comment {
	width:550px;
	height:150px;
}

.col2 .container .post {
    width: 582px;
}