/*
Theme Name: Coles
Theme URI: http://www.frankcoles.com
Description: Wordpress theme of Frank Coles</a>.
Version: 1.0
Author: Kino Creative
Author URI: http://www.kinocreative.co.uk
*/


/* Default Styles */

body {
text-align: center;
background-color: #000000;
}

img {
border: none;
margin: 0px;
padding: 0px;
display: block;
}

.hidden {
display: none;
}

a{ outline: none;}

/* Text Styles */

p, li {
margin-top: 0px;
margin-bottom: 12px;
color: #000000;
font: 12px normal Arial, Helvetica, sans-serif;
line-height: 18px;
}

a:link, a:visited {
color: #c7292d;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font: 12px normal Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
margin-bottom: 12px;
}

h1 {
font-size: 18px;
}

h2 {
font-size: 16px;
}

h3 {
font-size: 14px;
}

h4 {
font-size: 12px;
}

h5 {
font-size: 10px;
}

h6 {
font-size: 8px;
}

.home-title {
color: #000000;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}

.home-title a:link, .home-title a:visited {
color: #c7292d;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-decoration: none;
}

.comments {
display: inline;
color: #FFFFFF;
background-color: #c7292d;
padding: 0px 3px 0px 3px;
}

.comments a:link, .comments a:visited {
color: #ffffff;
}

.bubble-title {
margin: 0px;
padding: 10px 17px 20px 15px;
background: #1c1f21 url(images/bubble-tail.gif) bottom left no-repeat;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}

.bubble-title a:link, .bubble-title a:visited {
color: #FFFFFF;
text-decoration: none;
}

.bubble-title a:hover, .bubble-title a:active {
color: #c7292d;
text-decoration: none;
}

.blog-title {
color: #000000;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}

.blog-title a:link, .blog-title a:visited {
color: #c7292d;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
text-decoration: none;
}

.sub-nav {
color: #000000;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

.sub-nav a:link, .sub-nav a:visited {
color: #c7292d;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
text-decoration: none;
}

.book-cover {
padding: 30px 0px 0px 20px;
}

.footer-content p {
color: #FFFFFF;
line-height: 20px;
}

.footer-content p a:link, .footer-content p a:visited {
color: #FFFFFF;
text-decoration: none;
}

.footer-content p a:hover, .footer-content p a:active {
color: #c7292d;
text-decoration: none;
}

/* Layout Styles */

#background-glow {
clear: both;
display: block;
overflow: hidden;
background: url(images/background.jpg) no-repeat bottom center;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 960px;
clear: both;
overflow: hidden;
text-align: left;
}

.home-left {
float: left;
width: 470px;
height: 250px;
background-color: #FFFFFF;
}

.home-right {
float: right;
width: 470px;
height: 250px;
background-color: #FFFFFF;
}

.home-gutter {
clear: both;
display: block;
height: 20px;
}

#header {
clear: both;
overflow: hidden;
height: 105px;
background: #000000 url(images/header-background.gif) no-repeat bottom;
}

.logo {
position: absolute;
width: 200px;
height: 50px;
top: 20px;
left: 30px;
}

#nav {
position: absolute;
width: 392px;
height: 25px;
left: 558px;
top: 45px;
background-color:#000000;
}

.navlist {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.navlist li {
float: left;
margin-left: 0px;
padding-left: 0px;
}

.nav-home {width: 60px; height: 25px; background-image: url(images/nav-home.gif); background-position: 0 0; display: block;}
a.nav-home:hover {background-position: 0 -25px; }
.nav-book {width: 57px; height: 25px; background-image: url(images/nav-book.gif); background-position: 0 0; display: block;}
a.nav-book:hover {background-position: 0 -25px; }
.nav-blog {width: 51px; height: 25px; background-image: url(images/nav-blog.gif); background-position: 0 0; display: block;}
a.nav-blog:hover {background-position: 0 -25px; }
.nav-natgeo {width: 75px; height: 25px; background-image: url(images/nav-natgeo.gif); background-position: 0 0; display: block;}
a.nav-natgeo:hover {background-position: 0 -25px; }
.nav-journalism {width: 95px; height: 25px; background-image: url(images/nav-journalism.gif); background-position: 0 0; display: block;}
a.nav-journalism:hover {background-position: 0 -25px; }
.nav-copywriting {width: 101px; height: 25px; background-image: url(images/nav-copywriting.gif); background-position: 0 0; display: block;}
a.nav-copywriting:hover {background-position: 0 -25px; }
.nav-photography {width: 108px; height: 25px; background-image: url(images/nav-photography.gif); background-position: 0 0; display: block;}
a.nav-photography:hover {background-position: 0 -25px; }
.nav-contact {width: 73px; height: 25px; background-image: url(images/nav-contact.gif); background-position: 0 0; display: block;}
a.nav-contact:hover {background-position: 0 -25px; }
.nav-portfolio {width: 76px; height: 25px; background-image: url(images/nav-portfolio.gif); background-position: 0 0; display: block;}
a.nav-portfolio:hover {background-position: 0 -25px; }

#main-container-top {
clear: both;
overflow: hidden;
height: 270px;
}

#main-container {
clear: both;
overflow: hidden;
}

