/*
Theme Name: Kylie Keene
Theme URI: http://www.kyliekeene.net/
Description: Design for Kylie Keene Photography
Version: 2.0
Author: Nyssa
Author URI: http://www.nyssajbrown.net/
*/

/***************************************** Basic margin/padding reset **/

body, p, h1, h2, h3, h4, h5, h6, ul, li, dt, dd, dl  {
margin:0;
padding:0;
list-style:none;
}

.clear {
clear:both;
}

/***************************************** Page **/

body {
background:#131313 url(images/bg.gif) fixed repeat;
font:14px Arial, Helvetica, sans-serif;
color:#bababa;
}

a {
color:#FFF;
text-decoration:none;
}

#wrapper {
width:961px;
margin:0 auto;
}

/***************************************** Header/Top **/

#top {
height:200px;
margin:0 0 20px 0;
}

.header {
height:153px;
color:#FFF;
}

.header .left {
width:58%;
height:153px;
float:left;
background:url(images/headerbg.gif) no-repeat;
}

.header .right {
width:38%;
height:153px;
float:right;
background:url(images/rssbg.jpg) right no-repeat;
}

.header .right p {
font-variant:small-caps;
font-size:14px;
letter-spacing:1px;
text-align:right;
width:250px;
float:right;
margin:0 18px 0 0;
line-height:13px;
color:#626262;
}

p.relax {
font-size:16px !important;
font-weight:bold;
margin:93px 18px 0 0 !important;
color:#b1b1b1 !important;
}

.rss {
float:right;
margin:90px 23px 0 0;
}

.header h1 {
}

/***************************************** Navigation **/

#main {
height:55px;
background:url(images/navbg.jpg) top left no-repeat;
}

#main ul {
font-size:12px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
padding:21px 0 0 0;
margin:0 0 0 10px;
}

#main ul li {
display:inline;
text-align:center;
}

#main ul li a {
padding:20px 20px 18px 20px;
}

#main ul li a:hover, .currently-on a, .current_page_item a {
background:url(images/nav_over.jpg) center no-repeat;
}

/***************************************** Primary content **/

#primary {
width:625px;
float:left;
}


.archive img {
border:1px solid #252525;
}


/***************************************** Widgets Bar/Sidebar **/

#widgets {
width:322px;
float:right;
}

#widgets h4 {
font-size:14px;
color:#b22024;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
margin:0 0 5px 0;
}

.widget_top {
background:url(images/widget_top.gif) top center no-repeat;
height:18px;
}

.widget_bottom {
background:url(images/widget_bottom.gif) top center no-repeat;
margin:0 0 10px 0;
height:20px;
}

.widget_block_clear {
padding:0 15px;
background:url(images/widget_block.gif) center repeat-y;
overflow:hidden;
}

/** About Me **/

.profile {
float:left;
margin:0 10px 5px 0;
-moz-border-radius:5px;
padding:1px;
background:#252525;
border:1px solid #000;
}

#aboutme p {
font-size:12px;
margin:0 0 5px 0;
}

/** Buttons **/

a.button, a.more-link, .alignleft a, .alignright a {
font-size:12px;
float:right;
display:block;
width:117px;
height:26px;
margin:5px 0 0 0;
background:url(images/button.gif) top no-repeat;
text-align:center;
line-height:26px;
}

a:hover.button, a:hover.more-link, .alignleft a:hover, .alignright a:hover {
background:url(images/button.gif) bottom no-repeat;
text-decoration:none !important;
}

/** List **/

ul.shootlist, .widget_block_clear ul {
font-size:12px;
margin:0 0 10px 0;
}

ul.shootlist li {
padding:3px 7px;
border-bottom:1px solid #2f2f2f;
}

ul.shootlist li:hover {
background:#0a0a0a;
}

.widget_block_clear ul li {
border-bottom:1px solid #2f2f2f;
}

.widget_block_clear ul li a {
display:block;
padding:3px 7px;
}

.widget_block_clear ul li a:hover {
background:#0a0a0a url(images/list_arrow.gif) right no-repeat;
}

/** Calendar **/

#calendar_wrap {
text-align:center;
}

#wp-calendar {
width:100%;
padding:5px 0 0 0;
}

#calendar_wrap caption {
font-size:14px;
color:#585858;
font-weight:bold;
text-align:left;
padding:5px 5px 5px 15px;
background:#111111 url(images/list_arrow.gif) left no-repeat;
}

