/*  
Theme Name: Accomplice - Blue and Pink
Theme URI: http://www.accomplice.uk.com/wp-content/themes/accomplice
Description: Theme designed exclusively for Accomplice with gradients of blue and pink highlights based on original designs by Little Black Dog (http://www.littleblackdog.co.uk)
Version: 2.0
Author: Christina Fowler
Author URI: http://www.christinafowler.com
*/

@import url(css/layout.css);
@import url(css/color.css);
@import url(css/typography.css);

body {
background:#255d92 url('images/bg.gif') repeat-x;
color:#333;
font:81.3%/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* Base line */
h1, h2 { line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4 { margin-top: 18px; }
h3, h4, h5, h6 { margin-bottom:0;}
h1 { font-size: 200%; }
h2 { font-size: 138%; }
h3, h4, div.descrip { font-size: 115%; }
h5, h6 { font-size: 100%; }
h1:first-child,h2:first-child,h3:first-child,h4:first-child{ margin-top: 0;}
abbr, code, kbd, samp, small, var { line-height: 15px; }
#content ul, #content ol, #content dl, #content dialog { margin-top: 18px; margin-bottom: 18px; }
li ul, li ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
input, textarea { font-size: 100%; }
hr { height: 4px; margin: 18px 0 14px 0; }

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
font-weight:bold;
}

blockquote {
background:#efefef;
border-left:2px solid #255d92;
}

table th {
background:#efefef;
font-weight:bold;
}
table th, table td {
border-color:#ccc;
}

a:link, a:visited {
color:#255d92;
border-bottom:1px solid #ccc;
}
a:hover, a:active {
border-bottom:1px solid #255d92;
}

div#content img, div#content a img {
border:1px solid #ccc;
}
div#content a:hover img {
border:1px solid #255d92;
}

#content ul li, #content ul#links li li {
list-style-type:disc;
margin:0;
}
#content ol li {
margin:0;
}

p.align-right {
text-align:right;
}

div#container {
/*background:#fff url('images/top.gif') top center no-repeat;*/
background:#fff;
margin-top:10px;
width:860px;
border-radius-topleft:15px;
border-radius-topright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
}

#content-wrapper {
padding:20px;
}

div#header {
margin:0 0 30px;
}
#header h1, #header .pseudoh1 {
background:url('images/logo.gif') no-repeat;
width:286px;
height:53px;
float:left;
margin:0;
border:0;
}
#header h1 span, #header .pseudoh1 span, p.description {
display:none;
}

#nav {
float:right;
margin-top:10px;
}
#nav li {
float:left;
font-weight:bold;
font-size:120%;
margin-left:20px;
}
#nav li a {
border:none;
}
#nav li a:hover {
color:#439ed6;
}
#nav li.current a {
color:#439ed6;
}

div#content {
margin:0 auto;
float:none;
width:530px;
}
#content-wrapper .with-sidebar {
float:right;
width:530px;
}
#content-wrapper .left-content {
float:left;
}


@font-face {
font-family: Journal;
src: url('fonts/journal.eot');
src: local('Journal'), url('fonts/journal.ttf') format("truetype");
}
div#content .home .coda-slider-wrapper {
margin-bottom:20px;
width:100%;
display:block;
border:0;
}
div#content .home .coda-slider-wrapper img {
margin:0;
}
.home .panel {
position:relative;
}
.home p.quote {
background:rgba(255,255,255,0.8);
color:#d22a75;
padding:10px;
position:absolute;
height:25px;
bottom:0;
margin:0;
width:510px;
font: 160%/1 Journal;
}
.home p.quote span {
color:#333;
}
.home .featured {
padding:10px;
background:#d9e4ef;
border:1px solid #ccc;
font-size:115.4%;
margin:0 0 20px;
}
#content .home .featured ul {
margin:0;
}
#content .home .featured ul li {
list-style:none;
float:left;
margin:0 13px;
}
#content .home .featured ul li a {
display:block;
width:100%;
border:0;
}

img.main-image {
margin:0 auto 10px;
width:530px;
text-align:center;
}

div.post {
margin:0 0 36px;
padding:0 0 36px;
border-bottom:1px solid #ccc;
}
h2.posttitle, h2.archiveposttitle {
margin:0;
}
p.postmetadata {
color:#999;
}

