/*  
 * Theme Name: DayByDay
 * Theme URI: http://www.theenglishguy.co.uk/day-by-day-wordpress-theme/
 * Description: This is a theme based around dates and the calendar, an extension of the Future Day theme. It has two sidebars, which can be customised heavily, and moved around. There are various theme options, such as comments on the left side of posts, colours, and more. Brought to you by <a href="http://www.theenglishguy.co.uk/">The English Guy</a>.
 * Author: Richard Dows
 * Author URI: http://www.theenglishguy.co.uk/
 * Tags: three-columns, two-columns, right-sidebar, theme-options, threaded-comments, green, white, black, grey
 */

* { margin:0; padding:0; }

body, html { background-color:#c00; font-size:87%; }

#middle, #footer { clear:both; margin:0 5px; }


/*----------------------------- wrapper ------*/
#wrap { width:1000px; margin:0 auto; }


/*-------------------------- main divs -------*/
.content { width:770px; float:left; }

#header { height:50px; margin:25px 0 10px 0; position:relative; }
#header #text { float:left; clear:left; font-style:italic; margin:10px; }

/*----------------------------- menu ---------*/


#middle { margin:50px 0 5px 0; }


/*---------------------------- sidebar -------*/
.sidebar { width:220px; float:right; margin:0 5px 0 0; }
.sidebar ul { font-size:16px; margin:0 5px 15px 5px; list-style-type:none; }
.sidebar ul.single { margin:0 5px 15px 30px !important; list-style-type:disc; font-size:14px; }
.sidebar ul ul { list-style-type:disc; margin:0 0 10px 25px; font-size:14px; }
.sidebar ul.bullets { list-style-type:disc; }

.sidebar_box { margin:0 0 20px 0; }
  .sidebar_box .sidebar_title { min-height:30px; height:auto !important; height:30px; border-bottom:1px solid #000; margin:0; }
    .sidebar_box .sidebar_title > div { min-height:30px; height:auto !important; height:30px; }
    .sidebar_box .sidebar_title .bg_middle { width:200px; }
    .sidebar_box .sidebar_title h3 { font-size:20px; font-style:italic; color:#c00; }
  .sidebar_box .sidebar_content { padding:3px; font-size:16px; background-color:#fff; }


/*---------------------------- footer --------*/
#footer { text-align:	center; color:#000; }


/*----------------------------- post ---------*/
.post { margin:0 5px 5px 5px; padding:0; width:635px; position:relative; z-index:100; }
.post-full { width:770px; }
  .post .post-new { min-width:65px; width:auto !important; width:65px; min-height:65px; height:auto !important; height:65px; background-image:url(images/badge_new.png); background-repeat:no-repeat; background-position:top left; position:absolute; top:-5px; right:-10px; z-index:150; }
  
.post-top { margin-bottom:0; padding:5px 0; }
  .post-top .post-title { border-bottom:1px solid #222; }
  .post-top .post-day-date { font-size:12px; }
    .post-title h2 { font-size:20px; }
  
.post-content { padding:0; font-size:13px; }
  .post-content ul, .post-content ol, .post-content dl { margin:5px 0 5px 25px; }

.post-info { width:125px; float:right; text-align:left; padding:0; }
  .post-info h4 { text-align:center; }
  
.bg_left, .bg_middle, .bg_right { float:left; }
.bg_left { background-image:url(images/box_left.png); background-repeat:no-repeat; background-position:top left; width:10px; }
.bg_middle { background-image:url(images/box_slice.png); background-repeat:repeat-x; background-position:top left; width:615px; }
.post-info .bg_middle { width:105px; }
.bg_right { background-image:url(images/box_right.png); background-repeat:no-repeat; background-position:top left; width:10px; }

.post-social table td { padding:2px 3px; }

.post-banner { min-height:60px; height:auto !important; height:60px; }
  .post-banner div { float:left; margin:0 15px; }


/*-------------------------- comments --------*/
#commentsdiv { margin:0 5px; }
  .comments-header h2 { color:#fff; font-size:20px; margin:10px 0 -11px 5px; }

.comments { padding:0; font-size:13px; }
  .comments li.comment { list-style:none; }
    .comments li.comment .comment-author { width:115px; float:right; background-color:#fff; padding:5px; margin:0; }
	  .comments li.comment .comment-date, .comments li.comment h4 { margin:0 5px 5px 5px; }
	.comments li.comment .comment-content { width:625px; background-color:#fff; padding:5px; margin:0 5px 0 5px; }

.comments-inputs { width:755px; background-color:#fff; margin:5px; padding:5px; }
  .comments-inputs .textarea { float:right; width:450px; margin:0 15px 0 0; }
    .comments-inputs .textarea textarea { width:100%; }
  .comments-inputs .inputs { margin:0 0 0 10px; }
    .comments-inputs .inputs label { width:75px; float:left; font-size:13px; font-weight:bold; }
	.comments-inputs .inputs input { margin:0 0 5px 0; }


/*-------------------------- calendar --------*/
/* wp-calendar refers to the table itself     */
#wp-calendar { margin:0 auto; width:98%; }
#wp-calendar caption { display:none; }
#wp-calendar thead tr { }
#wp-calendar thead tr th { text-align:left; } 
#wp-calendar tbody tr { }
#wp-calendar tfoot tr { }
#wp-calendar tbody td { min-height:75px; height:75px; background-color:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:	0 5px 5px 0; padding:2px; vertical-align:top; }
#wp-calendar tbody td:hover { background-color:#399; }
#wp-calendar tbody td#today { background-color:#eee; border-top:1px solid #ccc; border-left:1px solid #ccc; }
#wp-calendar tbody td#today:hover { background-color:#ddd; }

#wp-calendar tbody a { color:#f00; font-weight:bold; }
#wp-calendar tbody a:hover { color:#000; }
#wp-calendar tfoot a { color:	#000; font-size:18px; text-decoration:none; }
#wp-calendar tfoot a:hover { color:#399; }


/*----------------------------- links --------*/
a:link, a:visited { text-decoration:none; }

h1 a, h1 a:visited { color:#fff; text-decoration:none; }
h1 a:hover { color:#6b2424; }

#footer a:link, #footer a:visited { color:#000; }
#footer a:hover { color:#fff; }


/*----------------------------- misc ---------*/
.spacer { clear:both; }
.justify { text-align:justify; }
.centered { text-align:center; margin:0 auto; }
.navigation { text-align:center; }
.small { font-size:87%; }
.uppercase { text-transform:uppercase; }
.align-left { margin:0 0 0 10px; float:left; }
.align-right { margin:0 10px 0 0; float:right; }
img { border:0; }
.post p { padding:5px 0; }
blockquote { background-color:#fff; border:1px solid #333; margin:5px 25px; padding:2px 5px 5px 5px; }
blockquote ul, blockquote ol { margin:0 0 0 15px; }

#searchform #s { width:133px; margin:2px; }
h2 { font-size:12px; }
#sidebar h3, #sidebar_left h3 { font-size:16px; }

.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%; }


/*------------------------- coupon popup -----*/
#couponreminder img { float:right; clear:right; margin:10px 15px 0 0; }
#couponreminder #h2coupon { font-size:20px; padding:0 0 0 10px; }


/*------------------------------- menu -------*/
.preload1 { background: url(images/six_0a.gif); }
.preload2 { background: url(images/six_1a.gif); }

#nav_google_ad { margin:10px 0 0 280px; }

#navcontainer { width:100%; margin:0 auto; background-color:#fff; padding:5px 0 2px 0; position:relative; }

#navcontainer #searchform { padding:0; margin:0; }
  #navcontainer #searchform div { width:200px; margin:3px 0 0 15px; }
    #navcontainer #searchform div #g { float:right; margin:1px 0 0 0; }
	#navcontainer #searchform div #s { padding:2px 2px; border:1px solid #000; }

#nav { list-style:none; height:38px; background:#fff url(images/six_0.gif) repeat-x; position:relative; z-index:200; text-align:left; padding-left:265px; }
  #nav #logo { position:absolute; z-index:500; top:-15px; left:50px; min-height:100px; height:auto !important; height:100px; min-width:205px; width:auto !important; width:205px; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:top left; }
    #nav #logo a { display:block; width:205px; height:100px; }
  
#nav li.top { display:block; float:left; }
#nav li a.top_link { display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:				11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background:url(images/six_0.gif); }
#nav li a.top_link span { float:left; display:block; padding:0 24px 0 12px; height:35px; background:url(images/six_0.gif) right top no-repeat; }
#nav li a.top_link span.down { float:left; display:block; padding:0 24px 0 12px; height:35px; background: 			url(images/six_0a.gif) no-repeat right top; }

#nav li:hover a.top_link, #nav a.top_link:hover { color:#fff; background:url(images/six_1.gif) no-repeat; }
#nav li:hover a.top_link span, #nav a.top_link:hover span { background:url(images/six_1.gif) no-repeat right top; }
#nav li:hover a.top_link span.down, #nav a.top_link:hover span.down { background:url(images/six_1a.gif) no-repeat right top; padding-bottom:3px; }

#nav table { border-collapse:collapse; position:absolute; left:0; top:0; }

#nav li:hover { position:relative; z-index:200; }
#nav a:hover { position:relative; white-space:normal; z-index:200; }

#nav :hover ul.sub { left:1px; top:38px; background:#50b5d0; padding:3px; border:1px solid #0b4d97; white-space:			nowrap; width:90px; height:auto; z-index:300; }
#nav :hover ul.sub li { display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal; }
#nav :hover ul.sub li a { display:	block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:	        5px; color:#000; text-decoration:none; border:1px solid #50b5d0; }
#nav li ul.sub li a.fly { background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; }
#nav :hover ul.sub li a:hover { background:#3f96a9; color:#fff; border-color:#fff; }
#nav :hover ul.sub li a.fly:hover { background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; }

#nav li b { display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default; }

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul { left:89px; top:-4px; background:#50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto; }

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0;  padding:0; list-style:none; }

#nav li:hover li:hover > ul { left:90px; top:-4px; background:#50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto; }
#nav li:hover > ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#nav li:hover li:hover > a.fly { background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff;  border-color:#fff; } 
#nav li:hover li:hover > li a.fly { background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0; }