/*
Theme Name: Kitty Mao
Theme URI: www.youngausskeptics.com
Description: It haz kittens!
Version: 1
Author: Elliot Birch
Author URI: www.youngausskeptics.com
Tags: Kittens, fixed width, two columns, widgets
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*----Reset end----*/

body {
	background:#EDE4E5;
	font-family:Georgia,serif;
}

.menu {
        position:absolute;
        top:15px;
        right:0;
        font-size:10px;
        letter-spacing:1px;
        text-transform:uppercase;
}

.menu li {
        float:left;
}

.menu a {
        padding:5px 10px;
}

.menu a:link, .menu a:visited {
        color:#999999;
        text-decoration:none;
}

.menu a:hover, .menu a:active {
        color:white;
}

#page {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Serif;
	position:relative;
        overflow:hidden;
        width:100%;
}

#header {
        padding-top:20px;
	font-family:Georgia, Serif;
        border-top:1px solid #888;
        border-bottom: 3px dashed #EDE4E5;
	margin:0 0 10px 0;
	width:100%;
        background:#555;
}

#header h1 {
        font-size:22px;
        letter-spacing:2px;
        padding-bottom:8px;
        text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);
        text-transform:uppercase;
}

#header h1 a {
        color:white;
        text-decoration:none;
        font-weight:normal;
}

#headerimg {
	position:relative;
        width:900px;
        margin:0 auto;
}


#header .description {
        color:#999;
        font-size:10px;
        letter-spacing:1px;
        padding-bottom:25px;
        text-transform:uppercase;
}

.rssfeed {
        position:absolute;
        right:20px;
        text-indent:-9999px;
        top:0;
        background:url(images/rss.gif) no-repeat top left;
        width:32px;
        height:35px;
        opacity:.5;
}

.rssfeed:hover {
        opacity:1;
}

.navigation {
	margin-bottom:24px;
}

h2 {
	font-family:Georgia, Serif;
        text-shadow:0 1px 0 white;
}

h2 a {
	color:#333 !important;
	text-decoration:none;
        font-weight:normal !important;
}




/*structure*/

#contentwrap {
        margin:0 auto;
        width:900px;
        overflow:hidden;
}

#sidebar {
	float:right;
	width:238px;
	padding:15px 0 0 20px;
}

#sidebar h2 {
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:12px;
	margin-bottom:15px;
	padding:5px 0;
        text-transform:uppercase;
}

#sidebar strong {
        font-weight:bold;
}

.widget {
	padding-bottom:27px;
}

.widget_twitter h2 {
	background:transparent url(images/twitter.gif) no-repeat scroll right 0 !important;
	color:#CCCCCC;
	font-size:41px;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:9px;
	text-transform:lowercase;
	display:none;

}

.widget_twitter {
	font-family:Georgia,Serif;
	position:absolute;
	right:305px;
	text-align:center;
	top:58px;
	width:195px;
	border:none !important; 
}

.twitter {
	color:white;
	list-style:none !important;
	font-weight:bold;
}

.twitter-link {
	display:block;
	font-size:0.75em;
	left:220px;
	line-height:1;
	position:absolute;
	top:-47px;
	width:50px;
}

#sidebar li {
	margin-bottom:15px;
}

#sidebar a:link,#sidebar  a:visited {
	color:#999;
	font-weight:bold;
}

#sidebar a:active,#sidebar  a:hover,#sidebar  a:focus {
	text-decoration:underline;
	color:#333;
}

#sidebar li ul li {
	margin-bottom:1px !important;
}

#sidebar p {
	margin-bottom:10px;
}

#content {
	float:left;
        padding: 15px 0 0 0;
        width: 640px;
}

#content h2 {
	/*background:transparent url(images/dot.gif) no-repeat scroll left 7px;*/
	color:#333;
	font-size:13px;
	font-weight:normal !important;
        letter-spacing:1px;
        text-transform:uppercase;
        margin-bottom:5px;
}

img.alignleft {
        float:left;
}

img.alignright {
        float:right;
}

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

.post, .entry {
       width:610px;
}

.entry p, .entry ul, .entry ol, .entry em, .entry strong, #sidebar {
	color:#777;
	line-height:17px;
}

.commentlist {
	color:#999;
        border-bottom:1px dashed #CCCCCC;
        margin-bottom:30px;
        padding-bottom:15px;
}

.commentlist p {
	line-height:19px;
        margin:10px 0 !important;
}

#commentform {
	margin-top:12px;
}

.loggedin {
	color:#999999;
}

#content p {
	margin-bottom:15px;
}

.entry ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin-bottom:25px;
	margin-left:23px;
	margin-top:10px;
	text-indent:14px;
}

