/*
Theme Name: Dan Cathy
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Dan Catchy
Author: WPcoder
Author URI: http://www.wpcoder.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#329696;text-decoration:none}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:url(images/header-sub.png) no-repeat center top;color:#333;font:94%/187% LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif}
body.home {background:url(images/header.png) no-repeat center 9px}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
html {background:#f8f8ef url(images/bg.png) repeat-x}
h1, h2 {color:#329696;font-size:1.47em;line-height:1.2em;margin:0 0 5px}
h3 {color:#329696;font-size:1.2em;text-transform:uppercase}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:.9em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:0 auto;width:960px}
#main {background:url(images/main.gif) repeat-y;width:100%}
.post:after, #main:after, #content .page:after {display:block;visibility:hidden;clear:both;height:0;content: "."}

/* Header */
#header {height:126px;position:relative}

	/* Logo */
	#header #logo {float:left;margin:68px 0 0}

	/* Search */
	#header form {background:#FFF url(images/search.png) no-repeat;height:27px;overflow:hidden;position:absolute;top:25px;right:0;width:239px}
	#header form #s {background:none;border:0;font-size:.8em;float:right;height:16px;margin:4px 10px 0 0;width:195px}
	#header form #go {float:left;margin:7px 0 0 10px}

	/* Menu */
	#header ul {float:right;font-size:1.2em;font-weight:bold;list-style:none;margin:78px 0 0;text-transform:uppercase}
	#header ul li {display:inline;margin:0 0 0 35px}
	#header ul li a {color:#FFF;text-decoration:none}
	#header ul li a:hover, #header ul li.current_page_item a {}

/* Splash */
#splash {height:496px;overflow:hidden;width:100%}
#splash #slider {height:433px;overflow:hidden;position:relative;width:960px}
#splash #slider #sliding-items {height:433px;left:0;position:absolute;top:0;width:20000em}
#splash #slider #sliding-items .item {float:left;height:433px;width:960px}
	
	/* Text */
	#splash #slider #sliding-items .item div {color:#CCC;display:inline;float:right;margin:25px 50px 0 0;width:240px}
	#splash #slider #sliding-items .item div a {background:#FFF;color:#329696;float:left;font-size:.8em;font-weight:bold;line-height:1em;margin:10px 0 0;padding:10px;text-transform:uppercase;text-decoration:none;}
	#splash #slider #sliding-items .item div h2 {color:#FFF}
	
	/* Categories */
	#categories {float:left;font-size:2em;list-style:none;position:relative;text-transform:uppercase}
	#categories li {float:left;position:absolute;top:0}
	#categories #live {left:0}
	#categories #love {left:160px}
	#categories #lead {left:320px}
	#categories #chick {left:480px}
	#categories li a {color:#e2383f;float:left;height:56px;line-height:56px;vertical-align:middle;text-align:center;width:140px}
	#categories li a:hover, #categories li.current a {border-bottom:7px solid #e2383f}
	#categories li img {margin:8px 0 0;vertical-align:top}
	
	/* Social */
	#social {clear:right;float:right;margin:12px 0 0;width:145px}
	#social li {display:inline;margin:0 0 0 12px}

/* Subpage Splash */
#sub {height:295px;position:relative}

	/* Categories */
	#sub #categories li {top:1px}
	#sub #categories li a {margin:7px 0 0}
	#sub #categories li a:hover, #sub #categories li.current a {border-top:7px solid #e2383f;border-bottom:0;margin:0}

	/* Social */
	#actions {position:absolute;right:20px;top:20px;width:210px;}
	#actions li {background:url(images/divider.png) no-repeat left bottom;padding:5px 0 5px 15px}
	#actions li a {background:url(images/icons.png) no-repeat;color:#bfbfb3;display:block;font-size:1.33em;height:39px;line-height:35px;padding:0 0 0 40px;text-transform:uppercase}
	#actions #twitter a {background-position:0 -51px}
	#actions #facebook a {background-position:0 -100px}
	#actions #videos a {background-position:0 -150px}
	#actions #photos a {background-position:0 -197px}

