/*
Theme Name: Legends Comics and Books
Theme URI: http://legendscomics.ca
Description: Custom theme for Gareth and Lloyd.
Version: 1.0
Author: Joel Friesen - joel@joelf.com
Author URI: http://joelf.com
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}address,caption,cite,code,kbd,dfn,em,strong,th,var,strong,b,h1,h2,h3,h4,h5,h6,tt,sup,sub,samp{font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

body{background:#000; font-size:0.75em; line-height:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;}
p {margin:.25em 0 .5em 0;}
h1 {font-size:1.818em; margin:1.5em 0 .5em 0;}
h2 {font-size:1.636em; margin:1.5em 0 .5em 0;}
h3 {font-size:1.455em; margin:1.5em 0 .5em 0;}
h4 {font-size:1.273em; margin:2em 0 .5em 0;}
h5,h6,caption {font-size:1em; margin:1.5em 0 .5em 0; font-style:italic;}
h1,h2,h3,h4,h5,h6,caption {font-weight:bold;}
a:link{text-decoration:none; color:#0099FF;}
a:visited{text-decoration:none; color:#0066CC}
a:active{text-decoration:none; color:#CC0000;}
a:focus,
a:hover{text-decoration:underline; color:#FF9900;}
hr {height: 1px; border-style: solid; color: #DDD; background: #FFF; border-width:1px 0 0 0; border-color:#DDD; clear:both; padding:0 0 1em 0;}
ul, ol, dl {margin:1em 0 1em 0;}
ul li, ol li {margin:0 0 .5em 2em; list-style-position:outside;}
ul li {list-style-type:disc;}
ol li {list-style-image:none; list-style-type:decimal;}
dl dt {list-style-type:disc; margin:0; list-style-position:outside; font-weight:bold;}
dl dd {margin:0 0 1em 1em; list-style-image:none; list-style-type:none;}
address {margin:.5em 0 .5em 0; font-size:1em}
b,strong {font-weight:bold}
em, cite, dfn {font-style:italic;}
cite {padding:0 0 .5em 6em;}
abbr, acronym {letter-spacing:0.1em; text-transform:uppercase;}
abbr[title], acronym[title], dfn[title] {border-bottom:1px solid #CCCCCC; cursor:help;}
blockquote {padding:.5em 0 .5em 4em; margin:1em 0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#9aa1ac; font-size:1.455em; line-height:1.455em; background:url(images/quote.png) no-repeat 0 10px;}
small {font-size:.727em;}
sub{vertical-align:text-bottom; font-size:.727em}
sup{vertical-align:text-top; font-size:.727em}
tt, code, samp, kbd {background:#DDDDDD none repeat scroll 0 0; font-family: courier,sans-serif,mono;}
pre {border:1px solid #bbb; background: #f9f9f9; padding:0.5em; margin:.5em 0 1em 0; font-size:1em; font-family:"Courier New", Courier, mono; overflow:auto; }		
del, s, strike {color:#666666; text-decoration:line-through;}
ins, dfn {border-bottom:1px solid #CCCCCC;}
fieldset {border:1px solid #CCCCCC; margin-top:1em;}
legend {background:#FFFFFF none repeat scroll 0%; margin:0 .4em; padding:0 .1em}
label {font-size:1em; font-weight:bold;}
input {font-size:1em; padding:.1em}
textarea {font-size:1em; padding:.2em; font-family:Arial, Helvetica, sans-serif;}
select, button {cursor:pointer; padding:0.1em;}	
table {margin:1em 0; border:1px solid #DDD; border-width:0 0 1px 0;}
tr { border:solid #DDD; border-width:1px 0 0 1px;}
th, td {padding:0.5em; vertical-align:top; border:solid #DDD; border-width:0 1px 0 0;}
th {font-weight:bold; background:#DDD;}
td {text-align:left; }
th[scope="col"], thead th, thead td {border-bottom:1px solid #CCC; text-align:left;}
th[scope="row"] {border-right:1px solid #CCC; text-align:right;}
tfoot th, tfoot td {border-top:1px solid #DDD; border-width:0 1px 0 0; background:#EEE;}


.header { margin:15px auto 0 auto;  }
.header h1{padding:0; margin:0;}
.header h1 a{background:url(images/topmenu.jpg); height:175px; width:800px; display:block; margin:0 auto;}
.header h1 a span{position: absolute;top: -999em;}
.wrapper{margin:0 auto; width:800px; overflow:hidden; background:url(images/main_bg.png) top center repeat-y;}
.wrapper .content {float:right;  width: 570px;  margin:0 50px 0 0; padding: 10px 0 30px 0;}
.wrapper .content .newsborder {border: 1px solid #999; border-width:0 0 1px 0; padding:0 0 20px 0;}
.wrapper .content h2.title,
.wrapper .content h3{border: 2px solid #666; display: block; font-family: 'Architects Daughter',serif; font-size: 2.5em; font-weight: 700; margin: 20px auto;  padding: 10px; text-align: center;  width: 300px;}
.wrapper .content h3 {font-size: 2em;}
.wrapper .content h2.news {font-family: 'Architects Daughter',serif;}
.wrapper .content .date {margin:0 15px 4px 4px; border:1px solid #DFEAF7; padding:1px; background:#fff; display:block; float:left; width: 4em;}
.wrapper .content .date .month {display: block;	color: #E1F6BC;	text-align: center;	text-transform: uppercase; font-weight: bold; background:url(images/month.gif) repeat-x top left #94bce3;}
.wrapper .content .date .day {display: block;	color: #FFFFFF;	font: 3em Georgia;	text-align:center; background:url(images/day.gif) repeat-x top left #8eb6db; border-top:1px solid #c1dbf3; padding-bottom:.2em}
.wrapper .content .post-body {margin: 0 0 0 72px}
.wrapper .content .post-footer {clear: both; margin: 0 0 0 72px}
.wrapper .nav {float:right; width:180px; margin:0; padding: 0;}
.wrapper .nav ul.speechbubbles { margin: 30px 0 0 0; padding:0;}
.wrapper .nav ul.speechbubbles li {list-style-type:none; margin:0; padding:0;}
.wrapper .nav ul.speechbubbles li span{position: absolute;top: -999em;}
.wrapper .nav ul.speechbubbles li a {width:150px; height:74px; display: block; float: left; margin: 0 0 30px 0; overflow: hidden;}
.wrapper .nav ul.speechbubbles li a.home{ background:url(images/home.png); background-position: top right;}
.wrapper .nav ul.speechbubbles li a.about{ background:url(images/about.png); background-position: top right;}
.wrapper .nav ul.speechbubbles li a.cat{ background:url(images/perogycat.png);  background-position: top right;}
.wrapper .nav ul.speechbubbles li a.comics{ background:url(images/comics.png);  background-position: top right;}
.wrapper .nav ul.speechbubbles li a.contact{ background:url(images/contact.png);  background-position: top right;}
.wrapper .nav ul.speechbubbles li a.news{ background:url(images/news.png);  background-position: top right;}

.wrapper .nav ul.speechbubbles li a.about:hover,
.wrapper .nav ul.speechbubbles li a.cat:hover,
.wrapper .nav ul.speechbubbles li a.comics:hover,
.wrapper .nav ul.speechbubbles li a.home:hover,
.wrapper .nav ul.speechbubbles li a.news:hover,
.wrapper .nav ul.speechbubbles li a.contact:hover{background-position: top left;}

.wrapper .nav .secondarynav {clear:both;}
.footer {background:url(images/perogycatbottom.jpg) #FFF left bottom no-repeat; width:600px; margin:0 auto; padding:20px 50px;}
.footernav { width:700px; margin:0 auto; padding:0;}
.footernav .menu li {display:inline; padding:0; margin:0}
.footernav .menu li a {padding:0 10px 0 0; margin:0}
.footer h4 {padding: 10px 0 0; margin:0; font-size: 1.8em;}
.footer address {font-size: 1.5em; line-height: 1.4em;}
.footer address strong {color:#DA0E0F;}
.footer .textwidget {margin:0; padding:0; width:60%; text-align:center;}

.block{display:block}
.centeralign{margin:0 auto;}

/*================================*/
/*=== WORDPRESS BLOG SPECIFICS ===*/
/*================================*/
.imageleft, .alignleft{float:left; margin-right:1em;}
.imageright, .alignright{float:right; margin-left:1em;}
.left {float:left; width: 47%; padding:1em 0; display:block;}
.right {float:right; width: 47%; padding:1em 0;  display:block; clear:right;}

.post { margin:0 30px 0 0}

.wp-caption {padding-top:4px; text-align:center; margin-bottom:1em; }
.wp-caption img {border:0 none; margin:0; padding:0;}
.wp-caption p { font-family:Georgia, "Times New Roman", Times, serif; color:#777;}
.wp-caption-dd {margin:0; padding:0 4px 5px;}



/*The coment list is for the nested comments in the blog. */
.commentlist {clear:both; float:left; width:100%;}
ol.commentlist {list-style:none; margin:0; padding:0; }
ol.commentlist li {border:2px solid #DFDFDF; margin:0 0 1em; padding:.5em .5em .5em 5em; position:relative; list-style-type:none;}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold;}
ol.commentlist li div.vcard cite.fn { font-style:normal; padding:0;}
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000;}
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #DFDFDF; padding:.5em; left:.5em; float:left; position:absolute; top:.5em;}
ol.commentlist li div.comment-meta { font-weight:bold; position:absolute; right:1em; text-align:right; top:.5em; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p {}
ol.commentlist li ul {list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply {margin:1em 0 0 0}
ol.commentlist li div.reply a {padding:.2em 1em; color:#000; border:2px solid #dfdfdf; background:#f9f9f9;}
ol.commentlist li div.reply a:hover {background:#82b5f4; color:#000; text-decoration:none;}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .5em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .5em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .5em; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 .5em; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
a#cancel-comment-reply-link  {margin:0 .5em; float:right; padding:0 4em; color:#000; text-decoration:none; border:2px solid #dfdfdf; background:#f9f9f9;}
a#cancel-comment-reply-link:hover {background:#82b5f4; color:#000; text-decoration:none;}


.uniForm {margin:0; padding:0; overflow:hidden;}
.uniForm textarea, 
.uniForm .fileupload,
.uniForm .textinput,
.uniForm .selectinput{border:2px solid #dfdfdf;}
.uniForm input, 
.uniForm select { margin:0; border-width:0;}
.uniForm .radiogroup input{width:auto;}
.uniForm .checkgroup input{width:auto;}
.uniForm .selectbox select {border:2px solid #dfdfdf;}
.uniForm fieldset {border:none; margin:0; padding:0;}
.uniForm fieldset legend {color:#000; font-weight:bold; background:none; margin:0; padding:.5em 0; clear:both; display:block;}
.uniForm .row {display:block; margin:.5em 0; padding:0; clear:both; float:left; width:100%}
.uniForm .focused input,
.uniForm .focused select,
.uniForm .focused textarea {border-color:#9ACB3E}
.uniForm .focused label{color:#9ACB3E}
.uniForm .focused .formhint {color:#000}
.uniForm .formhint strong {}
.uniForm label {line-height:1.5em; padding:0; margin:0; display:block; clear:both; font-weight:bold; }
.uniForm label em,
.uniForm .label em {font-style:italic; font-weight:normal;}
.uniForm .buttons {float:left; width:100%; overflow:hidden; clear:both; margin:2% 0; text-align:right; padding:0; display:block;}
.uniForm .buttons input {width:25%; float:right; border:2px solid #dfdfdf; background:#f9f9f9;  cursor:pointer;}
.uniForm .buttons input:hover {background:#82b5f4;}
.uniForm .formhint{color:#999; display:block; line-height:1.2em; font-size:.818em}

/*Here is the bits for the inline label section*/
.uniForm .inlinelabels {margin:0 ;}
.uniForm .inlinelabels input  {float:left; }
.uniForm .inlinelabels label,
.uniForm .inlinelabels .label {padding:.2em 0; float:left; width:19%; display:block; text-align:left;}
.uniForm .inlinelabels .formhint{margin:0pt 0pt 0pt 20%; clear:both; }
.uniForm .inlinelabels .fileupload,
.uniForm .inlinelabels .textinput{width:79%; float:left;}
.uniForm .inlinelabels .selectinput,
.uniForm .inlinelabels select {width:79%;}
.uniForm .inlinelabels textarea{width:79%; float:left;}
.uniForm .inlinelabels .radiogroup input,
.uniForm .inlinelabels .checkgroup input{margin:1% 0 0 19%;}
.uniForm .inlinelabels .radiogroup label,
.uniForm .inlinelabels .checkgroup label {width:75%; float:right; clear:none;}

/*Here is the bits for the block label section*/
.uniForm .blocklabels {clear:both}
.uniForm .blocklabels label,
.uniForm .blocklabels .label {float:left; width:98%; display:block; padding:1em 0 0.5em; }
.uniForm .blocklabels input {float:left;  width:98%;}
.uniForm .blocklabels label em,
.uniForm .blocklabels .label em {position:static; display:inline;}
.uniForm .blocklabels .formhint{margin:0; clear:both; }
.uniForm .blocklabels .textinput,
.uniForm .blocklabels .fileipload,
.uniForm .blocklabels .selectinput{float:left; width:98%;}
.uniForm .blocklabels textarea{float:left; width:98%;}