.entry ul {
	list-style-image:url(images/smalldot.gif);
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:25px;
	margin-left:22px;
	margin-top:10px;
	text-indent:15px;
}

.entryhead {
	display:table;
	margin-bottom:30px;
}

.entryhead small {
	color:#666666;
	font-family:Georgia,Serif;
	font-size:10px;
	width:110px;
        font-variant: small-caps;
        letter-spacing:1px;
}

.widget ul {
	list-style-image:url(images/smalldot.gif);
	list-style-position:outside;
	list-style-type:disc;
	margin-left:15px;

}

.widget ul li {
	padding-left:15px;
}

/*Type*/

#sidebar li {

}

#sidebar a {
	text-decoration:none !important;
}

a {
	cursor:pointer;
}

a:link, a:visited {
	color:#e59de8;
	font-weight:bold;
}

a:active, a:hover, a:focus {
	text-decoration:underline;
	color:#333;
}

#content blockquote {
	background:url(images/quote.gif) no-repeat top left;
	font-family:Georgia, Serif;
	font-style:italic;	
}

#content blockquote p {
	font-size:18px !important; 
	line-height:1.25;
	margin-left:46px;
	padding:8px;
	width:492px;
	background:#f5f5f5;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#content .post {
	border-bottom:1px dashed #CCCCCC;
        margin-bottom:30px;
        padding-bottom:15px;
}

#content .post img {
	background:#E1E1E1;
	border:1px solid #999999;
	padding:5px;
    max-width:610px;
}

	.gallery-item img {
		background:#E1E1E1;
		border:1px solid #999999;
		padding:5px;
	}

#content .post h3 {
       font-size:11px;
       text-transform:uppercase;
       letter-spacing:1px;
       color:#333;
       margin-bottom:10px;
}

.wp-smiley {
	background:none !important;
	border:none !important;
	padding:0 !important;
}

.postmetadata {
	margin-top:20px;
}

.comment  {
	padding:8px;
	background:white;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin:10px 0 10px 0;
	position:relative;

}

.alt {
	padding:8px;
	background:#F5F5F5;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.comment-author {
	display:block;
	overflow:hidden;
}

.comment-author img {
	float:left;
	margin-right:5px;
}

.comment-meta {
	left:45px;
	position:absolute;
	top:24px;
}

#respond h3, h3#comments {
	color:#333333;
        font-size:13px;
        font-weight:normal !important;
        letter-spacing:1px;
        margin-bottom:5px;
        text-transform:uppercase;
        font-family:Georgia, "Times New Roman", Serif;
} 

.commentlist {

}

.post a, .post p, .post em, .post strong, #sidebar p, #sidebar ul li {
	font-size:13px;
}

#content .date {
	background:url(images/datebg.jpg) no-repeat bottom left;
	display:block;
	color:#ccc;
}

/*FORM STYLES*/

textarea {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#F5F5F5  none repeat scroll 0 0;
	border:medium none;
	color:#666;
	font-family:Tahoma,Arial,Helvetica,Verdana,Sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px;
	width:590px;
}

#submit {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:10px;
	background:grey;
	color:white;
	font-family:Tahoma,Arial,Helvetica,Verdana,Sans-serif;
	font-size:12px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}

#submit:hover,#submit:focus {
	color:#333;
	background:#ccc;
}

#author:hover, #email:hover, #url:hover, textarea:hover, 
#author:focus, #email:focus, #url:focus, textarea:focus {
	background:#eaeaea;
}

#author, #email, #url {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:#F5F5F5  none repeat scroll 0 0;
	border:medium none;
	color:#666;
	font-family:Tahoma,Arial,Helvetica,Verdana,Sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px;
	width:300px;
}

/*FOOTER*/

#footer {
	font-size:11px;
        letter-spacing:1px;
	padding:20px 0;
        color:#999;
	font-family:Georgia, "Times New Roman", Serif;
	clear:both;
        font-variant:small-caps;
        width:100%;
        background:#333;
}

#footerinner {
        width:900px;
        margin:0 auto;
}

#footer a:hover {
        color:white;
}

#footer p {
	float:left;
}

#footer ul {
	float:right;
}

#footer li {
	float:left;
	margin-left:5px;
}


.cute {
background:#E59DE8;
color:white !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:0 6px;
text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}


.more-link {
background:#555;
color:white !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:4px;
text-decoration:none;

}

.gallery {
	padding:20px 0 0 0;
}

.page-template-portfolio-php {
	width:10000%;
}

..page-template-portfolio-php #page {
	width:100%;
}

.page-template-portfolio-php #headerimg {
	margin:0;
	padding-left:20px;
}

.page-template-portfolio-php #contentwrap {
	width:100%;
}

.gallery img {
	margin-bottom:15px;
	float:left;
	display:inline;
}