ul#products {
margin:0;
}
ul#products li {
list-style:none;
width:30%;
margin:0 3% 20px 0;
float:left;
}
ul#products li img {
width:140px;
height:140px;
display:block;
}
ul#products li li {
list-style:disc;
width:100%;
margin:0;
float:none;
}

#sidebar {
float:left;
width:228px;
padding:10px 20px 0;
background:url('images/sidebar.gif') left -20px no-repeat;
min-height:604px;
}
#content-wrapper .right-sidebar {
float:right;
}

#sidebar .widget {
margin-bottom:30px;
}
#sidebar h2 {
font-size:115%;
margin:0;
font-weight:bold;
}
#sidebar h3 {
font-size:100%;
font-weight:normal;
margin:0;
}
#sidebar p {
font-size:85%;
}
#content-wrapper .right-sidebar p, #sidebar form p {
font-size:100%;
}
#sidebar p.postmetadata {
color:#999;
margin:0;
}

#sidebar .pages-list h2 {
margin:0;
padding:0 2px;
border-bottom:2px solid #255D92;
}
#sidebar .pages-list h2 a {
border:none;
display:block;
}
#sidebar .pages-list h2 a:hover {
color:#439ED6;
}
#sidebar .pages-list li {
margin:0;
}
#sidebar .pages-list li a {
display:block;
padding:8px 2px;
font-size: 115%;
}
#sidebar .pages-list li a:hover {
background:#efefef;
border-bottom:1px solid #ccc;
}
#sidebar .pages-list li li a {
padding-left:10px;
}

#sidebar li li a {
display:inline;
padding:0;
}

#sidebar li.widget_news li {
margin:0 0 10px;
}

#sidebar li.widget_calendar_upcoming {
margin-bottom:0;
}
#sidebar li.widget_calendar_upcoming li, #sidebar li.upcoming-events li {
color:#999;
margin:0 0 10px;
font-size:85%;
}
#sidebar li.widget_calendar_upcoming li li, #sidebar li.upcoming-events li li {
font-size:100%;
}
#sidebar li.widget_calendar_upcoming li li a, #sidebar li.upcoming-events li li a {
font-size:118%;
}

#subscribe2 form p {
border:0;
padding:0;
margin:0;
}

form fieldset, div.respond fieldset {
border:0;
padding:0;
margin:18px 0 0;
}
legend {
font-size: 138%;
font-weight:bold;
margin:0 0 18px;
}
form p {
border:0;
padding:0;
}
#content form ol, #content form ul {
margin:0;
}
#content form ol li, #content form ul li {
list-style:none;
}
input, select, textarea {
font:100% 'Helvetica Neue', Arial, Helvetica, sans-serif;
border:1px solid #ccc;
}
input:focus, select:focus, textarea:focus {
background:#edf2f8;
}
input#searchsubmit, input[type=submit], input[type=button], input.button {
background:#255d92;
color:#fff;
padding:4px;
}
input#searchsubmit:hover, input[type=submit]:hover, input[type=button]:hover, input.button:hover {
background:#003c76;
cursor:pointer;
}

.cform li {
clear:both;
}
.cf-before {
display:block;
width:150px;
float:left;
}
.cf-box-b {
float:left;
clear:left;
margin:2px 10px 2px 0;
}
.cf-box-b input {
}
.cf_hidden, .linklove {
display:none;
}
span.reqtxt, span.emailreqtxt {
margin-left:15px;
color:#999;
}

#footer {
background:#003c76;
color:#fff;
padding:10px;
}
#footer a:link, #footer a:visited {
color:#8bc7ff;
border-bottom:1px solid #fff;
}
#footer a:hover, #footer a:active {
border-bottom:1px solid #8bc7ff;
}
#footer li {
font-size:85%;
float:left;
margin-right:5px;
padding-right:5px;
border-right:1px solid;
line-height:1;
}
#footer li:last-child {
border-right:0;
}

/* Calendar */
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:200px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #ccc;
        background:#efefef;
     }
     table .calendar-heading td {
     border:0;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.85em;
        border:1px solid #ccc;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #ccc;
        background-color:#efefef;
        color:#D22A75;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #ccc;
     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #ccc;
     }
     span.weekend {
        color:#D22A75;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #ccc;
        background-color:#efefef;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
        position:absolute;
        left:-2000px;
        top:-2000px;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }