/*------------------------------------------------------------------------
Theme Name:Sasskin
Theme URI:http://wideeyedwolf.com/
Description:SweetandSound Skin
Version:0.2
Author:Daniel Harte
Author URI:http://danielharte.co.uk/
------------------------------------------------------------------------*/

/*-----------------------------------------RESET----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td
{
margin:0;
 padding:0}

table
{
border-collapse:collapse;
 border-spacing:0}

fieldset, img
{
border:0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
font-style:normal;
 font-weight:normal}

ol, ul, li
{
list-style:none}

caption, th
{
text-align:left}

h1, h2, h3, h4, h5, h6
{
font-size:100%;
 font-weight:normal}

q:before, q:after
{
content:''}

strong
{
font-weight:bold}

em
{
font-style:italic}

a img
{
border:0;
 padding:0;
 margin:0;
}

h1, h2, h3, h5, h5, h6
{
font-weight:bold}

/*-----------------------------------------LAYOUT----------------------------------------- */

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

.alignleft
{
float:left}

.alignright
{
float:right}

.floatLeft
{
float:left}

.floatRight
{
float:right}

.clear
{
clear:both}

.greyline
{
margin:30px 0 10px 0;
 border-bottom:1px solid #666;
}

/*-----------------------------------------STRUCTURE----------------------------------------- */

html, body
{
height:100%}

body
{
font-size:62.5%;
 font-family:Arial,sans-serif;
 color:#222;
 margin:0 auto -80px;
 
{
	text-align: center;
}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 50em;
	text-align: left;
}

#page-wrap
{
width:1111px;
 min-height:100%;
 height:auto !important;
 height:100%;
 margin:0 auto -80px;
 padding-left:10px;
 padding-right:10px;
 text-align:left}

.content
{
width:558px;
 float:left;
 margin-left:138px;
}

#wideeyedwolf
{
display:block;
background:#FFF url(images/wideeyedwolf.jpg) no-repeat;
width:50px;
height:38px;
text-indent:-9999px;
margin:0 10px 0 0;
}

/*-----------------------------------------Header----------------------------------------- */