/* Content */
#content {background:#FFF;float:left;margin:-230px 0 0 1px;padding:10px 0 20px;position:relative;z-index:10;width:718px}
.home #content {margin:0 0 0 1px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}

	/* Page */
	.page #content .page {border-bottom:1px solid #EEE;padding:40px 0 50px 90px;width:550px}

	/* Post */
	#content .post, #content .page {border-bottom:1px solid #EEE;padding:40px 0 50px;width:640px}

	/* Entry */
	.post .entry {float:right;width:540px}
	.page .entry {float:right;width:550px}

	/* Meta */
	.single #content .meta {margin-top:40px}
	#content .meta {background:#ececec;float:left;font-size:.73em;line-height:1.2em;margin:0 10px 0 0;padding:20px 0 10px;position:relative;left:-1px;text-align:center;text-transform:uppercase;width:80px}
	#content .meta span {background:#329696;color:#FFF;display:block;font-size:1.18em;font-weight:bold;padding:6px 0}
	#content .meta strong {display:block;font:bold 2.18em Georgia, Garamond, Serif}
	#content .meta a {color:#BBB}
	
	/* Indent */
	#content .indent {padding-left:90px}
	
	/* Title */
	.title {border-bottom:1px solid #EEE;color:#babab4;font:1.47em Georgia, Garamond, Serif;padding:25px 0 25px 90px}

	/* Info */
	.info {color:#666;font-size:.73em}

/* Pagination */
#content #prev-next {font-size:.83em;font-weight:bold;list-style:none;margin:0;padding:20px 0 0 90px;width:550px}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;font-size:.8em;padding:0 0 20px;width:230px}
#sidebar h3 {font-size:1.4em}
#sidebar ul {list-style:none;margin:0}
#sidebar ul li {margin:0 0 45px}
#sidebar ul li li {margin:0}

	/* More Button */
	.more, .more:visited {background:#329696 url(images/more.png) no-repeat;color:#FFF;display:block;font-size:.9em;font-weight:bold;height:31px;line-height:30px;text-indent:10px;text-transform:uppercase}

	/* Twitter */
	#sidebar .widget_twitter {margin:-45px 0 45px}
	#sidebar .widget_twitter h3 {background:#000 url(images/recent-bg.png) repeat-x;line-height:1em;padding:5px 10px}
	#sidebar .widget_twitter h3 a {color:#FFF}
	#sidebar .widget_twitter .twitter {background:#f4f4f1;margin:0;line-height:1.1em;padding:5px}
	#sidebar .widget_twitter .twitter li {border:0;padding:0}
	#sidebar .widget_twitter abbr {border:0;cursor:default;display:block;font-weight:bold}
	
	/* Flickr */
	#sidebar ul li.widget_flickr {float:left;margin-left:-5px;overflow:hidden;width:235px}
	.widget_flickr img {border:2px solid #d3d3d3;display:inline;float:left;margin:0 0 3px 3px}
	.widget_flickr #all {background:#329696 url(images/all.png) no-repeat;color:#FFF;float:left;font-size:.92em;font-weight:bold;height:75px;margin:0 0 0 3px;overflow:hidden;line-height:120px;text-align:center;width:75px;text-transform:uppercase}

	/* Youtube */
	#execphp-3 img {border:2px solid #d3d3d3;margin:0 0 10px}

	/* Popular */
	.widget_popular_posts li {background:url(images/bullet.gif) no-repeat 5px 8px}
	.widget_popular_posts a {color:#222;padding:0 0 0 10px}
	
	/* Tag Cloud */
	.widget_tag_cloud a, .widget_tag_cloud a:visited {color:#2E2E2E;font-weight:bold}
	
	#sidebar ul li li {border-bottom:1px solid #e1e1d8;line-height:1.1em;padding:5px}

/* Footer */
#footer {background:#329696;clear:both;color:#FFF;font-size:.87em;height:77px;line-height:1.2em;position:relative;width:720px}
#footer img {position:absolute;top:-10px;right:20px}
#footer p {padding:20px 0 0 90px}
#footer strong {display:block}
#footer a {color:#a9d7d8; display:block; padding-right:10px; border-right:1px; border-color:#a9d7d8; margin-right:10px; float:left}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap {padding:10px;width:630px}
#comments_wrap ol {list-style:none;margin:0}
#comments_wrap ol li {border-bottom:1px solid #EEE;height:1%;padding:15px 0 5px 100px;overflow:hidden}
#comments_wrap ol li cite {font:bold 1.1em Helvetica, Arial, Sans-Serif;display:block;margin:0 0 -5px}
#comments_wrap ol li img {float:left}
div.comment {float:right;margin:-5px 0 0;width:470px}

#respond h2 {color:#444;font:bold 1.1em/1em Helvetica, Arial, Sans-Serif;margin:0 0 0 145px}
#respond label {color:#999;font:bold .9em/27px Helvetica, Arial, Sans-Serif;float:left;margin:0 20px 0 0;text-align:right;width:120px}
#respond {padding:10px;width:630px}
#respond p {overflow:hidden}
#respond p.input input {border:1px solid #EEE;font-size:.9em;padding:5px;width:475px}
#respond textarea {border:1px solid #EEE;padding:5px;width:475px}
#respond #submit {margin:0 0 0 140px}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}