/*
Theme Name: DITTMER modern photography
Theme URI: HTTP://THEDITTMERS.COM
Description: Theme For DMP Designed by MyModernWeb.com
Author: MyModernWeb.com
Author URI: http://MyModernWeb.com
Tags: wedding photography
*/


@import "style/css/reset.css";
@import "style/css/text.css";
@import "style/css/wp-layout.css";


/*------------STRUCTURE-------------*/

.hidden		{ visibility: hidden; position: absolute; text-transform: lowercase; }
body		{ background: #F9F0DF url(style/images/body-bg.jpg) fixed; color: #706360; text-transform: lowercase; }

a			{ color: #312827; }
a:hover		{ color: white; }
.footer		{ margin: 0 auto; width: 960px; }

/*------------HEADER-------------*/


#header			{ background: #c2e3a8; margin: 60px auto 0 auto; height: 128px; width: 948px; border: 6px solid #eab7b7; filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75; }

#logo			{ margin: 40px auto 0 auto; width: 190px; height: 53px; filter: alpha(opacity=100) !important; -moz-opacity:100 !important; opacity:100 !important;  }

#navbar			{ margin: 0 auto; height: 24px; width: 960px; background: #E6B1AF; }
.nav			{ margin: 0 0 0 6px; padding: 3px 0 0 0; }
.nav li			{ float: left; margin: 0; padding: 0 15px 0 0; color: white; font: normal 10px; }
.nav a			{ text-decoration: none; color: white; }
.nav a:hover	{ color: gray; }

#social			{ margin: 0 0 0 860px; position: absolute; }
#social img		{ float: left; padding: 2px; }

.navright			{ margin: 3px 0 0 590px; position: absolute; }
.navright a			{ text-decoration: none; color: white; font: normal 10px; }
.navright a:hover	{ color: gray; }
#search				{ margin: 0 0 0 700px; position: absolute; }
.btn-search			{ background: none; border: none; font: normal 10px; color: white; padding: 4px 0 0 0; margin: 0; }
.inp-search			{ border-bottom-width: 1px; border-bottom-color: white; border-right-style: none; border-left-style: none; border-bottom-style: solid; border-top-style: none; background: none; color: white; font: normal 10px; width: 100px; }

/*------------PANEL STRUCTURE-------------*/

#about_panel	{ width: 958px; border: 1px solid #E3ADAB; background: #FFD3CE; height: 0px; z-index: 10; overflow: hidden; position: relative; margin: 0 auto; }
#price_panel	{ width: 958px; border: 1px solid #E3ADAB; background: #FFD3CE; height: 0px; z-index: 10; overflow: hidden; position: relative; margin: 0 auto; }
#connect_panel	{ width: 958px; border: 1px solid #E3ADAB; background: #FFD3CE; height: 0px; z-index: 10; overflow: hidden; position: relative; margin: 0 auto; }
#gallery_panel	{ width: 958px; border: 1px solid #E3ADAB; background: #FFD3CE; height: 0px; z-index: 10; overflow: hidden; position: relative; margin: 0 auto; }

.hide_button_box	{ bottom: 0px; position: absolute; width: 958px; background: #E6B1AF; height: 50px; text-align: right; }
.hide_button		{ bottom: 0px; padding: 15px; text-decoration: none; color: white; font-size: 17px; }
.panel-pic			{ padding: 10px 0 0 10px; }

.panel h2		{ padding: 5px; }


/*------------CONTACT PANEL-------------*/


.left			{ color: #000 !important; font-family: Verdana !important; font-size: 12px !important; }
td.left 		{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#fff; vertical-align: top; text-align: left; }
.pagebreak		{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:bold; color:black; }
td.right 		{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#000; vertical-align: top; text-align: left; padding: 3px; }
.head			{ font-family: "Trebuchet MS"; font-size: large; font-weight:bold; color:#fff; vertical-align: top; text-align: left; }
.notvalid		{ border:2px red solid; font-family:"Trebuchet MS"; }
.text			{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#000; border:1px #fff solid; background-color: #F1C7C3; }
select.other	{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#fff; border:1px #000 solid; }
.btn			{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#000; border:1px #000 solid; }
span.required	{ font-size: 13px !important; color: red !important; }
.pageinfo		{ padding-right:5px; margin-bottom:15px; float:left; }
.left			{ width: 210px; }

.conhide_button_box	{ margin: 400px 0 0 0; position: absolute; width: 958px; background: #E6B1AF; height: 150px; text-align: right; }
.conhide_button		{ padding: 15px; text-decoration: none; color: white; font-size: 17px; }
.concopy			{ margin: 20px 0 0 480px; width: 445px; position: absolute; }

.messtable input { font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#000; vertical-align: top; text-align: left; padding: 3px; width: 150px; height: 10px; background-color: #F1C7C3; border: 1px solid #fff; }

.messtable textarea { font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; color:#000; vertical-align: top; text-align: left; padding: 3px; width: 200px; height: 70px; background-color: #F1C7C3; border: 1px solid #fff; }

.sendmessbt	{ background-color: #CE9D9A; border: 1px solid #fff; color: white; }

.messbox	{ margin: 10px 0 0 30px; }


/*------------CONTENT-------------*/

#container			{ margin: 0 auto; background: url(style/images/content-bg.png) left repeat-y; width: 960px; }
#subcontainer		{ margin: 0 auto; background: url(style/images/subcontent-bg.png) left repeat-y; width: 960px; }
.post img			{ border: 6px solid #eab7b7;  }
.post img:hover		{ border: 6px solid white;  }
.wrap 			{ width: 100%; }
.left-col 		{ float: left; }
.right-col 		{ float: right; }
#content		{ }
.post 			{ width: 100%; clear: both; padding: 10px 0; border-bottom: #CBCBCB 1px solid; }
.error, .page	{ border: 0; }
.post-content	{ width: 750px; display: inline; margin-right: 30px; }

/*	Homepage	*/

.hp-footer			{ margin: 5px  auto 0 auto; background: url(style/images/subcontent-bg.png) left repeat-y; width: 960px; }
.hp-footer li		{ float: left; padding: 0; min-height :250px; height: auto !important; height: 250px; }
.hp-footer li h2	{ margin: 10px 0 0 15px; }
.hp-footer p		{ width: 285px; margin: 10px auto 0 auto; }
.hp-facebook			{ background: transparent url(style/images/hp-facebook-bg.jpg) no-repeat; width: 314px; margin: 0 0 0 8px; }
.hp-twitter			{ background: transparent url(style/images/hp-twitter-bg.jpg) no-repeat; width: 314px; }
.hp-investment		{ background: transparent url(style/images/hp-investment-bg.jpg) no-repeat; width: 314px; }
.spacer1			{ height: 10px; }
.clickhere-bt		{ width: 126px; height: 32px; background: transparent url(style/images/clickhere-bt.jpg) no-repeat; margin: 30px 0 0 100px; position: absolute; }
#ch-bg				{ background-position: bottom; }
#ch-bg:hover		{ background-position: top; }

.lower-priceform	{ background: #CEDBAF; width: 305px; height: 0px; overflow: hidden; }
.inside-twitter		{ width: 285px; margin: 10px auto 0 auto; }
.inside-facebook		{ width: 285px; margin: 10px auto 0 auto; }

.followme-bt		{ width: 126px; height: 32px; background: transparent url(style/images/followme-bt.jpg) no-repeat; margin: 30px auto 0 auto; }


/* Blog Posts */

.postcopy h2 				{ font-size: 22px; line-height: 30px; margin: 0 0 15px 0; }
.postcopy h2:hover 			{ font-size: 22px; line-height: 30px; margin: 0 0 15px 0; color: white; }
.postcopy a 				{ color: #404040; text-decoration: none; }
.postcopy img				{ float: right; margin: 0 0 0 10px; }

.post-meta			{ width: 140px; margin-left: 6px; text-align: right; display: inline; padding-top: 11px; }
.post-meta a 		{ color: #587384; text-decoration: none; }
.post-meta a:hover	{ cursor: pointer; color: black; }

.post-meta h3 				{ padding: 3px 0; margin-bottom: 23px; }
.post-meta h3 span.day		{ display: block; float: right; line-height: 28px; font-size: 35px; border-right: #CBCBCB 1px solid; padding-right: 5px; color: #8D8D8D; }
.post-meta h3 span.month, .post-meta h3 span.year	{ color: #666666; width: 40px; }
.post-meta h3 span.month	{ display: block; float: right; font-size: 16px; line-height: 14px; padding-left: 4px; text-align: center; text-transform: uppercase; }
.post-meta h3 span.year		{ font-size: 14px; display: block; }

.post-meta h4 				{ font-size: 12px; padding: 3px 21px 3px 0; color: #666666; }
.post-meta h4.author 		{ background: url(style/images/icon_author.gif) no-repeat right 2px; font-style: italic; }
.post-meta h4.comments 		{ background: url(style/images/icon_comment.gif) no-repeat right 4px; }
.post-meta h4.comments a 	{ color: #666666; }

.more_posts 			{ width: 400px; clear: both; margin-left: 190px; padding: 5px 0 6px 0; }
.more_posts h2 			{ font-size: 20px; }
.more_posts h2 a 		{ color: #404040; }
.more_posts h2 a:hover	{ color: #1A86DF; }

/*	Sub Pages	*/
.subcontainer			{ margin: 0 auto; background: url(style/images/content-bg.png) left repeat-y; width: 960px; }
.inside-subc			{ margin: 0 10px 0 10px; }


/*	Comments	*/
.commentsplace			{ background: url(style/images/comments-bg.png) left repeat-y; width: 960px; margin: 0 auto; }
.inside-com				{ margin: 0 10px 0 10px; padding: 10px 0 10px 0; }
#commentbox				{ width: 400px; height: 100px; }
#commentform input		{ background-color: white; border: 1px solid #FFC6C9; }
#commentform textarea	{ background-color: white; border: 1px solid #FFC6C9; }
.singlecomment			{ padding: 0 0 15px 0; }

/* Fix */

.wrap:after,
.block ul:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear					{ clear: both; }

/* Misc */

.fix					{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl						{ float: left }
.fr						{ float: right }
.ac						{ text-align: center }
.ar						{ text-align: right }
img.centered			{ display: block; margin-left: auto; margin-right: auto; }
img.alignright			{ padding: 4px; margin: 3px 0 2px 10px; display: inline; }
img.alignleft			{ padding: 4px; margin: 3px 10px 2px 0; display: inline; }
.alignleft				{ float: left; }
.alignright				{ float: right; }