@import url('/wp-content/images/quack.css');

/*
Theme Name: Shadowduck
Theme URI: http://quacktacular.net
Description: Blank Theme B, 2 Columns, 1 Right Sidebar
Version: 1.1x
Author: Brendan

Author URI: http://www.WPThemerKit.com
*/

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
files are available at http://www.wpthemerkit.com

License info can be found at http://www.wpthemerkit.com/license.php
=================================================================== */
/*------------------------------------------------------------------
[Table of contents]
1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
12. WordPress image captions.
-------------------------------------------------------------------*/

/*===START SECTION 1 - the main containers===*/
body {
	padding: 0px;
	background: #171717 url(http://rogerblenman.com/images/background_tile.jpg) repeat 0% 0%;;
	margin: 20px;
	font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #CCC;
}
#wrapper {
	background: #333;
	width: 785px;
	margin: auto auto;
	padding: 20px;
	border: 1px solid #666;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#header {
}
#title {
	float: left;
	padding-left: 50px;
	background: url(http://quacktacular.net/wp-content/images/qlogo.gif) no-repeat left bottom;
	cursor: pointer;
}
#main {
	clear: both;
}
#content {
	width: 540px;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	float: left;
	background: rgb(40,40,40);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	border-top: 1px solid #666;
}

#nosidebar {
	width: 825px;
	margin: 15px -20px 0 -20px;
	padding: 0;
	float: left;
	background: url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 -110px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	border-top: 1px solid #666;
}
#nosidebar .post {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#sidebar {
	width: 230px;
	margin-bottom: 20px;
	float: right;
}
#sidebar li li {
	margin-top: 5px;
}
#footer {
	height: 40px;
	margin: -20px;
	background: black;
	clear: both;
	border-top: 2px solid #222;
	padding: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
#footer p {
	margin: 5px;
}
#copysection{
	float: left;
}
p#copyright{
	padding-left: 22px;
	margin-top: 3px;
	background: url(http://quacktacular.net/wp-content/images/copyright.png) no-repeat left center;
}
#poweredbywp{
	padding-left: 22px;
	background: url(http://quacktacular.net/wp-content/images/poweredby.png) no-repeat left center;
}
#search{
	float: right;
	margin-top: 5px;
}
input#searchsubmit{
	background: #666;
	color: white;
	float: right;
	cursor: pointer;
	padding: 5px 10px;
	height: 27px;
	width: 60px;
	margin: 0;
	border: 1px solid #666;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
input#s{
	background: url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) black repeat-x 0 -130px;
	color: white;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 150px;
	border: 1px solid #666;
	border-right: none;
	padding: 5px 7px;
	margin: 0;
	height: 15px;
	float: left;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
input#searchsubmit:hover {
	background: gray;
} 
input#searchsubmit:active {
	background: black;
}
#searchform{
	width: 225px;
}
.nocomments{
	display: none;
}
.tags {
	background: #444;
	padding: 5px 10px;
	margin: 15px 0;
	display: table;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
}
/*===END SECTION 1===*/

/*===START SECTION 2 - general classes===*/
.description {
	margin: 0;
	margin-top: -3px;
	color: white;
}
.post {
	padding: 5px 20px 20px 20px;
	font: 12px;
	line-height: 1.5em;
	clear: both;
	padding-top: 10px;
	margin-top: -1px;
	border-top: 1px solid #666;
	background: url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient1.png) repeat-x 0 -100px rgb(40,40,40);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.posthead {
	border-bottom: 2px solid rgb(30,30,30);
	height: 70px;
	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;
}
.entry-content, .entry-excerpt {
	clear: both;
}
.navigation {
 	clear: both;
	margin: 15px;
}
.avatar {
  float: right;
  margin: 0 0 3px 5px;
}
.entry-meta {
  margin: -5px 0 0 0;
  float: right;
  clear: right;
}
.underpost {
	font-size: .9em;
}
#content .underpost a {
	text-decoration: underline;
}
.entry-text{
	clear: both;
}
li.widget {
	background: black;
	width: 200px;
	min-height: 20px;
	padding: 15px;
	display: block;
	margin-top: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #666;
}
.post img {
	border: 2px solid black;
}

