/*  
 * Theme Name: LIBC
 * Theme URI: http://www.theenglishguy.co.uk/
 * Description: A two column theme for LIBC.
 * Author: Richard Dows
 * Author URI: http://www.theenglishguy.co.uk/
 * Tags: two-columns, theme-options, green, yellow, white, black, fixed-width, left-sidebar, right-sidebar, threaded-comments
 * Version: 1.0.1
 */

*, #middle { margin:0; padding:0; }

body, html { background-image:url(images/bg.jpg); background-repeat:no-repeat; background-position:top center; background-color:#2b4b02; background-attachment:fixed; font-size:100.01%; font-family:"Trebuchet MS", sans-serif; color:#111; }

#wrap { width:900px; margin:0 auto; text-align:left; }


/*----------------------------- header ---------*/
#header { margin:60px 0 5px 0; min-height:150px; height:auto !important; height:150px; padding:0; position:relative; }
  #header .top, #header .bottom { height:15px; background-repeat:no-repeat; background-position:top left; }
  #header .top { background-image:url(images/header_top.png); }
  #header .middle { background-image:url(images/header_middle.png); background-repeat:repeat-y; background-position:top left; min-height:80px; height:auto !important; height:80px; position:relative; z-index:50; }
  #header .bottom { background-image:url(images/header_bottom.png); }
  #header h1 { font-size:24px; margin:0 0 0 20px; }

#logo_top { position:absolute; top:-53px; left:15px; background-image:url(images/logo_top.png); height:60px; width:95px; }
#logo_bottom { position:absolute; top:101px; left:15px; background-image:url(images/logo_bottom.png); height:60px; width:191px; }


/*---------------------------- content ---------*/
#content { width:664px; margin:0; float:left; }
.content_big { position:relative; z-index:20; width:900px !important; float:left; margin:0; }
.content_big .top, .content_big .bottom { position:relative; z-index:25; height:15px; background-repeat:no-repeat; background-position:top left; }
.content_big .top { background-image:url(images/header_top.png) !important; }
.content_big .content { background-image:url(images/header_middle.png) !important; background-repeat:repeat-y; background-position:top left; min-height:80px; height:auto !important; height:80px; position:relative; z-index:25; padding:0 25px 10px 15px; }
.content_big .bottom { background-image:url(images/header_bottom.png) !important; }

.post { margin:0 0 15px 0; }
  .post-top { height:15px; background-image:url(images/content_top.png); background-repeat:no-repeat; background-position:top left; }
  .post-content { position:relative; padding:0 15px 10px 15px; background-image:url(images/content_middle.png); background-repeat:repeat-y; background-position:top left; }
    .post-title { background-color:#fff; padding:2px 3px; }
      .post-title h2 { color:#030; }
	.post-main #menu-list { width:400px; margin:0 auto; }
	.post-main .small-caps { font-variant:small-caps; font-size:14px; font-weight:bold; display:inline-block; width:300px; padding:0 50px 0 0; }
	.post-main .small-caps:first-letter { text-transform:capitalize; }
  .post-bottom { height:15px; background-image:url(images/content_bottom.png); background-repeat:no-repeat; background-position:top left; }


.post-main p { padding:5px 0 15px 0; }
  .post-main span { width:200px; float:right; }
.post-main ul, .post-main ol, .post-main dl { margin:0 5px 10px 25px; }
.post-main img { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding:4px; margin:5px; max-width:620px; }

.category-results table { background-color:#fff; margin:0 auto; }
  .category-results table td { padding:1px 2px; }
  
.post-main ul.half { width:40%; float:left; padding:10px 0 0 15px; }
.post-main ul.left { clear:left; }
  
#emergency { margin-top:20px; }


/*--------------------------- comments ---------*/
.commentsdiv { padding:0; }
.commentlist, .commentlist ul.children { list-style:none; }
.commentlist li.comment { margin:0 0 10px 0; padding:10px 0; min-height:75px; }
.commentlist ul.children li.comment { margin:0; }
.commentlist > li.comment ul, .commentlist > li.comment ol { margin:5px 10px 5px 20px; }
.commentlist > li.comment ul.children { margin:5px 10px 0 10px; }
.commentlist ul.children li { }
.commentlist ul.children ul.children li { }
.commentlist .comment-body { margin:0 10px 0 120px; padding:0 10px; position:relative; border-left:1px solid #1a88c9; }
.commentlist .comment-body p { padding:0 0 10px 0; }
.comment-author { position:absolute; top:0; left:-110px; width:100px; margin:0; padding:10px 5px; }
.comment-author img { margin:0 39px !important; }
.comment-author cite, .comment-author span { clear:both; margin:0 auto; }

#respond .comments-top { margin:0; padding:0 0 0 5px; background-image:url(images/content_top.png); background-repeat:no-repeat; background-position:top left; }
#respond .comments-middle { background-image:url(images/content_middle.png); background-repeat:repeat-y; background-position:top left; padding:5px; margin:0; }
  #respond .comments-middle h2 { font-size:24px; margin:0 0 -8px 10px; }
#respond .comments-bottom { background-image:url(images/content_bottom.png); background-repeat:no-repeat; background-position:top left; }

.commentform { margin:0 !important; }
  .commentform .commentform-inputs { margin:5px 10px 0 10px; }
.commentform .row { width:33.3%; float:left; padding:0 0 10px 0; }
.commentform .row label { font-size:14px; width:75px; }
* html .commentform .row, *+html .commentform .row { width:32%; }
.commentform .row input { padding:1px; }
.commentform textarea { width:631px; padding:2px; }
.commentform textarea:focus, .commentform .row input:focus { }
.commentform .commentform-headers { padding:5px 0; font-size:12px; }
.commentform input, .commentform textarea { border:1px solid #0a76b6; padding:1px; }
  .commentform-buttons { padding:10px 10px 5px 480px; margin:0; }
    .commentform-buttons input { color:#000; font-weight:bold; font-size:20px; border:0; }
    .commentform-buttons input:hover { cursor:pointer; color:#0a76b6; }


/*---------------------------- sidebar ---------*/
#sidebar { width:214px; margin:0 5px 0 0; float:right; }

#sidebar ul { list-style:none; }
#sidebar ul li a { display:block; min-height:25px; height:auto !important; height:25px; padding:0 0 0 6px; }
#sidebar ul li a:hover { background-color:#fff; border-left:3px solid #030; padding:0 0 0 3px; }

#sidebar .block { margin:0 0 10px 0; }
#sidebar .block-top { background-image:url(images/sidebar_top.png); }
#sidebar .block-bottom { background-image:url(images/sidebar_bottom.png); }
#sidebar .block-top, #sidebar .block-bottom { height:15px; background-repeat:no-repeat; background-position:top left; }
#sidebar h3 { color:#030; font-size:18px; font-weight:100; padding:2px 5px; background-color:#fff; margin:0 0 5px 0; }
#sidebar .block-content { background-image:url(images/sidebar_middle.png); background-position:top left; background-repeat:repeat-y; padding:5px 13px 5px 12px; }
#sidebar .block-bottom { margin:0; }


/*--------------------------- calendar ---------*/
#wp-calendar { width:100%; padding:0; margin:0; }
#wp-calendar caption { font-weight:bold; font-size:20px; }
#wp-calendar td, #wp-calendar th { border-right:1px solid #111; border-bottom:1px solid #111; background-color:#fff;text-align:center; }
#wp-calendar td:hover { background-color:#030; color:#fff; }
#wp-calendar td a:link, #wp-calendar td a:visited { color:#060; font-weight:bold; }
#wp-calendar td:hover a { color:#fff; }


/*----------------------------- footer ---------*/
#footer { font-size:12px; text-align:center; padding:25px 0 10px 0; clear:both; width:100%; }


/*----------------------------- header ---------*/
a { color:#000; text-decoration:underline; }

.post-content a:link, .post-content a:visited { text-decoration:underline; }
.post-content a:hover { color:#030; text-decoration:none; }

.post-title h2 a:link, .post-title h2 a:visited { color:#030; text-decoration:none; }
.post-title h2 a:hover { color:#060; }

#footer a:link, #footer a:visited { text-decoration:underline; }
#footer a:hover { text-decoration:none; }


/*------------------------------- misc ---------*/
.navigation { margin:0 0 15px 0; }
.align-left { float:left; margin:0 0 0 15px; }
.align-right { float:right; margin:0 15px 0 0; }
blockquote { margin:5px 10px 5px 15px; padding:2px 5px; background-color:#eee; border:1px solid #333; }
abbr, acronym { border:0; }
.spacer { clear:both; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }


/*--------------------------- wordpress ---------*/
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto;}
.alignleft { float:left; }
.alignright { float:right; }

.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }


/*----------------------- event calendar ---------*/
.content_big ul.main { list-style:none;}
.content_big #wp-calendar { margin:0 20px 25px 8px; width:845px; position:relative; z-index:50; }
  .page-template-events-php #wp-calendar table { }
.content_big #wp-calendar td { padding-top:10px; padding-bottom:15px; }
.content_big .ec3_events { margin:0 0 0 45px; list-style-type:disc; }

.ec3_events { }
#sidebar .ec3_list { padding:0 12px; }
#sidebar .ec3_list ul { margin:0; padding:0; }


/*----------------------- division tables --------*/
.lindsey_division { background-color:#9db851; border:1px solid #333; margin:0 auto; width:80%; }
  .lindsey_division tr:first-child { font-weight:bold; }
    .lindsey_division tr:first-child td { border-width:2px; background-color:#fff; }
  .lindsey_division td { padding:1px 2px; margin:0; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }


/*----------------------- opening hours ----------*/
.opening_hours { background-color:#9db851; border:1px solid #333; margin:0 auto; width:90%; }
  .opening_hours tr:first-child { font-weight:bold; }
    .opening_hours tr:first-child td { border-width:2px; background-color:#fff; }
  .opening_hours tr:hover { background-color:#eee; }
  .opening_hours td { padding:1px 2px; margin:0; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
    .opening_hours td span.small { font-size:13px; font-style:italic; float:none; width:auto; }


/*----------------------- opening hours ----------*/
.opening_hours2 { font-size:12px; background-color:#9db851; border:1px solid #333; margin:0 auto; width:95%; }
  .opening_hours2 tr:first-child { font-weight:bold; font-size:11px; }
    .opening_hours2 tr:first-child td { border-width:2px; background-color:#fff; }
  .opening_hours2 tr:hover { background-color:#eee; }
  .opening_hours2 td { min-height:35px; height:auto !important; height:35px; padding:1px 2px; margin:0; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; min-width:16%; }
    .opening_hours2 td span.small { font-size:13px; font-style:italic; float:none; width:auto; }


/*-------------------------- contact form --------*/
.cform { width:550px !important; }
.cform fieldset { }
.cf-ol { width:500px; margin:0 auto;}
.cf-ol input, .cf-ol textarea { width:225px !important; }
.cf-ol label { width:100px !important; font-size:13px; margin:-2px 0 0 0; }