#navbar
{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

#homelink
{
display:block;
background:#FFF url(images/croppedheader.jpg) no-repeat;
width:494px;
height:230px;
text-indent:-9999px;
}

#channels
{
float:right;
margin-top:204px;
}

#channels a
{
display:block;
width:16px;
height:16px;
text-indent:-9999px;
float:left;
padding: 0 5px;
}

#channels #facebook
{
 background:#FFF url(images/facebook.png) no-repeat top right;
 }

#channels #feed
{
 background:#FFF url(images/feed.png) no-repeat top right;
 }

#channels #twitter
{
 background:#FFF url(images/twitter.png) no-repeat top right;
 }

#channels #flickr
{
 background:#FFF url(images/flickr.png) no-repeat top right;
 }

ul#links
{
float:left;
margin-top:7px;
margin-bottom:7px;
padding-top:5px;
padding-bottom:5px;
}

ul#links li
{
display:inline;
}

ul#links li a, ul#links li span
{
padding:13px;
font-size:16px;
}

ul#links li span
{
cursor:pointer;
}

/*ul#links li a, ul#links li a:link, ul#links li a:visited, ul#links li a:active
{
color:black;
}

ul#links li a:hover
{
color:#666;
}

*/

#searchbar
{
float:right;
}

#featured
{
overflow:auto;
padding-bottom:20px;
border-bottom: 1px solid #666;
}

/*-----------------------------------------hyperlinks----------------------------------------- */

a, a:link, a:visited, a:active
{
color:#666;
 text-decoration:none;
 border:none;
 outline:0px;
}

a:hover
{
color:black;
}

h1, h2, h3, h4, h5
{
font-weight:bold;
 text-decoration:none;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:active,h2, h2 a, h2 a:link, h2 a:visited, h2 a:active,h3, h3 a, h3 a:link, h3 a:visited, h3 a:activeh4, h4 a, h4 a:link, h4 a:visited, h4 a:activeh5, h5 a, h5 a:link, h5 a:visited, h5 a:active
{
color:black;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover
{
color:#666;
}

h1
{
font-size:2.8em;
 margin:20px 0 10px 0;
}

h2
{
font-size:1.9em;
 margin:0 0 20px 0;
}

h3
{
font-size:1.6em;
 margin: 0 0 10px 0;
}

h4
{
font-size:1.4em;
 margin: 10px 0;
}

h5
{
font-size:1.4em;
 margin: 0 0 5px 0;
}

.centered
{
text-align:center;
}

.blogdate
{
/*color:#666;
*/

font-size:0.8em;
}

.blacklink a, .blacklink a:link, .blacklink a:visited, .blacklink a:active
{
color:black;
}

.blacklink a:hover
{
color:#666;
}

.excerpt-wrap
{
float:right;
 width:215px;
}

.excerpt
{
font-size:0.9em;
 text-align:justify;
}

.morelink 
{
font-size:1.1em;
 text-align:center;
 margin-top:10px;
}

.morelink a, .morelink a:link, .morelink a:visited, .morelink a:hover, .morelink a:active
{
 font-style:italic;
color:#666;
}

/*-----------------------------------------HOMEPAGE (index.php)----------------------------------------- */

#homepage-mainpost
{
width:850px;
}

#homepage-subsections-wrap
{
width:850px;
}

/*-----------------------------------------SIDEBAR----------------------------------------- */

#sidebar
{
float:right;
 width:240px;
 overflow:hidden;
 font-size:1.1em;
}

#sidebar ul li
{
margin:10px 0;
}

/*#sidebar ul li ul li
{
margin:10px 0;
}

#sidebar ul li a,#sidebar ul li a:link,#sidebar ul li a:visited,#sidebar ul li a:active
{
color:black;
 font-weight:bold;
 text-decoration:none;
}

#sidebar ul li a:hover
{
color:#666;
}

*/

li.categories ul li
{
border-bottom:1px solid #666;
padding-bottom:10px;
}

.subscribe2widget input[type=text] 
{
width:227px;
 border:1px solid #666;
 padding:5px;
 margin-top:2px;
}

.subscribe2widget input[type=submit] 
{
width:118px;
 border:1px solid #666;
 background-color:white;
 margin-top:4px;
 padding:3px 0;
 cursor:pointer;
}

.subscribe2widget p:last-child
{
color:#f00;
 font-weight:bold;
 text-align:center;
}

#subscribe2 .widgettitle
{
margin:20px 0 0 0;
}

/*-----------------------------------------page numbers----------------------------------------- */

#wp_page_numbers ul li
{
float:left;
}

#wp_page_numbers ul li a
{
display:block;
padding:5px 10px;
}

#wp_page_numbers ul li.page_info 
{
padding:5px 40px 5px 0;
}

#wp_page_numbers ul li.active_page 
{
border:1px solid #000;
}

/*-----------------------------------------posts----------------------------------------- */

.post
{
font-size:1.3em;
 margin:15px 0;
}

.post img
{
margin:20px auto 20px auto;
}

/*-----------------------------------------FOOTER----------------------------------------- */

#push
{
height:80px}

#footer
{
padding-top:20px;
 border-top:1px solid #666;
 width:1111px;
 margin:150px auto 0;
 height:80px;
}

#footer p
{
font-size:1.2em;
 color:#4d4d4d;
 line-height:1.5em;
 margin-bottom:0;
 margin-top:0.6em}

#footer p a
{
border-bottom:1px solid #666;
 color:#4d4d4d;
 text-decoration:none}

#footer p a:hover
{
border-bottom:1px solid #666;
 color:#0b96d0;
 text-decoration:none}

/*-----------------------------------------POSTMETA----------------------------------------- */

.postMeta
{
font-size:1.3em;
 margin-bottom:18px;
 margin-top:8px;
 padding-bottom:24px;
 border-bottom:1px solid #666}

.postMeta-featured
{
margin-top:8px;
 font-size:1.3em;
 width:303px}

.postMeta-front
{
margin-top:8px;
 font-size:1.3em}

.postMeta-post
{
font-size:1.2em;
 margin-bottom:18px;
 margin-top:8px;
 padding-bottom:10px}

/*.postMeta span.date, .postMeta-post span.date, .postMeta-featured span.date, .postMeta-front span.date
{
color:#8a8a8a;
 float:left}

.postMeta span.comments a, .postMeta span.date a, .postMeta-post span.comments a, .postMeta-post span.date a, .postMeta-featured span.comments a, .postMeta-featured span.date a, .postMeta-front span.comments a, .postMeta-front span.date a
{
float:left;
 color:#8a8a8a;
 text-decoration:none}

.postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments
{
float:right;
 background:#FFF url(images/comment.gif) no-repeat left center;
 padding-left:15px;
 margin-left:2px}

*/

/*-----------------------------------------POSTS----------------------------------------- */

.post-category
{
color:#8a8a8a;
 float:left;
 margin-bottom:8px}

.post-tags
{
color:#8a8a8a;
 float:right;
 display:none;
}

.post-category p, .post-tags p
{
color:#8A8A8A;
 font-size:1em;
 line-height:1.5em;
 margin-bottom:0em;
 margin-top:0em;
 text-align:none}

.post img
{
/*margin:0.5em 1em;
*/

}

.post blockquote p
{
margin:0 2.6em;
 font-style:italic}

/*-----------------------------------------COMMENTS----------------------------------------- */

.commentwrap
{
border-bottom:1px solid #666;
 margin:20px 0;
 padding: 0 0 20px 0;
font-size:1.3em;
}

.commentmetadata .comauth
{
font-weight:bold;
}

.commentmetadata .comdate
{
font-size:0.7em;
}

.commentpost
{
font-style:italic;
margin:10px 0 0 0;
 text-indent:20px;
}

/*.comment-heading
{
margin-bottom:26px;
 text-transform:none;
 border:none}

.commentwrap
{
padding-bottom:15px;
 padding-top:15px}

.commentpost
{
float:right;
 width:510px}

.commentpost p
{
margin-top:0}

.commentmetadata
{
float:left;
 width:20%;
 color:#2F2B23;
 line-height:1.5em;
 padding-right:20px;
 color:#999;
 font-size:1.1em}

.commentmetadata li
{
list-style-type:none;
 padding:.3em;
 margin:0 .5em 0 0}

.commentmetadata li a
{
border-bottom:1px solid #666;
 color:#0B96D0;
 text-decoration:none}

.warning
{
padding:10px;
 background:#282828;
 border:1px solid #666;
 ;
 margin-bottom:10px}

#comments label input
{
border:1px solid #666;
 padding:5px 0;
 margin-bottom:10px;
 width:160px;
}

#comments label span
{
line-height:27px}

#comments label
{
font-family:Arial,san-serif;
 font-size:1.1em}

#comment_author
{
margin:20px 20px 20px 0px;
 padding:0px;
 width:150px;
 float:left}

#comments-content
{
display:block;
 margin:10px 0px 10px 0px;
 padding:0px}

#comments textarea
{
margin-top:10px;
 padding:4px 0px;
 width:100%;
 border:1px solid #666}

.button
{
border:1px solid #666;
 font-size:1.1em;
 font-weight:bold;
 height:25px;
 margin-top:10px;
 margin-bottom:10px;
 padding:0 8px;
 background-color:#fff;
 cursor:hand;
}

.children 
{
margin-left: 50px}

.children div 
{
border:none}

.children .commentwrap 
{
}

.children .commentmetadata 
{
padding-right:0px}

.children .commentpost 
{
text-align:left;
 float:right;
 width:78%}

*/

/*-----------------------------------------SEARCH----------------------------------------- */

#searchform
{
float:left;
 margin-top:1em;
 height:2.3em}

#searchsubmit
{
border:1px solid #666;
 font-size:1.1em;
 font-weight:bold;
 height:2.1em;
 padding:2px 8px;
 float:right;
 background-color:#fff}

#s
{
float:left;
 width:204px;
 margin-right:6px;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:2px;
 padding-right:2px;
 border:1px solid #666;
 font-size:1.1em}