/*

Theme Name: Katytastic

Description: This here be Cap'n Katy's own special template, yarrrrrr!

Author: Katy 

Tags: yellow, custom header, fixed width, two columns, widgets



	Katytastic v1.0	 



	This theme was jerryrigged and built by Cap'n Katy, and ye'll be losin' yer legs to th' sharks if'n ye be stealin' or takin' credit fer it.



	The CSS, XHTML and design ain't released under nothin'.



*/



/* BODY AND HEADER */



body {

	margin: 0px auto;

	padding: 0;	

	font-size: 7.5pt;

	font-family: Georgia, "Times New Roman", Serif;

	color: #222;

	text-align: center;

	background:#fff;

	}



#header {

	background-color: transparent;

	margin: 0;

	padding-left: 170px;

	height: 100px;

	width: 428px;

	}



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



img.tab{

       position:relative;

       top:-90px;

       left:440px;

}

img.tab2{

       position:relative;

       padding-bottom:15px;

       top:-90px;

       left:420px;

}



/* CONTENT */



#page {

	margin: auto;

        position:relative;

	padding: 0 0px 0 0;

	width: 865px;

	border: none;

	text-align: left;

        background:transparent url(images/yellow-bg.jpg) repeat-y top left;	

	}



#content {

	font-size: 1.2em

	}



/*div#entry{

	padding:0 20px 0 10px;

	}*/



.post {

	margin:auto;

        padding:0 15px 0 0;

	text-align: justify;

        background: url(/wp-content/themes/katy/images/post-bg.jpg) no-repeat top center;

	}

.post-search {

	margin:auto;

        padding:0 15px 0 20px;

	text-align: justify;

	}

.post hr {

	display: block;

	}



.narrowcolumn {

	margin: -70px 0 0 0;

        padding: 0 0 0 206px;

        float:left;

	width: 400px;

	}



.narrowcolumn .entry {

        padding-top:10px;

	line-height: 12pt;

        border-bottom:#222 dashed 1px;

        }

.narrowcolumn .postmetadata {

	padding-top: 5px;

	text-align: left;

	clear: both;

	}

.postmetadata{

       display:none;

        }

.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



div.divider{

	margin:-15px auto 20px auto;

	width:300px;

	border-bottom:1px dotted #ccc;

	}

div.edit{

	margin-left:30px;

	}

p.footer{

        font-size:7.5pt;

        }

span.first-words{

       font-variant:small-caps;

       font-size:9.5pt;

}

.alt {

	margin: 0;

	padding: 0px;

	border-bottom: 1px dashed #ddd;

	}



.clear {

	clear: both;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

img.icon{

     display:inline;

}

code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	}



acronym, span.caps {

	cursor: help;

	}



acronym{

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin:30px 0 70px 0;

	padding:0 30px 5px 10px;

        width:350px;

	}



small {

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 8pt;

	color:#222;

	}



h1, h2, h3 {

	font-family: Georgia, "Times New Roman", Serif;

        letter-spacing:-0.5px;

	}



h1 {

	margin: 0;

	padding-top: 0px;	

	font-size: 24pt;

	text-align: left;

	}



h2 {

	margin: 20px 0 0;

	font-size: 18pt;

        font-weight:normal;

	}



h2.pagetitle {

	margin: 30px auto;

	font-size: 18pt;

	text-align: center;

        width:300px;

	}



h3 {

	margin: 30px 0 0;	

	padding: 0;

	font-size: 13pt;

        font-weight:normal;

        }



h3#respond{

	margin:15px 0 0 19px;

	}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

	text-decoration: none;

	color: #222;

	}



h1, h2, h3, h3 a, h3 a:visited {

	color:#222;

	}



h1, h2 a, h2 a:visited{



	color:#222;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, 

#wp-calendar caption, cite {

	text-decoration: none;



	}





a, h2 a:hover, h3 a:hover {

	color: #a67500;

	text-decoration: none;

}

a:hover {

	color: #ffb400;

	text-decoration: underline;

	}



.entry p a:visited {

	color: #a67500;



	}

.postmetadata, blockquote, strike {







	color: #333;

	}





/*abbr { 

        text-transform:lowercase; 

        font-variant:small-caps;

        font-size:14pt;

         }*/



/* IMAGES */



a img {





	border: none;

	}



p img {

	padding: 0;

	max-width: 100%;

	}

img {

	display:block;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



/* COMMENTS AND FORMS */





form{

	margin-left:20px;

	padding:0 30px 0 0;

	}



#wpcf label{

       float:left;

       font-weight:bold;

       }



#wpcf input{

       margin:0 0 10px 10px;

       display:inline;

       }



input#wpcf_your_name, input#wpcf_email, input#wpcf_website{

      float:left;

      }



#wpcf textarea{

       width:430px;

       float:left;

       }

ol.commentlist{

	margin:0 20px 20px 20px;

	}

.commentlist li, #commentform input, #commentform textarea {

	font-size: 8.5pt;

        color:#222;

	}

.commentlist{

	padding:0 30px 0 30px;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: "Times New Roman", Serif;

	}



.commentmetadata {

	font-weight: normal;

	}



.nocomments{

	color: #333;

	}



#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form {

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width:380px;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}



h3#comments{

	margin-left:30px;

	}





/* CALENDAR */





#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em Arial, Helvetica, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}



#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; 

	}





/* Captions */





.aligncenter,div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



.wp-caption {

	text-align: center;

	background-color: #fff;

	padding-top: 4px;

	margin: 10px;

        color:#222;

border:1px solid #ccc;

	}



.wp-caption img {

	margin: auto;

	padding: 0;

	}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

	}





/* SIDEBAR */



#sidebar{

	margin:-160px 0 0 0;

        float:right;

        position:relative;	

        width: 208px;

	font: 8.5pt Georgia, "Times New Roman", Serif;







	background:#ECC63B;











	}



#sidebar form {

	margin: 0;

	}



#sidebar ul{

	margin: 0;

	padding:0;

	}



#sidebar ul ul li, #sidebar ul ol li{

	color:#000;

	}



#sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

        list-style-type: none;

	list-style-image: none;

	margin-bottom: 8px;

	}



#sidebar ul p, #sidebar ul select {





	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 -10px;







































	}













#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 0;















	}

















ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}



#sidebar h2 {

	margin: 5px 0 0 -15px;

	padding:0;

	font-family: Georgia, "Times New Roman", Serif;

	font-size:14pt;

        font-weight:normal;

        color:#000;

	}



#sidebar a{

        color:#000;

        }

/* FOOTER */



#footer {

	margin:auto;

margin-right:365px;

	padding: 0;

	width: 180px;

	clear: both;

	border: none;

	color:#000;	

	}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;

	}



/* FLICKR */



div.flickr-photo img{

        margin:auto;

        padding:7px;

        background:#fff;

        border:2px solid #ccc;

        }
div.flickr-photo2 img{

        margin:0 2px 10px 2px;
        background:#fff;
        border:0px;
        }
div.flickr-photo2{
       float:left;
		padding-bottom:28px;
}

/* WIDGETS */



img.lastfm_album {

        margin:auto;

        max-width:130px;

        max-height:130px;

        }

.widget{

        padding:0 30px 10px 30px;

        border-bottom:1px dashed #8a7122;

}