#wp-calendar td a {
background:#c62f32 url(images/buttonbg.gif) top repeat-x;
display:block;
}

#wp-calendar td a:hover {
background:#252525 url(images/buttonbg_over.gif) top repeat-x;
}

td#prev a {
display:block;
background:url(images/wp-cal-button.gif) top left no-repeat;
height:26px;
font-size:12px;
line-height:25px;
text-align:left;
padding:0 0 0 10px;
margin:5px 0 0 0;
}

td#prev a:hover {
background:url(images/wp-cal-button.gif) bottom left no-repeat;
}

td#next a {
display:block;
background:url(images/wp-cal-button-next.gif) top right no-repeat;
height:26px;
font-size:12px;
line-height:25px;
text-align:right;
padding:0 10px 0 0;
margin:5px 0 0 0;
}

td#next a:hover {
background:url(images/wp-cal-button-next.gif) bottom right no-repeat;
}

/** Text Widget **/

.textwidget {
font-size:12px;
margin:0 0 -10px 0;
}

.textwidget p {
margin:0 0 10px 0;
}

/** Archive/Index/Single Posts **/

.archive-post {
clear:right;
margin:0 0 20px 0;
border-bottom:1px solid #1a1a1a;
padding:0 0 10px 0;
}

.pm-top {
height:22px;
background:url(images/pm-top.jpg) no-repeat;
}

.pm-body {
background:url(images/pm-body.jpg) repeat-y;
padding:0 2px;
}

.pm-bottom {
height:15px;
background:url(images/pm-bottom.jpg) no-repeat;
}

.postmeta {
width:168px;
float:left;
font:11px Arial, Helvetica, sans-serif;
}

.post .postmeta {
margin:0 13px 8px 0;
}

.archive-photo-thumb {
width:150px;
height:150px;
background:;
overflow:hidden;
padding:0 5px 0 5px;
margin:-3px 0 5px 0;
}

.archive-photo-thumb img {
border:0;
}

.postmeta ul li {
padding:5px 8px;
border-top:1px solid #252525;
color:#4a4a4a;
}

.postmeta ul li a {
color:#616161;
}

.postmeta ul li a:hover {
text-decoration:underline;
}

.postmeta ul li.archive-date-time {
font-weight:bold;
}

.post .postmeta ul li.archive-date-time {
border-top:none !important;
margin:-3px 0 0 0;
}

.postmeta ul li.archive-comments-link, .post .postmeta ul li.respond, .post .postmeta ul li.trackback, .post .postmeta ul li.comments-rss {
padding:0;
}

.postmeta ul li.archive-comments-link a, .post .postmeta ul li.respond a, .post .postmeta ul li.trackback a, .post .postmeta ul li.comments-rss a {
display:block;
padding:5px 8px;
color:#7b7b7b !important;
}

.postmeta ul li.archive-comments-link a:hover, .post .postmeta ul li.respond a:hover, .post .postmeta ul li.trackback a:hover, .post .postmeta ul li.comments-rss a:hover {
background:#0a0a0a url(images/list_arrow.gif) right no-repeat;
text-decoration:none !important;
}

.archive-post-content {
float:right;
width:71%;
}

.entry-title, .page-title, .archive-title {
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#4c4c4c;
margin:5px 0 10px 0;
}

.archive-title {
font-size:16px !important;
text-align:right;
}

.entry-title a {
color:#b22024;
}

.entry-title a:hover {
color:#858585;
}

.the-entry, .page-body {
color:#838383;
line-height:16px;
font-size:12px;
}

.the-entry p, .page-body p {
margin:0 0 10px 0;
}

.edit-page a, .page-body a {
color:#616161;
font-size:11px;
letter-spacing:1px;
}

.post .the-entry p, .page-body p {
padding:0 5px;
}

.the-entry a:hover, .page-body a:hover {
text-decoration:underline;
}