.content strong {
	color: rgb(220,220,220);
}

/*===END SECTION 2===*/

/*START SECTION 3 - style content and footer links*/
a, a:link {
	color: white;
	text-decoration: none;
	-webkit-transition: color 0.2s linear;
}
a:hover, a:active {
	color: #C8FF4D;
}
.navigation a {
	color: black;
}
.navigation a:hover, .navigation a:active {
	color: rgb(25, 25, 25);
	outline-color: #333;
	text-shadow: #999 0px 1px 1px;
}
div.navigation {
	background: url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 -110px;
	border: 1px solid #666;
	height: 20px;
	padding: 5px 10px;
	margin-bottom: 15px 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	color: rgb(17, 17, 17);
	outline-color: rgb(17, 17, 17);
	text-shadow: rgb(125, 125, 125) 0px 1px 1px;
}
.navigation div{
	max-width: 215px;
	height: 18px;
	overflow: hidden;
}
.entry-text div.navigation {
	margin: 10px 0 0 0;
}
img.wp-smiley {
	border: none;
}
.searchterm {
	color: white;
}
/*===END SECTION 3===*/

/*===START SECTION 4 - style for menu, page links in the header===*/
#menu a {
	color: #333;
	-webkit-transition: none;
}
#menu {
	margin: 0;
	padding: 7px 6px 0;
	background: black url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 -110px;
	line-height: 100%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #666;
	min-height: 37px;
}

#menu li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
	z-index: 1;
}
 
 
/* main level link */
#menu a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 15px;
	margin: 0;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#menu a:hover {
	background: #000;
	color: #fff;
}
 
/* main level link hover */
#menu .current_page_item a, #menu li:hover > a {
	background: #666 url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;
 
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
 
/* sub levels link hover */
#menu ul li:hover a, #menu li:hover li a {
	background: none;
	border: none;
	color: #666;
}
#menu ul a:hover {
	background: #666 url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
 
/* dropdown */
#menu li:hover > ul {
	display: block;
}
 
/* level 2 list */
#menu ul {
	display: none;
 
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow:0px 0px 10px #000000;
	-moz-box-shadow:0px 0px 10px #000000
}
#menu ul li {
	float: none;
	margin: 0;
	padding: 0;
}
 
#menu ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}
 
/* level 3+ list */
#menu ul ul {
	left: 181px;
	top: -3px;
}
 
/* rounded corners of first and last link */
#menu ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
 
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#menu ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
 
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
 
/* clearfix */
#menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#menu {
	display: inline-block;
} 
html[xmlns] #menu {
	display: block;
}
 
* html #menu {
	height: 1%;
}
/*===END SECTION 4===*/

