/*
Theme Name: Winding Violets
Author: Luxecetera
Author http://www.luxecetera.com/

*/

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
body { background:url(images/wv-seamless.jpg) repeat top left; font-family:"Times New Roman", Times, serif; font-size:12px; color:#552e3d; }

/* helpers */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
body a { text-decoration:none; color:#552e3d; }
/* .helpers */

#wrap {
	width:100%;
	text-align:center;
	overflow:hidden;
}

/* logo */
.a-logo {
	margin:0 auto;
	border:none;
}

/* header */
.b-header {
	position:relative;
	margin:15px auto 0 auto;
	z-index:9999;
	text-align:center;
}

.b-header .head-image {
	position:relative;
	width:904px; height:281px;
	margin:0 auto;
	top:12px;
	background:url(images/head-image-bg.png) no-repeat top center;
}
.b-header .head-image div { position:absolute; top:3px; left:3px; width:895px; height:280px; }
.b-header .head-image img { width:895px; min-width:895px; max-width:895px; height:280px; max-height:280px; border:#603f4d 1px solid; }

.b-header .nav {
	position:absolute;
	bottom:-80px; left:50%;
	width:1128px; height:87px;
	margin:0 auto;
	margin-left:-564px;
	background:url(images/ribbon.png) no-repeat top center;
	text-align:center;
	z-index:1000;
	font-size:15px;
}
.b-header .nav ul { position:relative; top:15px; left:200px; padding:0; margin:0; text-align:center; font-weight:bold; }
.b-header .nav ul li { position:relative; float:left; height:100%; list-style-type:none; margin:0; padding:0 15px 10px 15px; }
.b-header .nav ul li ul.hover { position:absolute; text-align:left; top:27px; left:15px; background:#fac7c8; border:none; z-index:9999; display:none; }
.b-header .nav ul li ul.hover li { position:relative; width:100%; text-align:left; white-space:nowrap; padding:5px 0; border:none;}
.b-header .nav ul li ul.hover li a { padding:0 10px;}
.b-header .nav ul li ul.hover li:hover { display:block; background:#552e3d; color:#fac7c8; }
.b-header .nav ul li ul.hover li:hover a {color:#fac7c8; }

/* blurb */
.blurb-wrap {
	position:relative;
	margin:30px auto 15px auto; padding:0 0 5px 0;
	background:url(images/blurb-bg.png) no-repeat top center;
	width:902px; height:390px;
	text-align:left;
}

.blurb {
	position:relative;
	display:block; width:850px;
	padding:0; margin:0 auto;
	overflow:hidden;
	font-size:13px; text-align:justify;
}

.blurb img { margin-left:35px; }

/* items */
.item-wrap {
	position:relative;
	top:-60px;
	margin:0 auto; padding:40px 0 15px 0;
	/*background:url(images/item-bg.png) repeat-y top center;*/
	text-align:left;
}

.item-wrap .title {
	position:absolute;
	top:0; left:50%; margin-left:-564px;
	padding:14px 0 0 0;
	background:url(images/ribbon.png) no-repeat top center;
	width:1128px; height:87px;
	text-align:center;
	z-index:500;
	font-size:14px;
}

.item-wrap .title span { padding:0 10px; font-weight:bold; font-size:17px; }
.item-wrap .title .date, .item-wrap .title .category { font-size:14px; font-style:italic; font-weight:normal; }


.item {
	position:relative;
	left:-1px;
	display:block;
	padding:10px 0 10px 0; margin:0 auto;
	min-height:100px; width:902px;
	background:url(images/item-bg.png) repeat-y top center;
	/*background:#f7f6f0; border:#552e3d 3px solid;*/
}

.item img, .item div { position:relative; }

.item .content {
	width:850px;
	margin:0 auto; padding-bottom:25px;
	background:none;
	border:none;
	font-size:14px;
	line-height:1.2em;
	text-align:justify;
}

.item .content img {
	display:block;
	max-width:850px;
	margin:0 auto;
}

.item .content img.right { clear:right; }

.item .actions {
	position:relative;
	left:-2px;
	width:895px;height:39px;
	padding:9px 5px 0 5px;
	text-align:center;
	background:url(images/actions-bg.png) no-repeat top center;
	font-size:17px;
	font-weight:bold;
}
.item .actions a { padding:0 10px; }

.item .comments-wrap {
	position:relative;
	width:800px; height:135px;
	margin:0 auto 0 auto;
	padding:10px 20px 15px 20px;
	white-space:nowrap;
	/*overflow:hidden;*/
}

.content-derk {
	display:none;
}

.item .comments-wrap .comments {
	position:relative;
	width:775px; height:135px;
	margin:0; padding:0 25px 0 0;
	overflow:hidden;
}

.item .comments-wrap .comments .comment { border-bottom:#603f4d 2px dotted; padding:5px 0 10px 0; width:775px; white-space:normal; }

.item .comments-wrap .comments-slider-wrap {
	position:relative;
	height:135px;
	width:5px;
	margin-left:25px;
	border:solid;
}
.item .comments-wrap .comments-slider-wrap .comments-slider { width:5px; height:145px; }

.item-wrap .item-foot {
	position:relative;
	left:-1px;
	background:url(images/item-foot-bg.png) no-repeat top center;
	width:902px; height:8px;
	margin:0 auto;
}

/* footer */
.footer {
	position:relative;
	top:-50px;
	width:902px; height:290px;
	margin:0 auto;
	background:url(images/footer-bg.png) no-repeat top center;
	overflow:hidden;
}

.footer .archives {
	position:relative;
	width:470px;
	margin:75px 0 0 35px;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
}

.footer .archives p { position:relative; float:left; padding:10px 25px; margin:0; text-align:center; }

.footer .social {
	position:relative;
	width:300px; height:270px;
	margin:0 20px 0 0;
}

.footer .social .search {
	position:relative;
	top:38px;
	left:30px;
	background:url(images/search-bg.png) no-repeat top left;
	width:225px; height:35px;
}

.footer .social .search form { padding:0; margin:0; }
.footer .social .search input {
	position:relative;
	left:0; top:10px;
	width:125px;
	background:none;
	border:none;
	padding:0;
	font-size:11px;
	color:#603f4d;
	font-weight:bold;
}

.footer .social .social-links {
	position:relative;
	top:90px;
	width:250px;
	padding-left:20px;
}
.footer .social .social-links img { max-width:50px; }

.footer .social .pagination {
	position:absolute;
	bottom:0;
	width:300px;
	text-align:center;
	/*overflow:hidden;*/
}
.footer .social .pagination p { position:relative; margin:0; padding:5px; }
.footer .social .pagination a { padding:0 15px; }

.copyright {
	width:880px;
	margin:0 auto;
	font-weight:bold;
	font-style:italic;
}

.copyright p { position:relative; top:-50px; }


/* forms */
form { padding:0; margin:0; }
.f-form { }
.f-form a { padding:0 20px; font-size:12px; font-weight:bold; }
.f-form label { display:block; margin:4px 0; }
.f-form input[type=text], .f-form textarea {
	padding:3px;
	margin:4px 0;
	font-size:12px;
	color:#492333;
	display:block; width:100%;
	border:none;
	background:#f9dcda;
}
.f-form textarea { height:100%; }
.f-form .f-row {
	position:relative;
	width:215px; min-height:100%;
	text-align:left;
	margin:5px 0 0 25px;
}
.f-form .f-row-full {
	position:relative;
	display:block;
	clear:both;
	padding:15px 0;
}
.f-form h3 { margin-top:85px; }
.f-form-con { overflow:hidden; }
/* comment-form */
.comment-form {
	position:fixed;
	padding:75px;
	width:800px;
	background:url(images/wv-seamless.jpg) repeat top left;
	overflow:hidden;
	z-index:9999;
	display:none;
}
.comment-form .f-form {
	width:512px; height:314px;
	background:url(images/comment-bg.png) no-repeat top center;
	text-align:center;
}

/* share form */
/* comment-form */
.share-form {
	position:fixed;
	padding:75px;
	width:800px;
	background:url(images/wv-seamless.jpg) repeat top left;
	overflow:hidden;
	z-index:9999;
	display:none;
}
.share-form .f-form {
	width:512px; height:314px;
	background:url(images/email-bg.png) no-repeat top center;
	text-align:center;
}

/* page content */
.page-content {
	display:block;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:15px;
}

.page-content h1 { display:block; text-align:center; text-transform:uppercase; font-size:24px; background:url(images/hr-page.png) no-repeat bottom center; padding-bottom:25px; }

.page-content .half {
	position:relative;
	width:400px;
	margin-right:20px;
	margin-bottom:25px;
}

.e-error { color:#F00; }

.s-image { max-width:700px; }