.the-entry blockquote, .page-body blockquote {
font-style:italic;
background:#222222;
padding:8px 8px 3px 12px;
margin:10px 25px 10px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.the-entry img, .page-body img {
margin:5px 0;
padding:5px;
background:#1d1d1d;
border:1px solid #323232;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.the-entry img.alignright, .page-body img.alignright {
margin:0 0 5px 10px;
float:right;
}

.the-entry img.alignleft, .page-body img.alignleft {
margin:0 10px 5px 0;
float:left;
}

.the-entry ul, .page-body ul {
margin:10px;
}

.the-entry ul li, .page-body ul li {
background:url(images/list_arrow_red.gif) left no-repeat;
padding:0 0 0 15px;
}

.the-entry ol, .page-body ol {
margin:10px;
}

.the-entry ol li, .page-body ol li {
list-style:decimal;
}

.the-entry h6, .the-entry h5, .the-entry h4, .the-entry h3, .the-entry h2, .the-entry h1, .page-body h6, .page-body h5, .page-body h4, .page-body h3, .page-body h2, .page-body h1 {
color:#9c9c9c;
margin:0 0 3px 0;
}

/** Portfolio **/

.portfolio-body {
padding:0 25px 20px 35px;
text-align:center;
}

.column-1, .column-2, .column-3 {
width:280px;
float:left;
margin:0 20px 0 0;
text-align:left;
}

.column-1 img, .column-2 img, .column-3 img {
width:250px;
height:167px;
}

.column-1 a img, .column-2 a img, .column-3 a img {
border:1px solid #686868;
margin:10px 0 5px 0;
}

.column-1 a:hover img, .column-2 a:hover img, .column-3 a:hover img {
border:1px solid #ad1e22;
color:#ad1e22;
}

.column-2 {
text-align:center !important;
}

.column-3 {
text-align:right !important;
}

span.photo-name {
text-transform:uppercase;
font-weight:bold;
}

/** Next/Prev **/

.page-navigation {
font-size:12px;
padding:10px;
}

.page-navigation a {
color:#494949;
}

.page-navigation a:hover {
color:#9a9a9a;
}

.page-navigation .alignleft {
float:left;
}

.page-navigation .alignright {
float:right;
}

/** Comments etc **/

#comments-list {
padding:5px;
margin:20px 0 0;
border-top:1px solid #1a1a1a
}

.ch3 {
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#4c4c4c;
margin:5px 0 10px 0;
}

ol.commentlist {
padding:0;
}

ol.commentlist li {
margin:0 0 20px 0;
border-bottom:1px solid #1a1a1a
}

.comment-count {
width:10%;
float:left;
text-align:center;
font-size:32px;
color:#4c4c4c;
}

.author-link {
font-size:16px;
color:#b22024;
}

.author-link a {
color:#b33034;
}

.author-link a:hover {
text-decoration:underline;
}

.moderation {
font-size:12px;
color:#b22024;
font-weight:bold;
text-decoration:underline;
}

.the-comment {
width:89%;
float:right;
clear:right;
}

.comment-body {
font-size:12px;
padding:7px 0;
color:#838383;
}

.comment-body p {
margin:0 0 10px 0;
}

img.avatar {
float:left;
margin:2px 6px 0 0;
border:2px solid #272727;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.commentmetadata a {
color:#4b4b4b;
}

.commentmetadata a:hover {
text-decoration:underline;
}

/** Comment Form **/

.comment-form {
padding:10px 0 0 30px;
font-size:12px;
}

.clabel {
padding:5px 10px;
background:#2d2d2d;
font-size:12px;
}

.required {
color:#b22024;
}

input#author, input#email, input#url, textarea#comment {
width:93%;
background:#e1e1e1 url(images/input.gif) top repeat-x;
border:1px solid #606060;
padding:3px 5px;
font:12px Arial, Helvetica, sans-serif;
margin:3px 0 10px 0;
color:#000;
}

input#author:hover, input#email:hover, input#url:hover, textarea#comment:hover, input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {
border-color:#FFF;
}

.comment-form .tags {
margin:10px 0 15px 0;
color:#6d6d6d;
}

/** Search **/

.search-form {
padding:2px 0 0 0;
}

input#s {
background:#e1e1e1 url(images/input.gif) top repeat-x;
border:1px solid #606060;
padding:3px 5px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

input#s:hover, input#s:focus {
border-color:#FFF;
}

input#searchsubmit {
border:none;
width:117px;
height:26px;
margin:0 0 0 0;
background:url(images/button.gif) top no-repeat;
text-align:center;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
}

input#searchsubmit:hover {
background:url(images/button.gif) bottom no-repeat;
text-decoration:none !important;
}


/** Footer **/

#footer {
height:23px;
background:url(images/footerbg.jpg) no-repeat;
padding:15px 30px;
font-size:11px;
text-align:right;
margin:20px 0 0 0;
}

#footer a:hover {
text-decoration:underline;
}

.prev-shoot-list-l {
width:48%;
float:left;
font-size:14px;
}

.prev-shoot-list-r {
width:48%;
float:right;
font-size:14px;
}