/*  
Theme Name: VieveLia
Theme URI: http://vievelia.nl/
Description: Thema voor VieveLia. Alle rechten voorbehouden.
Version: 1.0
Author: Simon Koelewijn
Author URI: http://seems.nl/
*/

body { font-family: "Helvetica Neue", Verdana, Arial, serif; margin: 0px; text-align: center; font-size: 11pt; background: #000; color: #462316; }

a { color: #462316; border: none; }
a img { border: 0px; }

#skip { position: absolute; visibility: hidden; }

#main { background: url('images/bg-main.jpg') bottom center repeat-x #ffccc1; }

.wrap { width: 900px; margin-left: auto; margin-right: auto; text-align: left; }

#header { width: 900px; height: 130px; }
#header h1 { text-indent: -1000000px; margin: 0px; width: 290px; height: 130px; background: url('images/logo.png') bottom no-repeat; float: left; }
#header h1 a { display: block; height: 100%; width: 100%; }

#search { float: right; height: 130px; width: 590px; background: url('images/bg-search.png') top right no-repeat; text-align: right; }
#search #s { margin-right: 30px; border: 1px solid #ffccc1; padding: 1px; font-size: 9pt; font-family: "Helvetica Neue", Verdana, Arial, serif; }
#search label, #search #searchsubmit { display: none; }

#nav { height: 25px; border-bottom: 2px solid #f26c4e; text-align: right; }

#overview { margin-top: 15px; font-size: 10pt; line-height: 15pt; }
#overview p { padding: 0px; margin: 0px; }
#overview p a { padding-right: 12px; text-decoration: none; display: block; }
#blog-cloud { margin-left: -90px; float: left; background: url('images/blog-cloud.png') no-repeat; width: 90px; height: 120px; }
#blog-cloud:hover { background: url('images/blog-cloud-hover.png') no-repeat; }
#blog-cloud h2 { margin: 0px; text-indent: -1000000px; height: 100%; width: 100%; }
#blog-cloud h2 a { display: block; height: 100%; width: 100%; }
.overview-column { width: 280px; padding-left: 10px; padding-right: 10px; float: left; }
#overview h3, #overview h3 a { color: #7b0002; font-weight: lighter; margin: 0px; font-size: 13pt; text-decoration: none; }
#overview h3 a:hover { text-decoration: underline; }
.meta, .meta a, #overview-column-3 h2, #primary h2 { color: #f26c4e; font-weight: normal; font-size: 10pt; margin: 0px; padding: 0px; }
/* #overview-column-2 { background: url('images/dotted-line.png'); background-position: top right; background-repeat: repeat-y; } */
#overview-column-2 { border-right: 5px dotted #fff; width: 275px; }
#overview-column-3 h2, #primary h2 { text-transform: uppercase; }
#overview-column-3 h3 { padding-bottom: 5px; }
.title-wrap { height: 65px; }

#content { background: url('images/bg-content.jpg') bottom no-repeat; padding-top: 25px; padding-bottom: 70px; }

#primary { width: 580px; padding-left: 10px; padding-right: 10px; float: left; font-size: 10pt; line-height: 17pt; }
#primary h3, #primary h3 a { margin: 0px; padding: 0px; color: #7b0002; font-weight: lighter; font-size: 18pt; margin-top: 0px; text-decoration: none; margin-top: 20px; }
#primary h3 a:hover { text-decoration: underline; }
#primary .entry { clear: both; }
#primary .entry a { background-color: #ffdbd3; padding: 2px; border-bottom: 1px solid #ff8e76; text-decoration: none; }
#primary .entry a:hover { background-color: #ff8e76; color: #ffdbd3; }
#primary .entry img { border: 6px solid #ffe2db; margin: 6px; }
#primary h3 .edit, #overview h3 .edit, #bottom h2 .edit { visibility: hidden; }
#primary h3:hover .edit, #overview .title-wrap:hover h3 .edit, #bottom h2:hover .edit { visibility: visible; }
#primary h3 .edit a, #overview h3 .edit a { font-size: 9pt; padding: 2px; background: #7b0002; color: #ffccc1; text-decoration: none; }
#bottom h2 .edit a { font-size: 9pt; padding: 2px; background: #fe4800; color: #402317; text-decoration: none; border: none; }

.commentlist, .commentlist ol, .commentlist li { padding: 0px; margin: 0px; }
.commentlist li { background: #ffe7e2; padding: 8px; margin-top: 10px; }
.commentlist li p { padding: 0px; margin: 0px; margin-bottom: 10px; }
.commentlist cite, .commentlist cite a { font-size: 13pt; color: #7b0002; text-decoration: none; font-style: normal; }
.commentmetadata { float: right; }

#commentform { color: #7b0002; }
#commentform textarea { width: 550px; max-width: 550px; }
#commentform input, #commentform textarea { border: 2px solid #ffe2db; padding: 3px; font-size: 11pt; font-family: "Helvetica Neue", Verdana, Arial, serif; opacity: 0.7; color: #7b0002; }
#commentform input:focus, #commentform textarea:focus { opacity: 1; }
#commentform #submit { opacity: 1; border: none; background: #7b0002; padding: 3px; font-size: 10pt; color: #ffe2db; }

#sidebar { width: 280px; padding-left: 10px; padding-right: 10px; float: left; color: #7b0002; font-size: 10pt; line-height: 15pt; }
#sidebar p { padding: 15px; }
#photo { width: 280px; overflow: hidden; }

#bottom { background: url('images/bg-footer.gif') bottom center repeat-x #402317; color: #ecbfae; font-size: 10pt; line-height: 15pt; padding-bottom: 15px; min-height: 250px; }
.bottom-column { width: 280px; padding-left: 10px; padding-right: 10px; float: left; }
#bottom h2 { color: #fe4800; font-weight: lighter; font-size: 15pt; }
#bottom a { color: #ecbfae; text-decoration: none; border-bottom: 1px solid #673f31; }
#bottom a:hover { border-bottom: 1px solid #ffe6dd; color: #ffe6dd; }
#bottom ul { padding: 0px; margin: 0px; list-style-type: none; }
#bottom ul li { padding: 0px; margin: 0px; }
.case { background: #ecbfae; font-size: 8pt; color: #402317; padding: 2px; }

#footer { height: 50px; background: #000; color: #fff; font-size: 9pt; }
#footer a { color: #fff; }
#footer-left { float: left; width: 50%; text-align: left; padding-top: 18px; }
#footer-right { float: left; width: 50%; text-align: right; padding-top: 18px; }

#nav ul { margin: 0px; padding: 0px; list-style: none; float: right; }
#nav li { display: inline; }
#nav a { float: left; background: url('images/tab-left.gif') no-repeat left top; padding: 0px 0px 0px 5px; text-decoration: none; color: #000; }
#nav a span { float: left; display: block; background: url('images/tab-right.gif') no-repeat right top; padding: 5px 7px 3px 2px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span { float: none; }
/* End IE5-Mac hack */
#nav a:hover, #nav #active a { background-position: 0% -25px; color: #fd4318; }
#nav a:hover span, #nav #active a span { background-position: 100% -25px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }

::-moz-selection { background: #f26c4e; color: #fff; }
::selection { background: #f26c4e; color: #fff; }

.comments-number a { margin-left: 7px; text-decoration: none; width: 25px; height: 20px; display: block; float: left; color: #ffccc1; font-size: 8pt; background: url('images/comments-number.png'); text-align: center; }
.comments-number a:hover { color: #fff; }
.meta { float: left; }

ul{ border: 0; margin: 0; padding: 0; }
#pagination li { border: 0; margin: 0; padding: 0; font-size: 11px; list-style: none; }
#pagination a { margin-right: 2px; }
#pagination .previous-off,#pagination .next-off { color: #e5765d; display: block; float: left; font-weight: bold; padding: 3px 4px; }
#pagination .next a, #pagination .previous a { font-weight: bold; } 
#pagination .active { color: #fe4800; font-weight: bold; display: block; float: left; padding: 3px 6px; }
#pagination a:link, #pagination a:visited { color: #7b0002; display: block; float: left; padding: 3px 6px; text-decoration: none; }
#pagination a:hover{ color: #7b0002; text-decoration: underline; }

.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; max-width: 460px; padding: 0 !important; border: 0 !important;}
.alignleft { float: left; }
.alignright { float: right; }