/*
Theme Name: inspiredcss
Theme URI: http://www.inspiredcss.com
Description: Inspired CSS is 
Version: 1.0
Author: Jason Millward
Author URI: http://www.jasonmillward.com
Tags:two columns, fixed width
*/
/* layout */
html {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
body { background: #F0F0F0; color: #1F2321; font-size:1.2em; }
* { margin: 0; padding: 0; }
form { display: block; margin: 0; padding: 0; }
blockquote { margin: 15px 0; padding: 0 10px 0 35px; }
.clearer { clear: both; }
.hidden {left:-99999px;font-size:0 !important;height:0 !important;line-height:0 !important;overflow:hidden !important;position:absolute !important;width:0 !important;}
p {font-size:1.1em; margin-bottom:10px; line-height:20px; }
a:link, a:visited, a:active {text-decoration:underline; color:#9BBACE;}
a:hover {color:#9BBACE; text-decoration:none;}
.entry ul {margin-bottom:20px; padding-left:20px;}
ul li {list-style-type:none;}
/*page titles and headers */
h1,h2,h3,h4,h5,h6 {font-family:Century Gothic , Arial;  margin-bottom:20px; font-weight:normal; color:#10171C; text-shadow:0 1px 1px #9000;}
h1 {font-size:2.5em; line-height:1em; }
h1 a { text-decoration:none;}
.single h1 {margin-bottom:10px;}
h2 {font-size:1.7em;}
h2 span a {font-size:0.7em;float:right; font-family:Arial, Helvetica, sans-serif;}
.singlepost h2 { margin-top:20px; padding-top:20px; border-top:1px solid #404950;}
h3 {font-size:1.5em;}
h4 {font-size:1.3em;}
/*Header */
#page-top { height:4px; background-color:#0B0F13; border-bottom:1px solid #404950; width:100%;}
#page-bottom { height:4px; background-color:#0B0F13; border-top:1px solid #404950; width:100%;}
#header-outer { height: 130px; border-bottom: 1px solid #171E23; width:100%; background-color:#1F2B33; }
#header-inner { margin: 0 auto; width: 1000px; height: 130px; position:relative; background:url(images/bg-header.jpg) center top no-repeat;}
#header-inner .header-links {position:absolute;top:80px; right:0; list-style-type:none; font-size:1.4em;}
#header-inner .header-links li {float:left; diplay:inline; height:32px; margin-left:10px;}
#header-inner .header-links li  a {color:#fff; text-decoration:none;}
#header-inner .header-links li  a:hover {text-decoration:underline;}
#header-inner .header-links li.view-gallery a { color:#fff; width:118px; height:32px; background:url(images/btn-view-gallery.png) no-repeat left top; display:block; }
#header-inner .header-links li.submit-site a { color:#fff; width:115px; height:32px; background:url(images/btn-submit-site.png) no-repeat left top; display:block; }
.google-ads-top{ margin-top:4px;height:26px; line-height:26px; float: left; }

div#title { margin: 26px auto 0 auto; padding: 6px 0 0 0; width: 960px; }
div#title-wrapper {  margin: 0 auto; width: 960px; height: 117px; }
div#sitename { margin: 0; padding: 0; float: left; width: 340px; height: 116px; }
div#sitename p { display: none; }
div#myads { margin: 17px 27px 0 0; padding: 10px; float: right; }
div#myads p { display: block; margin: 0; padding: 0; }
div#myads p a img { border: 0; }
div#navmensearch {  margin: 0 auto; width: 960px; }
div#navmensearch-wrapper { height: 40px; margin: 0 auto; width: 958px; }
/*body*/
#wrapper-outer {width:100%; background:url(images/bg-wrapper.jpg) repeat-x top left;}
#wrapper-outer .bottom-border {background:url(images/bg-wrapper-bot.jpg) repeat-x bottom left; height:100px; width:100%; display:block;} 
#wrapper { width:1000px; margin:0 auto; }
#twitter { height: 100px }
#twitter p { display: block; margin: 0; padding: 28px 0 0 116px; }
#twitter span.twitter-timestamp abbr { border: none; }
#content { margin: 20px 0 0 0; padding: 0; width: 660px; float: left; }
.home #content, .category-css-website-gallery #content {width:680px;}
#sidebar { margin: 20px 0 0 0 ; padding:20px; width: 278px; border:1px solid #404950; float: right; background-color:#10171C; }
/*Homepage specific styles */
.indexpost h2 {margin-bottom:5px; font-size:1.2em;}
.indexpost h2 a { text-decoration:none;}
.indexpost h2 a:hover {text-decoration:underline;}
.indexpost p {font-size:1em; margin-bottom:0;}
.pagetitle { margin: 0 0 15px 0; }
.pagetitle h2 { display: block; margin: 0; padding: 0; text-align: center }
.postgroup .indexpost { width:202px; float:left; margin:0 10px 10px 0; padding:5px; border:1px solid #404950;}
.postgroup .indexpost img {border:0;}
.post { display: block; margin: 20px 0;  padding:20px; border:1px solid #404950; background:#F1F3F2; overflow:hidden;}
.post .teaser-img {float:left; margin:0 20px 10px 0; border:1px solid #404950;}
div.post div.top { height: 12px; }
div.post div.title h2 { display: block; margin: 0; padding: 0 0 12px 0; }
div.extra { padding: 15px 0 0 0; }
div.extra div.box { width: 287px; }
div.extra div.box-popular { float: left; }
div.extra div.box-categories { float: right; }
div.singlegoogle { margin: 10px 0; text-align: center; }
.singlepost { margin: 0; }
a.more-link { padding:5px 10px; background-color:#9BBACE; color:#fff; text-decoration:none;font-size:1.2em; font-family: Georgia, 'Times New Roman', sans-serif; text-decoration:none; float:right;}
a.more-link:hover {text-decoration:underline; color:#fff;}
/*sidebar*/
#sidebar .box ul.feeds {list-style-type:none; overflow:hidden;margin-bottom:20px; background: transparent url('images/background-general-border.gif') left bottom repeat-x; }
#sidebar .box ul.feeds li {height:52px; margin-bottom:10px;}
#sidebar .box ul.feeds li h2 {border:none; background:none; padding:0;  height:52px;}
#sidebar .box ul.feeds li h2 a{ padding-left:50px; height:52px;text-transform:uppercase; color:#fff; text-decoration:none; font-family:Century Gothic , Arial; display:block; }
#sidebar .box ul.feeds li h2 a:hover {cursor:pointer;}
#sidebar .box ul.feeds li h2 a span {text-transform:lowercase; clear:left;  display:block;font-size:0.7em; color:#9BBACE;}
#sidebar .box ul.feeds li.signup-rss h2 a{background:url(images/icon-rss-sb.jpg) left top no-repeat;}
#sidebar .box ul.feeds li.signup-email h2 a{background:url(images/icon-email-sb.jpg) left top no-repeat;}
#sidebar .box ul.feeds li.signup-twitter h2 a{background:url(images/icon-twitter-sb.jpg) left top no-repeat;}

 /* comments */
h2.h2-categories { font-family:Arial, Helvetica, sans-serif; border-top:none; float:left; font-size:1.0em;}
h2.h2-categories ul{ padding:1px 10px; background-color:#9BBACE; color:#fff; text-decoration:none; font-size:1em; display:block; overflow:hidden; }
h2.h2-categories ul a {color:#27343c; text-decoration:none; display:block;}
h2.h2-categories ul a:hover {text-decoration:underline;}
h2.h2-categories ul li {display:inline; padding:0 10px 0 0; float:left;}
#comments { padding: 20px; }
#postcomment { padding:0 20px 20px 20px;}
div#comments h2, div#postcomment h2 { display: block; margin: 0; padding: 0 0 5px 0; }
div#comments p, div#postcomment p { display: block; margin: 0; padding: 0; }
div#commentsgroup { margin: 0; }
div#commentsgroup div.top { height: 12px; }
div#commentsgroup div.mid { padding: 0 12px; }
div#commentsgroup div.bot { height: 12px; }
ol.commentlist { display: block; margin: 0 0 20px 0; padding: 0; list-style-type: none; }
ol.commentlist li.commentlist { display: block; margin: 0 0 20px 0;  padding:20px; border:1px solid #404950; background:#27353F;}
ol.commentlist li.commentlist cite { display: block; padding: 0; height: 40px; }
ol.commentlist li.commentlist cite img { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid; }
ol.commentlist li.commentlist cite span.author { display: block; margin: 0; padding: 0; line-height: 20px; font-size:1.2em;}
ol.commentlist li.commentlist cite span.date {display:block;} 
ol.commentlist li.commentlist cite span.date a {font-size:0.9em; color:#404950; text-decoration:none;}
ol.commentlist li.commentlist cite span.nodisplay { display: none; }
ol.commentlist li.commentlist div.commenttext { margin: 0; padding: 0 0 0 50px; }
small.commentmetadata { display: block; }
small.commentmetadata cite { display: block; margin: 0; padding: 0 0 3px 0; }
form#commentform { display: block; margin: 0;  padding:20px; border:1px solid #404950; background:#27353F;}
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; }
form#commentform p label { display: block; margin: 0; padding: 0 0 5px 0; }
form#commentform p.input span { display: block; width: 210px; height: 21px; margin: 0; padding: 6px 0 0 0; float: left; }
form#commentform p.input span input { width: 191px; padding: 0 5px; border: 0; }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea span { display: block; }
form#commentform p.button { display: block; text-align: left; margin: 0; padding: 0; }
textarea#comment { width: 540px; height: 117px; padding: 5px; border: 0; }
div.box { margin: 0 0 15px 0; }
#sidebar .box h2 {font-size: 18px; margin-bottom:20px; line-height: 18px; padding:10px; font-weight: normal; border:1px solid #404950;  background-color:#27343c; }
div.box div.interior { padding: 0; }
div.box div.interior ul  { display: block; list-style-type: none; margin: 0; padding: 0; }
div.box div.interior ul li { display: block; padding: 0 0 2px 0; }
div.box div.interior ul li span, div.box div.interior ul li span { display: block; padding: 0 0 2px 0; }
div.box div.interior ul li a, div.box div.interior ul li a:visited { display: block; padding: 5px 0 5px 18px; }
div.box div.interior ul ul { margin: 0; }
div#box-newsletter div.interior { padding: 0 0 12px 65px; }
div#box-newsletter div.interior p { display: block; margin: 0; padding: 0; line-height: 28px; }
div#box-newsletter div.interior span { display: block; height: 21px; margin: 0; padding: 6px 0 0 0; }
div#box-newsletter div.interior span input { width: 191px; padding: 0 5px; border: 0; }
div.box-adverts div.interior { padding: 0; }
div.box-adverts div.interior div { height: 125px; margin-bottom:20px; }
div.box-adverts div.interior div a { display: block; float: left; width: 125px; height: 125px; }
div.box-adverts div.interior div a.ads1 { margin: 0 28px 0 0; }
div.box-adverts div.interior div a.ads3 { margin: 0 28px 0 0; }
div.box-adverts div.interior div a img { border: 0; }
div#box-googleads div.interior { width: 250px; margin: 0 auto; padding: 12px 0; }
div#calendar_wrap { padding: 10px 0 0 0; }
table#wp-calendar { width: 180px; margin: 0 auto; }
div.box-widget_recent_comments div.interior ul { display: block; list-style-type: none; margin: -1px 0 0 0;  padding: 0; }
div.box-widget_recent_comments div.interior ul li { display: block; border-top: 1px solid; padding: 5px 0 5px 18px; }
div.box-widget_recent_comments div.interior ul li a { display: inline; }
#footer-outer { border-top: 1px solid #404950;background-color:#1F2B33; width:100%; }
#footer-inner {width:1000px; padding:20px 0; margin:0 auto; }
#footer-inner .box {width:320px; float:left;}
#footer-inner .box-categories {margin:0 20px;}
#footer-inner .box ul li{ list-style-type:none; height:32px; line-height:32px; background:url(images/background-general-border.gif) repeat-x scroll left bottom;}
#footer-inner .box ul li a {padding-left:18px; background:url(images/icon-footer.gif) left center no-repeat;}
#footer-inner .box h2 {background-color:#27343C;border:1px solid #404950; color:#9BBACE;font-size:18px;font-weight:normal;line-height:18px;margin-bottom:20px;padding:10px;}
#footer-inner .box-tags  a { margin-right:5px;}
#myGallery, #myGallerySet, #flickrGallery {width: 632px;height: 250px;z-index:5;border: 1px solid #000;}
.jdGallery .slideInfoZone{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 80px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}
blockquote { background: transparent url('images/background-blockquote.gif') left top repeat-y; }
div#rsstwitter a, div#rsstwitter a:visited { color: #567385; }
#header-inner .logo {  position:absolute; left:0; top:45px; width:291px; height:60px; }
#header-inner .logo a { background: transparent url('images/logo.png') left top no-repeat;  width:291px; height:60px; display:block; }
div#myads { background: transparent url('images/background-myads.jpg') left top no-repeat; }
#top-nav-outer { height:60px; width:100%; background:#10171C url('images/bg-nav.jpg') repeat-x; border-bottom:1px solid #404950; border-top:1px solid #404950;}
#top-nav-inner { margin: 0 auto; width: 1000px; height:40px;margin: 0 auto; width: 1000px; height:60px; position:relative;}
div#search { width:320px; position:absolute; right:0; top:7px; }
div#search form input.textbox{ cursor:pointer; background: #0B0F13 url('images/bg-search.jpg') no-repeat; border:1px solid #404950; padding: 8px 5px; color: #9a9a9a; width:308px;  color:#fff; font-size:1.2em; float:left; }
div#twitter { background: transparent url('images/background-twitter-updates.jpg') top left no-repeat; }
div#twitter span.twitter-timestamp abbr { color: #fff; }
.featured, .indexpost { width:632px;border:4px solid #404950; margin-bottom:20px;padding:10px; background-color:#171E23;}
div.post div.title h2 a, div.post div.title h2 a:visited { color: #10171C; }
div#comments h2, div#postcomment h2 { color: #FFF; }
div#comments p, div#postcomment p { color: #aeaeae; }
div#comments p a, div#comments p a:visited { color: #aeaeae; }
ol.commentlist li.commentlist img.avatar { border-color: #c1c1c1; }
form#commentform p.input input, .wpcf7-form input.textfield { color: #fff; padding:3px 5px;border:1px solid #404950; width:300px; background-color:#27343C;}
form#commentform p.textarea span, .wpcf7-form textarea.textarea { padding:3px 5px; font-size:1.1em;border:1px solid #404950; background-color:#27343C;color:#fff!important; font-family:Arial, Helvetica, sans-serif; width:608px;}
textarea#comment { color: #fff; background: transparent none; }
div.box div.interior ul li { background: transparent url('images/background-general-border.gif') left bottom repeat-x; }
div.box div.interior ul li span { color: #9bbace; }
div.box div.interior ul li a, div.box div.interior ul li a:visited {background: padding-left:18px; background:url(images/icon-footer.gif) left center no-repeat;color: #9bbace;}
div#box-newsletter div.interior { background: transparent url('images/background-feedburner.jpg') left 10px no-repeat; }
div#box-newsletter div.interior span { background: transparent url('images/background-input.gif') left top no-repeat; }
div#box-newsletter div.interior span input { background: transparent none; color: #9a9a9a; }
div.box-widget_recent_comments div.interior ul li { background: transparent url('images/background-box-list-item.gif') 3px top no-repeat; }
div.box-widget_recent_comments div.interior ul li a, div.box-widget_recent_comments div.interior ul li a:visited { display: inline; background: transparent none; }
div.box-widget_pages div.interior ul li { background: transparent none; }
ul.nav-menu { display: block; height: 60px; float: left;}
ul.nav-menu li { display: block;float: left; width:200px; font-size: 1.2em; background:url(images/bg-nav-pipe.jpg) right top  no-repeat;}
ul.nav-menu li.last {background:none;}
ul.nav-menu li h2 a{text-transform:uppercase; color:#fff; text-decoration:none; height:48px;padding:12px 0 0 0;  width:180px; padding-left:20px;font-family:Century Gothic , Arial; display:block; }
ul.nav-menu li h2 a:hover {background:url(images/bg-nav-hover.png) repeat-x 0 -1px; z-index:2; border-top:1px #fff solid; position:relative; top:-1px; cursor:pointer;}
ul.nav-menu li h2 a span {text-transform:lowercase; clear:left;  display:block;font-size:0.5em; color:#9BBACE;}
#pagenav {clear:both; display:block;}
div#pagenav a, div#pagenav a:link { padding: 5px 10px; margin: 6px 4px 0px 0px; color: #638fbc; background: #070b0f none; border: 1px solid #1a2735; text-decoration: none;}
div.wp-pagenavi { height: 38px; padding: 0; }
div.wp-pagenavi a, div.wp-pagenavi a:link { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; background: #070b0f none; border: 1px solid #1a2735; color: #638fbc; text-decoration: none;}
div.wp-pagenavi a:visited { text-decoration: none; color: #638fbc; }
div.wp-pagenavi a:hover { text-decoration: none; background: #001b35 none; }
div.wp-pagenavi a:active { background: #001b35 none; }
div.wp-pagenavi span {float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; color: #a1a1a1; background: #070b0f none; border: 1px solid #1a2735; }
div.wp-pagenavi span.current { color: #fff; font-weight: bold; background: #001b35 none;padding: 5px 10px;  margin: 6px 4px 0px 0px;}
div.wp-pagenavi span.extend { color: #a1a1a1; background: #070b0f none; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { border: 1px solid #3f4950; text-align: center; padding: 10px 5px 5px 5px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { line-height: 17px; padding: 5px 0 0 0; margin: 0; }
div#rsstwitter { font-size: 11px; line-height: 15px; font-family: Verdana, Helvetica, sans-serif; }
div#rsstwitter a:hover { text-decoration: none; }
#twitter { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 22px; line-height: 30px; }
#twitter p {line-height:26px;}
div#featured p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
div.post div.entry a { font-weight: normal; }
div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }
div#comments h2, div#postcomment h2 { font-family: Georgia, 'Times New Roman', serif;font-size: 18px; line-height: 24px; }
div#comments p, div#postcomment p { line-height: 22px }
div#comments p a, div#comments p a:visited {  text-decoration: underline; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
div#box-tabs div.interior { padding: 0; }
div#box-tabs h2 { display: none; }
div#box-tabs div.ui-tabs-panel { background-color:#27343C; border:1px solid #404950; padding:5px;}
div#box-tabs div.ui-tabs-panel p.notice {padding: 12px; margin: 0;text-align: center;}
div#box-tabs ul.ui-tabs-nav { display: block; height: 26px; list-style-type: none; }
div#box-tabs ul.ui-tabs-nav li { display: block; float: left;  margin-right:2px; height: 24px;background: none;}
div#box-tabs ul.ui-tabs-nav li a, div#box-tabs ul.ui-tabs-nav li a:visited { color: #fff; padding: 2px 5px;display: block; text-align: center; margin: 0; background: #27343C;font-family: Georgia, 'Times New Roman', sans-serif;font-size: 1.4em; line-height: 24px; text-decoration: none; }
div#box-tabs ul.ui-tabs-nav li.blr a, div#box-tabs ul.ui-tabs-nav li.blr a:visited, div#box-tabs ul.ui-tabs-nav li.arc a, div#box-tabs ul.ui-tabs-nav li.arc a:visited, div#box-tabs ul.ui-tabs-nav li.cat a, div#box-tabs ul.ui-tabs-nav li.at a:visited {padding: 0 5px; }
div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a, div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a:visited {color: #9BBACE; border:1px solid #404950; border-bottom:1px solid #27343C; position:relative; bottom:3px;padding: 2px 5px;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;}
.submit-requirements {background-color:#0B0F13; border:1px solid #404950; padding:10px;overflow:hidden; margin-bottom:20px; }
.submit-requirements ul {list-style-type:none; margin-left:10px;}
.submit-requirements ul li {background:url(images/icon-tick.png) no-repeat left center; height:22px; line-height:22px; padding-left:18px;}
.submit-requirements .requirements {float:left; width:50%;}
.submit-requirements .benefits {float:right; width:50%;}
.submit-requirements h2 {font-size:1.3em; margin-bottom:10px;}
p.form-instruction {margin-bottom:20px;}
.gallery-img {}
.gallery-text { }
.gallery-text ul {list-style-type:none;}
.gallery-text ul li {margin-bottom:5px;}
.gallery-comment {float:right;}
/*css examples */
#post-28 .container {height:100px; line-height:100px; border:1px solid #404950; padding:0 10px; margin-bottom:20px;}
.browser-support {list-style:none; margin:20px; height:50px;}
.browser-support li {width:50px; height:50px; margin-left:20px; float:left; display:inline;}
.property-values dt {width:100px; float:left; clear:left;}
.property-values dd { width:500px; float:left; margin-left:10px;}
.code-snippet {padding:10px; background-color:#fff; border:1px solid #404950;font-family:"Courier New", Courier, monospace; color:#000; margin-bottom:10px;}
.mini-ads {list-style-type:none; overflow:hidden;}
.mini-ads li {width:20px; height:20px; margin:0 10px 10px 0; background:url(images/advertise-sm.jpg) no-repeat; float:left; display:inline;}
.mini-ads li a {width:20px; height:20px; display:block;}
#author-info {background-color:#27353F;border:1px solid #404950;display:block;margin:20px 0 0 0;padding:20px;}
#author-info img {float:left; margin-right:20px;}
#author-info h4 {margin-bottom:10px; font-size:1.6em;}
/* sociable */
.sociable {background-color:#27343c; border:1px solid #404950;display:block;margin:20px 0 0 0;padding:20px;}
.sociable h3 {margin-bottom:5px; font-size:1.4em;}
span.sociable_tagline { position: relative; }
.sociable_tagline p {margin-bottom:20px; }
.sociable_tagline img {position:relative; margin-right:2px; position:relative; top:2px; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {	position: absolute;	display: block;	top: -5em;	background: #ffe;	border: 1px solid #ccc;	color: black;	line-height: 1.25em;}
.sociable span {	display: block;}
.sociable ul {	display: inline;	margin: 0 !important;	padding: 0 !important;}
.sociable ul li {	background: none;	display: inline !important;	list-style-type: none;	margin: 0;	padding: 1px;}
.sociable ul li:before { content: ""; }
.sociable ul li img {	float: none;	width: 48px;	height: 48px;}
.sociable img {border: 0;}