/*   
Theme Name: Shadow Boxing
Theme URI: http://www.fcamilleri.co.uk/shadow-boxing
Description: 
Author: Frank Camilleri
Author URI: http://www.fcamilleri.co.uk/
Template: 
Version: 1
General comments/License Statement if any.
.
*/


body {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#d3d3d3; line-height:20px; background:#000; }
h1 {color:#ffffff; font-size:48px;}
h2 {font-size:24px; font-weight:bold; font-style:italic;}
h3 {font-size:20px; font-weight:bold; font-style:italic;}
h4 {font-size:18px; font-weight:bold; font-style:italic;}
h5 {font-size:16px; font-weight:bold; font-style:italic;}
h6 {font-size:14px; font-weight:bold; font-style:italic;}
p {}
img {border:none;}
fieldset {}
form {}
label {}
legend {}
table {}
caption {}
tbody {}
tfoot {}
thead {}
tr {}
th {}
td {}
article {}
#sidebar {background:#222; border:1px solid #313131;  -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000; width:220px; float:left; margin-bottom:20px; padding-bottom:20px;}
#sidebar ul {margin-left:25px; list-style-type:none;}
#sidebar ul ul {margin-left:10px; list-style-type:none;}
#sidebar li {}
#sidebar h2 {margin:10px;}

#top {height:65px;}
#top ul#social-bookmarks {float:right; list-style:none; margin-top:10px;}
#top ul#social-bookmarks li { display:inline;}
#top ul#social-bookmarks li a {height:53px; background-image:url(images/social-bookmarking-icons.png); text-indent:-9999px; background-repeat:no-repeat; float:left;}
#top ul#social-bookmarks li a.addthis { width:35px; background-position:0 0;}
#top ul#social-bookmarks li a.rss { width:35px; background-position:-35px 0;}
#top ul#social-bookmarks li a.favourite { width:35px; background-position:-70px 0;}
#top ul#social-bookmarks li a.addthis:hover { width:35px; background-position:0 -53px;}
#top ul#social-bookmarks li a.rss:hover { width:35px; background-position:-35px -53px;}
#top ul#social-bookmarks li a.favourite:hover { width:35px; background-position:-70px -53px;}

#top-nav { background:#222; border-top:1px solid #313131; border-bottom:1px solid #313131; height:122px; width:100%;}
#top-nav ul {float:right; margin:50px 20px 0 0; width:490px; text-align:right;}
#top-nav ul li {display:inline-block;}
#top-nav ul li a { font-size:24px; font-weight:bold; font-style:italic; margin-right:10px;}
#top-nav ul li.current_page_item a {color:#f99b1d;}
#top-nav ul li a:hover {text-decoration:none;}
h1.page-not-found {margin:40px 0 0 300px;}
h2.page-not-found {margin:0 auto; width:220px; height:50px;}
div.page-not-found { width:405px; margin:0 auto 0 auto;}

a {color:#d3d3d3; text-decoration:none; outline:none;}
a:hover {color:#f99b1d;}
#wrapper {background:#1d1d1d; margin:0 auto; width:960px; padding-bottom:40px; position:relative;}
#logo {background:#222; border:1px solid #313131; width:350px; padding:20px; position:relative; top:25px; left:50px; z-index:10; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000;}
#logo a {text-decoration:none; color:#fff;}
#content {background:#222; border:1px solid #313131; width:630px; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000; margin:0 20px 40px 50px; float:left; padding:10px;}
#content p {margin-bottom:5px;}
#content ul {margin-left:20px;}
#content ul li {display:inline;}
#content ol {list-style-type:none;}
#content ol li #post{margin-bottom:25px;}

.datewrapper abbr.published {background-image:url(images/date-bg.png); width:145px; height:150px; position:absolute; left:-85px; z-index:5; font:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#262626; line-height:30px; text-align:center;}
.datewrapper abbr.published span {position:relative; top:25px; right:10px;}
.datewrapper h2.entry-title {margin-bottom:10px;}

div.hentry {margin-bottom:10px;}
#respond p.comment-notes {font-style:italic; font-size:12px;}
form div.fieldset {clear:both; width:400px; padding:10px 0 0 0;}
form div.fieldset label {float:left;}
form div.fieldset input,form div.fieldset select  {float:right; width:300px; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000; background:#222; border:1px solid #313131; color:#ffffff; height:20px; padding:2px;}
form div.fieldset textarea {float:right; width:300px; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000; background:#222; border:1px solid #313131; font:Arial, Helvetica, sans-serif; color:#fff; font-size:14px;}
form div.fieldset input.submit {font:Arial, Helvetica, sans-serif; color:#d3d3d3; font-size:16px; padding:2px; width:160px; outline:none; cursor:pointer; height:30px;}
.commentlist {width:415px; margin:0 auto 0 auto;}
.commentlist li {margin-bottom:20px;}
.commentlist li div.quote{background-image:url(images/curl.gif); background-repeat:no-repeat; background-position:bottom; padding-bottom:5px; }
.commentlist li div.quote p {background-color:#454545; background-image:url(images/comment-box.gif); background-repeat:no-repeat; background-position:top; min-height:60px; padding:10px;}
.commentlist li cite {margin:20px 0 0 30px;}
div.entry-content div.search-container{width:220px; height:33px; border:1px solid #313131; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000; float:left; background-color:#1d1d1d; }
h2.category {margin-bottom:20px;}
#intro {height:60px; margin-bottom:50px;}

#intro #intro-container{margin:60px 0px 20px 60px; width:662px; float:left;}
#intro #intro-container p {font-size:24px; font-weight:bold; font-style:italic;}
#intro #search-container {margin:60px 0px 0px 0px; width:220px; height:33px; border:1px solid #313131; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000; float:left; }
div.404 {text-align:center; margin:0 auto 0 auto; width:600px;}
#search {}
form#search input#s {width:185px; height:30px;background-color:transparent; /*important*/ border:none; position:relative; /*important*/ color:#fff;}
form#search input#submit{border:0px; /*important*/ background-color:transparent; /*important*/ position:relative; /*important*/ width:30px; height:28px;}
div#nav-below {height:30px; padding:10px; margin:0;}
div#nav-below .nav-previous{width:50%; float:left;}
div#nav-below .nav-previous a{float:left;}
div#nav-below .nav-next{width:50%; float:right;}
div#nav-below .nav-next a{float:right;}
#footer {background:#222; border-top:1px solid #313131; border-bottom:1px solid #313131; height:90px}
#footer #footer-links {width:740px; float:left;}
#footer #icons {width:220px; float:left;}
#footer #icons ul#footer-icons {list-style:none; margin-top:20px;}
#footer ul#footer-icons li { display:inline;}
#footer ul#footer-icons li a {height:70px; background-image:url(images/footer-icons.png); text-indent:-9999px; background-repeat:no-repeat; float:left;}
#footer ul#footer-icons li a.twitter { width:60px; background-position:0 0;}
#footer ul#footer-icons li a.mail { width:60px; background-position:-60px 0;}
#footer ul#footer-icons li a.facebook { width:60px; background-position:-120px 0;}
#footer ul#footer-icons li a.twitter:hover { width:60px; background-position:0 -76px;}
#footer ul#footer-icons li a.mail:hover { width:60px; background-position:-60px -76px;}
#footer ul#footer-icons li a.facebook:hover { width:60px; background-position:-120px -76px;}
#footer p{float:left; width:630px; margin:10px 0 0 20px;}
#footer p.foot1 {margin-top:20px;}
#footer a.backtotop {background-image:url(images/backtotop.gif); background-repeat:no-repeat; background-position:75px 6px; padding:10px 20px 0 0; outline:none;}
#search label {display:none;}
div.hr {height: 15px; background:url(images/line.gif) no-repeat scroll center;}
div.hr hr {display: none;}
.clear {clear:both;}