/*  
Theme Name: Paul Kerlaff
Theme URI: 
Description: Paul Kerlaff is a 2 columns Wordpress theme.
Version: 1.0
Author: David Kelly Design Office 
Author URI: http://www.dkdo.co.uk/
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 140%; }
body { min-width: 960px; background: #eee; font: 76% Georgia,'Times New Roman','Helvetica Neue', Helvetica, Arial, sans-serif; color: #000; }
input,select,textarea { font-size: 1em; font-family: Georgia,'Times New Roman','Helvetica Neue', Arial, sans-serif; font-weight: normal; }
a { color: #000; text-decoration: none; border-bottom: 1px dotted #ccc; }
a:hover { background: #000; color: #fff; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0;  }
.clear { clear: both; }

#wrap { min-height: 545px; background: #fff; padding: 15px 0 0 15px; }
/*-------------------------------------------    
    Left
-------------------------------------------*/
#left { width: 180px; float: left; }

#left #logo { margin: 0 0 15px 0; }
#left #logo a { border: 0; }
#left .with-logo { margin-top: 0 !important; }
#left #shadow-screen-logo { margin: 0 0 15px 0; }
#left #logo img { width: 180px; }
#logo a:hover { background: none; }

#left #nav1 { margin: 0 0 15px 0; }
#left #nav1 ul { list-style: none; }
#left #nav1 ul ul { margin-left: 15px; display: none; }
#left #nav1 a { padding-right: 0em; }
#left #nav1 li a.sel { background: #000; color: #fff; }
#left #nav1 li ul { display: block; }

#left #address { display: none; }
#left #address h2 { font-size: 1em; font-weight: normal; margin: 0 20px .5em 0; line-height: 1.3em;  }
#left #address p { margin: 0 20px .5em 0; }


/*-------------------------------------------    
    Sidebar
-------------------------------------------*/
#sidebar-wrap { width: 180px; float: left; margin-left: 15px; }

#sidebar #sidebar-blog-title { font-weight: bold; font-family: Arial, sans-serif; font-size: 1.4em; color: #333; margin: 0 0 .5em 0; }
#sidebar #sidebar-blog-title a { text-decoration: none; border: 0; }

#sidebar h2,#sidebar h3 { font-size: 1em; line-height: 1.4em; margin: 0 1em 0 10px; }
#sidebar #sidebar-blog-title a { line-height: 1.1em !important; }
#sidebar p { font-size: 1em; line-height: 1.4em; font-weight: normal; color: #999; margin: 0 0 2em 10px; }

#sidebar ul { list-style: none; }
#sidebar ul li { margin-top: 1em; }
#sidebar ul ul { list-style: none; font-size: 1em; }
#sidebar ul ul li { line-height: 140%; margin: 0 0 .5em 0; background: url(images/li-arrow.gif) 0 8px no-repeat; }
#sidebar ul ul li ul { margin-bottom: 0; font-size: 1em;  }
#sidebar ul ul li li { border-top: 1px dashed #ddd; margin-top: 0; }
#sidebar ul ul li li a { padding-left: 20px }

#sidebar .widget_tag_cloud { margin-right: 10px; }

#sidebar .addthis_toolbox { margin: 20px 0 0 7px; font-size: 1em; }
#sidebar .addthis_button_compact { clear:left; padding-bottom: .5em; }


/*-------------------------------------------    
    Text
-------------------------------------------*/
#main { float: left; width: 790px; }
.col { width: 180px; float: left; margin-left: 15px; }
.col2 { width: 570px; float: left; margin-left: 15px; }

#main .title { border-bottom: 1px solid #ccc; padding-bottom: 0; margin-bottom: .5em; }
#main .title p { margin: 3em 0 .5em 0;  }

#main .post-header { width: 570px; padding: 0 0 .5em 0; margin: 0 0 .5em 0; border-bottom: .3em solid #222; }
#main h1 { width: 570px; font-family: Helvetica, Arial, sans-serif; font-size: 2em; line-height: 1em !important; font-weight: bold; margin: 0 0 1em 0; }
#main h2 { width: 570px; font-family: Helvetica, Arial, sans-serif; font-size: 2em; line-height: 1em !important; font-weight: bold; margin: 1.5em 0 .5em 0; }
#main h2 a { line-height: 1.1em; }
#main h2.pagetitle { color: #666; font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
#main h2:first-child { margin-top: .1em; }
#main h2 .by { font-size: .8em; font-weight: normal; color: #bbb; }

#main h3 { width: 570px; font-size: 1em; font-weight: normal; font-style: italic; margin: 0 0 0 0; }
#main h3 .by { font-size: 1em; font-weight: normal; color: #bbb; margin-left: .25em; }
#main h3:first-child { margin-top: 0; }
#main h3.firstchild { margin-top: 0; }
#main h3#comments { font-weight: bold; margin: 2em 0 1em 0; }

#main p { width: 570px; font-size: 1em; margin: 0 0 1em 0; }
#main blockquote { width: 570px; font-size: 1em; font-style: italic; margin: 0 0 1em 0; }
#main p.posted { color: #999 !important; }
#main p.comments { }
#main p.comments,#main p.postmetadata { color: #999; margin: 0; }

#main abbr { border: 0; }

#main .wp-caption { width: 100% !important; }
#main .wp-caption img { max-width: 565px; max-height: 383px; background: #fff; margin: 0 0 .1em 0; }
#main p.wp-caption-text { font-size: 1em; color: #999; margin: 0 0 1em 0; }

.entry { overflow: hidden; margin-bottom: 1em; }

#main .boxcomments { width: 400px; background: #eee; padding: 0 0 10px 0; margin: 1em 0 20px 0; }
#main .boxcomments p { width: 370px; font-size: 1em; margin: 0 0 1em 15px; }
#commentform { width: 370px; padding: 15px 15px 1px 15px; border-top: 2px solid #999; }
#commentform label { display: block; }
#commentform input.text { padding: 1px; width: 95%; border: 1px solid #ccc; background: #fff; }
#commentform textarea.text { width: 95%; padding: 1px; border: 1px solid #ccc; background: #fff; }
#commentform #submit {  }
#main #commentform p { font-size: 1em; margin: 0 2em 1em 0; }
#main ol.commentlist { margin: 0 0 1px 0; font-size: 1em; padding: 0; }
#main ol.commentlist li { display: block; list-style: none; margin: 0; padding: 0 0 5px 0; }
#main ol.commentlist li div { padding-top: 20px; }


/*-------------------------------------------    
    Footer
-------------------------------------------*/

#footer { clear: left; height: 90px; padding: 15px 0 0 15px; color: #999; }
#footer h2 { font-family: Helvetica; font-size: 1em; font-weight: bold; margin: 0 0 .5em 0; }
#footer h3 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0 0 0 0; }
#footer p { font-size: 1em; margin: 0 0 .5em 0; }
#footer a { color: #999; }
#footer .module { width: 180px; margin: 0 15px 0 0; float: left; }