/*===START SECTION 5 - sidebar links===*/
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
	margin-bottom: .1em;
	padding: 1px;
	color: rgb(125,125,125)
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar ul ul {
  margin-left: 10px;
}
#sidebar ul ul li, #sidebar ul ul li {
  font-size: .9em;
  margin-left: 10px;
}
/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/
#header h1{
	margin: 0;
}
#header h1 a:link, #header h1 a:visited {
	margin: 0 0 0 -2px;
	text-transform: uppercase;
	font: 27px Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: -3px;
	color: #CCC;
	text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
	text-decoration: none;
}
#header h1 a:hover {
	color: white;
}
#content h1 {
}
#sidebar h1 {
}
#sidebar h2 {
	margin: 0;
	color: rgb(150,150,150);
	font-size: 16px;
}
.post h2, .post h3, .search h2 {
	text-align: right;
	font-size: 22px;
 	color: white;
 	margin: 0;
 	margin: 10px 0 10px 0;
 	padding: 0;
	letter-spacing: -1px;
	font-weight: normal;
	text-shadow: rgb(0, 0, 0) 0px 1px 3px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.post h2 {
	float: right;
	margin-bottom: 10px;
}
.post h4, .post h4 a {
	color: rgb(200, 255, 77);
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0 0;
	text-shadow: rgb(0, 0, 0) 0px 1px 2px;
}
.post h4 a:hover{
	color: white;
}
.entry-date-search{
	font-style: italic;
}
.the-excerpt{
	color: #888;
}
.the-excerpt p{
	display: inline;
}
/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
.entry-date {
	height: 55px;
	width: 55px;
	display: inline;
	float: left;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	background: url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) repeat-x 0 -110px black;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 4;
	position: relative;
}
.entry-month {
	font-size: 12px;
	width: 50px;
	text-align: center;
	height: 15px;
	margin: 5px 0 0 0;
	font-weight: bold;
}
.entry-day {
	font-size: 22px;
	text-align: center;
	height: 20px;
	width: 50px;
	font-weight: bold;
}
.entry-year {
	font-size: 60px;
	color: rgb(100,100,100);
	letter-spacing: -15px;
	top: 25px;
	left: -10px;
	position: relative;
	z-index: 1;
	float: left;
	text-shadow: rgba(0,0,0,.5) 1px 1px 2px;
}
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
div#respond, .commentlist {
	clear: both;
	padding: 20px;
	color: rgb(175,175,175);
}
div#respond {
	border-top: 2px solid #1E1E1E;
}
#respond hr {
	clear: both;
	border: 1px solid rgb(40,40,40);
	margin: 0;
}
#respond p {
	margin: 0;
}
#respond h3, h3#comments {
	color: rgb(200, 255, 77);
	font-size: 22px;
	font-weight: normal;
	margin: 5px 0 0 0;
	text-shadow: rgb(0, 0, 0) 0px 1px 2px;
	float: left;
}
#commentform input#submit {
	background: #444;
	color: white;
	float: right;
	cursor: pointer;
	padding: 5px 10px;
	margin: 5px 0 10px 5px;
	border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#commentform textarea, #commentform input{
	background: url(http://quacktacular.net/wp-content/themes/shadowduck/images/gradient.png) black repeat-x 0 -130px;
	color: white;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: 1px solid #666;
	padding: 4px 5px;
	margin: 0 0 10px 0;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#commentform .alignleft input {
	clear: left;
} 
#commentform input#submit:hover {
	background: #333;
} 
#commentform input#submit:active {
	background: #222;
}
#commentform textarea {
	width: 275px;	
	height: 100px;
}
#commentform {	
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	background: #282828;
	padding: 20px;
	border: 2px solid #282828;
	border-top: none;
	border-bottom: none;
}
ol.commentlist li.alt {
	background: #333;
	padding: 20px;
}
#content ol.commentlist li a {
	text-decoration: underline;
}
.comment-text p {
	width: 415px;
}
li.author {
	padding: 5px;
}
.comment-author {
	font-size: 18px;
	color: white;
	padding-right: 10px;
}
.commentmetadata {
	color: #777;
}
a:link.comment-edit-link {
	color: #999;
}
/*===END SECTION 8===*/

/*START SECTION 9 - oh you're so fancy with those blockquotes....*/
blockquote {
  font: 13px Georgia, "Times New Roman", Times, serif;
  color: #888;
  line-height: 20px;
  background: black;
  padding: 5px 15px 5px 20px;
  margin: 0;
  border: 1px dashed rgb(40,40,40)
}
/*===END SECTION 9===*/

/*START SECTION 10 - images when inserted into a post.*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
  text-align: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 0 0 10px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
}
/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}
/*===END SECTION 11===*/

/*===START SECTION 12 - Captions===*/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.wp-caption {
	text-align: center;
	background-color: #000;
	padding-top: 4px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.wp-caption:hover {
	background-color: rgb(50,50,50);
}

.wp-caption img {
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*===END SECTION 12===*/

a img {
	border: none;
}