/*
Theme name: Vico's
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 14px;
    line-height: 24px;
    font-family: Georgia, Arial, Sans-Serif;
    color: #110a02;
    background: #cfbe91 url(images/background.jpg);
}

a { color: #110a02; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

blockquote { padding: 18px 0 22px 39px; background: url(images/blockquote-bg.gif) 7px 2px no-repeat; }

h1#logo a { position: absolute; top: 0; left: 352px; width: 220px; height: 192px; background: url(images/logo.png); z-index: 10; }
h2 { font-size: 28px; font-weight: normal; font-style: italic; color: #000; padding: 15px 0 15px 0; }
h3 { font-size: 24px; font-weight: normal; padding-bottom: 4px; }

input, textarea, select { font-family: Georgia, Arial, sans-serif; font-size:14px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 921px; padding: 0 20px 0 19px; background: url(images/main-bg.jpg) repeat-y; margin: 0 auto; }

#header { height: 548px; width: 921px; position: relative; background: url(images/header-bg.jpg) top no-repeat; }

#navigation-l { float: left; padding-left: 8px; width: 372px; height: 165px; background: url(images/nav-left.gif) top right no-repeat; }
#navigation-l ul { padding: 132px 0 0 62px; font-size: 16px; list-style: none; }
#navigation-l ul li { padding-right: 37px; }

#navigation-r { float: right; padding-right: 14px; width: 342px; height: 155px; background: url(images/nav-right.gif) top left no-repeat; }
#navigation-r ul { list-style: none; font-size: 16px; padding: 120px 0 0 45px; }
#navigation-r ul li { padding-right: 28px; }

#navigation-l ul li, #navigation-r ul li { float: left; }
#navigation-l ul li a, #navigation-r ul li a { color: #130e0a; }

#main { background: url(images/main-b.jpg) bottom no-repeat; padding-bottom: 10px; height: 100%; }
.main-b { background: url(images/content-bg.gif) bottom right no-repeat; padding: 0 1px 10px 1px; }

#content { padding-bottom: 50px; min-height: 500px; padding-left: 22px; }

.two-cols #content { width: 627px; }

#sidebar { float: right; width: 230px; padding: 37px 22px 0 0; text-align: right; }

#footer { padding: 5px 20px 20px 31px; line-height: 14px; }
#footer .left { width: 630px; }
#footer .col1 { width: 150px; }
#footer .col2 { width: 90px; }

.search-box { width: 280px; height: 32px; margin: -9px 37px 0 auto; position: relative; }
.search-field { float: left; width: 196px; height: 26px; background: url(images/search-field.gif); margin-top: 3px; }
.search-field input { width: 186px; padding: 4px; border: 0; background: transparent; }
.search-btn { float: left; width: 72px; height: 32px; background: url(images/search-btn.gif); border: 0; cursor: pointer; margin-left: 10px; }

.top-image { padding: 7px 0 0 24px; }


.entry .left { width: 410px; }
.entry .right { padding: 20px 21px 0 0; width: 400px; }
.entry p, .post p { padding: 0 0 15px 0; }
.entry label, .post label { width: 88px; height: 33px; line-height: 32px; float: left; padding-left: 3px; }
.entry ul, .post ul { list-style: none; padding: 0 0 15px 0; }
.entry ul li, .post ul li { padding-left: 24px; background: url(images/list-bg.gif) left no-repeat; }

.text-field { width: 239px; height: 35px; background: url(images/form-field.gif) center no-repeat; float: left; }
.text-field input { padding: 9px 5px; border: 0; background: transparent; width: 229px; }

.submit-btn { width: 100px; height: 31px; background: url(images/submit-btn.gif); border: 0; cursor: pointer; margin-bottom: 10px; }

.image-box { width: 380px; height: 180px; padding: 10px; background: url(images/image-border.jpg); margin-bottom: 27px; }

.post-head { min-height: 40px; background: url(images/blockquote-bg.gif) left 2px no-repeat; padding: 20px 0 6px 22px; margin-left: -22px; position: relative; }
.post-head p { padding: 0 0 2px 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 14px; width: 627px; }

.post-entry p { width: 100%; padding-top: 2px; }

.post img { background: url(images/blogpost-img-box.jpg); padding: 8px 8px 9px 9px; display: block; }

.box { padding-bottom: 21px; width: 230px; }
.box ul { list-style: none; }
.box ul li { height: 24px; }
.box ul li a { display: block; border-bottom: 1px solid #604d2b; padding-right:10px;}
.box ul li a:hover { text-decoration: none; background: #604d2b; color: #fff; }

#respond label {float: left; display: inline; line-height: 35px; padding-left: 10px;}
#respond .text-field {margin-bottom: 6px;}
#respond .textarea-field {background: url(images/form-field-area.gif) no-repeat 0 0; float: left; display: inline; width: 320px; height: 120px; margin-bottom: 6px;}
#respond .textarea-field textarea {background: transparent; border: 0; padding: 9px 5px; display: block; width: 310px; height: 102px;}

.comment {padding: 18px 0 15px 29px; background: url(images/blockquote-bg.gif) 7px 2px no-repeat; }
.comment em {font-size: 12px;}
.comment-text {padding: 0 180px 0 0 ;}