.home-content {
clear: both;
padding: 0px 20px 0px 20px;
}

#pagecurl-blog {
clear: both;
width: 470px;
height: 70px;
}

#pagecurl-book {
clear: both;
width: 470px;
height: 70px;
}

#pagecurl-natgeo {
clear: both;
width: 470px;
height: 70px;
}

#pagecurl-portfolio {
clear: both;
width: 470px;
height: 70px;
}

.short-blog {
height: 110px;
overflow: hidden;
margin-bottom: 10px;
}

#column-wrapper{
clear: both;
overflow: hidden;
}

#left-column {
width: 225px;
float: left;
overflow: hidden;
}

#right-column {
width: 715px;
float: right;
overflow: hidden;
background: #FFFFFF url(images/pagecurl.gif) top right no-repeat;
}

#book-page-holder {
clear: both;
width: 960px;
overflow: hidden;
background: #FFFFFF url(images/pagecurl.gif) top right no-repeat;
}

#book-left-column {
width: 350px;
float: left;
overflow: hidden;
}

#book-right-column {
width: 610px;
float: right;
overflow: hidden;
}

#title {
clear: both;
padding: 20px 100px 30px 20px;
overflow: hidden;
}

.page-content {

clear: both;
overflow: hidden;
padding: 0px 100px 20px 20px;
min-height: 260px;
}

.post-content {
width: 595px;
clear: both;
overflow: hidden;
padding: 0px 20px 20px 20px;
}

.book-page-content {
width: 490px;
clear: both;
overflow: hidden;
padding: 0px 20px 20px 20px;
min-height: 260px;
}

.book-post-content {
width: 490px;
clear: both;
overflow: hidden;
padding: 0px 20px 20px 20px;
}

#post-title {
clear: both;
padding: 20px 100px 15px 20px;
overflow: hidden;
}

.page-content ol, .post-content ol {
margin: 25px 0px 10px 15px;
padding-left: 5px;
list-style-position: outside;
}

.page-content ul {
list-style-type: square;
}

.sidebar-block {
clear: both;
background-color: #262626;
padding: 20px 20px 10px 20px;
margin-bottom: 5px;
}

#searchform {
margin-bottom: 7px;
}

#searchform label {
display: none;
}

#s {
width: 105px;
background-color: #989898;
border: 2px solid #989898;
}

.sidebar-title {
font-size: 14px;
font-weight: bold;
color: #cbcbcb;
}

.archive-list, .blogroll {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
}

.bookmarks-list {
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
list-style-type: none;
}

.archive-list li, .blogroll li {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

.sidebar-block a:link, .sidebar-block a:visited {
color: #727272;
}

.sidebar-block a:hover, .sidebar-block a:active {
color: #ffffff;
}

.rssside {
padding: 7px 0px 6px 40px;
background: url(images/rss-logo.gif) no-repeat;
color: #727272;
}

.twitside {
padding: 7px 0px 6px 40px;
background: url(images/twitter-logo.gif) no-repeat;
color: #727272;
}

#footer {
position: relative;
clear: both;
height: 195px;
}

#footer-inner {
position: absolute;
clear: both;
overflow: hidden;
width: 960px;
height: 80px;
top: 27px;
background: #000000 url(images/footer-background.jpg) no-repeat;
}

.footer-content {
margin: 20px 20px 0px 20px;
}

.kino {
display: inline;
padding-left: 3px;
}

/* Wordpress Styles */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
display: inline-block;
display: block;
}

.alignleft {
float: left;
display: inline-block;
display: block;
}

.imgc2 {
display: inline; 
margin: 10px 20px 10px 0px;
}


/* Tweet Archive -----------------------------------------------------------*/

#tweets { margin-bottom: -2px; }

#tweets p { margin: 0; padding: 0; display: inline; }

#tweets ul { background: none; margin: 0; padding: 0; list-style: none;}

#tweets ul li { border-top: none; border-bottom: 1px solid #aaa; background: none; padding: 2px 0px; }

#tweets a:link, #tweets a:visited { font-weight: normal; background: none; display: inline; }

#twitter-tools .aktt_tweets ul li a { display: inline; background: none; 	padding: 0px;}