/*

Theme Name: nyappy

Description: A personal blog theme.  D.

Version: 1.0

Author: Lissa




*/



* { padding: 0; margin: 0; }



body {

 font-family: Arial, Helvetica, sans-serif;

 background: url("images/bg.png") #cc6699 repeat-x;

}

#wrapper { 

 margin: 0 auto;

 width: 970px;

}

#navigation {

 height: 50px;

 margin: 9px 0 0 10px;

 font-size: 17px;

 padding-top: 38px;

}

#navigation ul {

 list-style: none;

}

#navigation li {

 display: inline;

 margin-right: 32px;

}

#navigation a {

 color: #fff;

 text-decoration: none;

 padding: 8px;

}

#navigation a:hover {

 background:#cc3366;

 padding:8px;

}

#header {

 color: #000;

 height: 142px;

 margin: 64px 0 0 10px;

}

#header #headings {

 float: left;

}

#header h1 {

 font-size: 36px;

}

#header h1 a {

 color: #000;

 text-decoration: none;

}

#header h2 {

 font-size: 18px;

 font-weight: normal;

}

#search {

 float: right;

 margin-top: 23px;

 margin-right: 23px;

}

#search #input {

 float: left;

 background: #CE497B;

 border: 2px #E77DAD solid;

 height: 21px;

 width: 190px;

 text-indent: 10px;

 padding-top: 8px;

 color: #fff;

}

#search #button {

 float: left;

 background: url(images/searchbtn.png);

 width:65px;

 height:33px;

 border:0;

}

#content { 

 color: #333333;

 min-height: 350px;

 width: 710px;

 float: left;

 margin-top: 22px;

}

#content .post, #content .page {

 background: #fff;

 border-bottom: 5px solid #519cd1;

 padding: 30px;

 margin-bottom: 15px;

}

#content h2 {

 float: left;

 font-size: 20px;

 padding: 7px 0 2px 0;

}

#content h2 a {

 color: #333333;

 text-decoration: none;

}

#content .comment-link {

 float: right;

 font-weight: bold;

 padding: 12px 28px 0 0;

 font-size: 11px;

}

#content .comment-link a {

 color: #333333;

 text-decoration: none;

}

#content .date {

 font-size: 11px;

 padding-bottom: 10px;

}

#content p {

 font-size: 12px;

 line-height:20px;

 padding-bottom: 15px;

}

#content p a {

 color: #333333;
 border: 0px solid;

}

#content p a:hover {

 text-decoration: none;

}

#content blockquote {

 padding: 5px;

 border-left: 3px solid #cccccc;

 border-bottom: 1px solid #cccccc;

 margin: 10px;

 font-style: italic;

}

#content h3 {

 font-size: 18px;

 font-weight: bold;

}

#content .commentlist {

 list-style: none;

}

#content .commentlist li {

 padding: 15px;

 list-style: none;

 background: #ffffff;

}

#content .children {

 margin-top: 5px;

}

#content .children li {

 padding: 5px

 margin: 10px;

 background: #ffffff;

 border-top: 4px solid #519cd1;

}

.commentlist li .avatar { 

 float: right;

 border: 1px solid #000000;

 padding: 2px;

 background: #ffffff;

}

a.comment-reply-link, .comment-meta a {

 color: #519cd1;

 font-size: 12px;

}

a.comment-reply-link:hover, .comment-meta a:hover {

 text-decoration: none;

}

a.url {

 color: #519cd1;

}

a.url:hover {

 tet-decoration: none;

}

.comment-meta {

 padding-bottom: 10px;

}

#content .navigation {

 margin: 0 10px 10px 10px;

}

#content .navigation a {

 color: #b0728c;

}

#content .navigation a:hover {

 text-decoration: none;

}

#sidebar { 

 float: right;

 margin: 22px 0px 0px 0px;

 min-height: 350px;

 width: 236px;

 display: inline;

 position: relative;

 color: #333333;

}

#sidebar .sidebar-item {

 background: #fff;

 border-bottom: 5px solid #519cd1;

 margin-bottom: 20px;

 padding: 18px;

 font-size: 12px;

}

#sidebar .sidebar-item h3 {

 font-size:18px;

 padding-bottom: 10px;

}

#sidebar .sidebar-item ul {

 list-style: none;

 margin-left: 10px;

}

#sidebar .sidebar-item li {

 margin-bottom: 10px;

}

#sidebar .sidebar-item a {

 color: #333333;

 font-weight: bold;

 text-decoration: none;

}

#sidebar .sidebar-item a:hover {

 text-decoration: underline;

}

#footer-wrap {

 background: url("images/footer_bg.gif") #282828;

 min-height: 93px;

 clear: both;

 color: #fff;

}

#footer {

 margin: 0 auto;

 width: 970px;

 text-align: right;

 padding-top: 20px;

 font-size: 12px;

}

#footer a {

 color: #b0728c;

}

#footer a:hover {

 text-decoration: none;

}

.clear {

 clear: both;

}

.alignleft {

 float: left;

}

.alignright {

 float: right;

}

.center {

 text-align: center;

}

/* Begin Images */
						p img {
							padding: 0;
							max-width: 100%;
							}
						
						/*	Using 'class="alignright"' on an image will (who would've
							thought?!) align the image to the right. And using 'class="centered',
							will of course center the image. This is much better than using
							align="center", being much more futureproof (and valid) */
						
						img.centered {
							display: block;
							margin-left: auto;
							margin-right: auto;
							}
						
						img.aligncenter {
							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;
							}
						
						.alignright {
							float: right;
							}
						
						.alignleft {
							float: left
							}
						/* End Images */