/* GLOBAL RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.clear {clear:both;display:block;height:0 !important;overflow:hidden;position:relative;width:auto;}

/* BESPOKE STYLES */

body {}

/* GLOBAL TYPOGRAPHY */

body {font-family: Arial, Helvetica, Verdana, sans-serif; color: #333; font-size: 12px;}
a {font-weight: bold; text-decoration: none; color: #333;}
a:hover {color: #735867; text-decoration: none;}

#header {width: 100%; background: #2f242a; margin-bottom: 48px; padding: 48px 0;}
#header h1 {width: 768px; height: 96px; margin: 0 auto;}
#header h1 a {background: url(logo.gif) no-repeat; text-indent: -9999px; display: block; width: 100%; height: 100%; outline: none;}
#header h1 a:hover {background-position: 0 -96px;}

#container {width: 768px; margin: auto; display: block;}

#container div#posts {float: left; width: 480px; padding-right: 23px; border-right: 1px solid #ccc; display: inline;}
#container div#posts ol li.post {float: left; clear: both; padding-bottom: 24px; border-bottom: 1px solid #ccc; margin-bottom: 12px; width: 100%;}
#container div#posts ol li.last {margin-bottom: 0;}
#container div#posts ol li.post div.date {float: left; width: 120px; padding: 0 12px; background: #2f242a; font-size: 18px; line-height: 36px; text-transform: uppercase; color: #fff; font-weight: normal!important; font-weight: bold;}
#container div#posts ol li.post div.date a {color: #fff; font-weight: normal;}
#container div#posts ol li.post div.date:hover {background: #735867; cursor: pointer;}
#container div#posts ol li.post div.post-body {width: 324px; float: right; font-size: 12px; line-height: 12px; text-align: left;}
#container div#posts ol li.post div.post-body p {margin-bottom: 12px;}
#container div#posts ol li.post div.post-body blockquote {/*border-left: 1px solid #ccc;*/ padding-left: 12px; font-style: italic;}
#container div#posts ol li.post ul {margin-bottom: 12px; margin-left: 1em;}
#container div#posts ol li.post ul li {list-style: disc; line-height: 16px;}
#container div#posts ol li.post img {margin: auto; max-width: 480px;}
#container div#posts ol li.post p img {margin: auto; max-width: 324px;}
#container div#posts ol li.post div.photo-frame {width: 100%; background: #f8f6f7; /*background: red;*/ text-align: center; float: left; margin-bottom: 12px; padding: 0; font-size: 0; border: 0;}
#container div#posts ol li.post div.photo-frame img {margin: auto; max-width: 480px;}

#container div#posts ol li.photo div.photo-frame {width: 100%; background: #f8f6f7; /*background: red;*/ text-align: center; float: left; margin-bottom: 12px; padding: 0; font-size: 0; border: 0;}
#container div#posts ol li.photo div.photo-frame img {margin: auto; max-width: 480px;}

#container div#pagination {float: left; width: 503px; margin: 36px 0 0 0; padding-bottom: 36px; clear: both;}
#container div#pagination a#newer,
#container div#pagination a#older {background: url(pagination.gif) no-repeat; display: block; height: 36px; width: 129px; text-indent: -9999px;}
#container div#pagination a#newer {float: left;}
#container div#pagination a#older {background-position: -119px 0; float: right; width: 128px;}
#container div#pagination a#older:hover {background-position: -119px -36px ;}
#container div#pagination a#newer:hover {background-position: 0 -36px;}

#container div#sidebar {float: right; float: right; width: 240px; margin-left: 24px; display: inline;}
#container div#sidebar ul#navigation {margin-bottom: 96px;}
#container div#sidebar ul#navigation li {width: 240px; height: 24px;}
#container div#sidebar ul#navigation li a {font-size: 24px; line-height: 24px; background: url(navigation.gif) no-repeat; text-indent: -9999px; display: block;}
#container div#sidebar ul#navigation li a#nav-a {}
#container div#sidebar ul#navigation li a#nav-b {background-position: 0 -24px;}
#container div#sidebar ul#navigation li a#nav-c {background-position: 0 -48px;}
#container div#sidebar ul#navigation li a#nav-d {background-position: 0 -72px;}
#container div#sidebar ul#navigation li a#nav-a:hover {background-position: -240px -0px;}
#container div#sidebar ul#navigation li a#nav-b:hover {background-position: -240px -24px;}
#container div#sidebar ul#navigation li a#nav-c:hover {background-position: -240px -48px;}
#container div#sidebar ul#navigation li a#nav-d:hover {background-position: -240px -72px;}

#container div#sidebar ul#options {margin-bottom: 36px; float: left;}
#container div#sidebar ul#options li {float: left;}
#container div#sidebar ul#options li a {text-transform: uppercase; font-weight: normal;}
#container div#sidebar ul#options li span {margin: 0 6px 0 2px;}
#container div#sidebar div#search {float: left; margin-bottom: 36px; clear: both;}
#container div#sidebar p#by-caroline {float: left; margin-bottom: 36px;}