/*

Theme Name: Diary

Theme URI: http://wp5.anjungidae.com/

Description: A light, simple and clean theme for WordPress that supports widgets. 

Version: 1.0

Author: Fresh Sites

Author URI: http://freshsites.com/

Tags: light, white, two-columns, right-sidebar, fixed-width, threaded-comments



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/



* {

	margin : 0;

	padding : 0;

}

body {

        background-image:url('images/bground.png');

        background-repeat: repeat-x;

	background-color: #fff;

	/* font: normal 13px Palatino Linotype, Book Antiqua, Palatino, serif; */
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
        font-size: 12px;
	text-align: center;

	color: #333;

}



a, a img {

	color: #0B5567;

	outline: none;

	text-decoration: underline;

	border: 0;

}

a:hover {

	text-decoration: none;

}





h1, h2, h3, h4, h5, h6 {

	font-weight: normal;	

	color: #333;

}

h1 { font-size: 22px; }

h2 { font-size: 20px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }



#header {

	height: 180px;

	margin: 0 auto;

	position: relative;

	text-align: left;	

	width: 100%;

}

#htop {

	background-color: #333;

	height: 40px;

	text-align: left;	

	width: 100%;

}

#htop2 {

        position:relative;

        left:50%;

        margin-left: -500px;

	height: 60px;

	text-align: left;	

	width: 900px;

}

#htop a{

	color: #fff;

	text-decoration: none;

}

#htop .left{

	width: 100px;

	margin: 10px 0 0 20px;

}

#htop .right{

	text-align: right;

	margin: 0 25px 0 0;

}

#siteName {

	font-family: georgia;

	font-style: bold;

	margin-top: 35px;

	margin-left: 0px;	

	font-size: 14px;

}

#siteName a{

	color: #333;

	font-size: 48px;

	text-decoration: none;

	margin-right: 10px;

}

#tweet, #tweet a{

	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;

	font-size: 10px;

        margin-right: 0px;

}

#tweet a {

background-color: transparent;
border-color: #0F0F0F;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
text-decoration: none;

}

#nav{

	list-style-type: none;

	margin: 0;

}

#nav, #nav li a {

	padding: 10px 3px 14px;

}

#nav ul a {

	padding: 10px 5px 10px;

	display: block;

}



#nav li{

	display: inline;

	margin-left: 20px;

	position: relative;

}



#nav li a{

	color: #fff;

	text-decoration: none;	

	font-size: 12px;

}

#nav li.current_page_item a,

#nav li a:hover{

	color: #fff;

	text-decoration: none;

	background: transparent url(images/bglink.gif) repeat-x top left;

}

#nav li ul{

	position: absolute;

	top: 25px;

	left: 0px;

	width: 160px;

}

#nav li ul ul{

	top: auto;

	left: 170px;

}

#nav li ul li{

	margin: 0;

	float: left;

}

#nav li.current_page_item ul a,

#nav ul li.current_page_item li a,

#nav ul li a {

	background-color: #444;

	background-image: none;

	border-bottom: 1px solid #555;

	float: left;

	white-space:nowrap;

	width: 160px;

	text-align: left;

}

#nav ul li.current_page_item a,

#nav ul li.current_page_item li a:hover,

#nav ul li a:hover {

	background-color: #555;

	border-bottom: 1px solid #555;

	background-image: none;

}

#content {

	width: 1010px;

	margin: 0 auto;

}

#main {

	width: 670px;

}

#main .page,

#main .post,

.postComments,

div.attachment  {

	text-align: left;

	position: relative;

	margin-bottom: 40px;

}

#main .date {

	background-color: #f2f2f2;

	width: 60px;

	font-family: georgia;

	font-size: 26px;

	border-top: 5px solid #333;

	text-align: center;

	padding: 1px 0 10px;

}

#main .date .month {

	font-size: 13px;

	border-top: 1px solid #fff;

	text-align: center;

	text-transform: uppercase;

	width: 35px;

	margin: 5px auto 0;

	padding: 5px 0 0;

}

#main .entry{

	width: 580px;

}

#main .mpages{

	text-align: right;

}

#main .entry p.attachment{

	text-align: center;

	margin-bottom: 5px;

}

#main .entry .caption p{

	color: #666;

	text-align: center;

	font-size: 11px;

	font-style: italic;

	line-height: 18px;

}

#main .entry .caption{

	margin-bottom: 10px;

}

#main .entry p.attachment a img{



}

#main .entry fieldset{

	padding: 0 10px 10px 10px;

	border: 1px solid #aaa;

}

#main .entry legend{

	color: #999;

}

#main .entry input{

	margin-bottom: 5px;

	padding: 3px;

}

#main .post a.moretext{

	text-decoration: underline;

}

#main .post a.moretext:hover{

	text-decoration: none;

}

#main .page .attachment,

#main .page .caption,

#main .post .attachment,

#main .post .caption{

	text-align: center;

}

#main .page .caption,

#main .post .caption{

	margin-top: -15px;

}

.wp-caption {

	text-align: center;

	margin: 0 10px 0 0;

}

.wp-caption p.wp-caption-text {

	color: #666;

	text-align: left;

	font-size: 11px;

	font-style: italic;

	line-height: 18px;

	margin: 0px 0 0 3px !important;

}



#main .page blockquote,

#main .post blockquote{

	background-color: #f2f2f2;	

	margin: 15px 0 20px 0;

	padding: 13px 15px 0px;

	font-style: italic;

}



#main .page blockquote p,

#main .post blockquote p {

	color: #333;

	padding-bottom: 13px;

}

#main .post blockquote p em{

	

}

#main .page table,

#main .post table{

	border: 1px solid #666;

	border-collapse: collapse;

	margin: 1px;

}

#main .page table thead th,

#main .post table thead th{

	padding: 5px 10px;

	background-color: #ddd;

}

#main .page table tr td,

#main .post table tr td{

	padding: 4px 10px;

}

#main .postInfo {

	margin: 30px 0 0;

	border-bottom: 1px solid #f2f2f2;

	border-top: 1px solid #f2f2f2;

	padding: 10px 0 10px;

	font-size: 11px;

}



#main .page p,

#main .post p {

	line-height: 18px;

	margin-bottom: 10px;

        text-align: justify;

}



#main .page ul,

#main .post ul {

	margin-left: 8px;

	margin-bottom: 20px;

	list-style-type: none;

}

#main .page ol,

#main .post ol {

	margin-left: 25px;

	margin-bottom: 20px;

}

#main .page ol li,

#main .post ol li{

	padding-left: 0px;

	line-height: 20px;

}

#main .page ul li,

#main .post ul li {

	background: transparent url(images/bullet.gif) no-repeat left 8px;

	padding-left: 16px;

	line-height: 20px;

}

#main .page ol li ul,

#main .post ol li ul,

#main .page ol li ol,

#main .post ol li ol,

#main .page ul li ul,

#main .post ul li ul,

#main .page ul li ol,

#main .post ul li ol{

	margin-bottom: 0px;

}



#main .page dl,

#main .post dl {

	margin-left: 25px;

	margin-bottom: 20px;

}

#main .page dl dt,

#main .post dl dt{

	font-weight: bold;

}

#main .page dl dd,

#main .post dl dd{

	margin-left: 10px;

	margin-bottom: 10px;	

}

#main .page dl .gallery-caption,

#main .post dl .gallery-caption {

	color: #333;

	text-align: left;

	font-size: 11px;

	font-style: italic;

	line-height: 18px;

	margin-left: 10px !important;

}

#main .page dl.gallery-item,

#main .post dl.gallery-item{

	margin: 0px 0 10px !important;

}



#main .page img,

#main .post img {

	border: none;

}



#main .page .alignleft,

#main .page img.alignleft,

#main .post .alignleft,

#main .post img.alignleft {

	display: inline;

	float: left;

	margin: 10px 8px 10px 0;	

}



#main .page .alignright,

#main .page img.alignright,

#main .post .alignright,

#main .post img.alignright {

	display: inline;

	float: right;

	margin: 10px 0 10px 6px;	

}

#main .page .aligncenter,

#main .page img.centered,

#main .post .aligncenter,

#main .post img.centered {

	display: block;

	margin: 10px auto;

}

#main .navigation {

	width: 530px;

	margin-left: 90px;

}

#main .navigation a {

	display:block;

	font: italic 20px georgia;

	margin-bottom: 30px;

	color: #333;

	text-decoration: underline;

}

#main .navigation a:hover {

	background-position: left -36px;

	text-decoration:none;

}

#main .navcomments {

	padding: 0;

	margin: 0 0;

	width: 620px;

}

#main .galleryNav a {

	display:block;

	margin-top: 30px;

	padding: 7px 0;

}

#main .galleryNav a img {



}

#main .page h1.postTitle,

#main .post h1.postTitle,

#main div.attachment h1.postTitle{

    text-align: left;

    margin: 0 0 10px;

}



#main h1.pagetitle{

    text-align: center;

    color: #999;

    margin-bottom: 30px;

}

#main .post h1.postTitle a,

#main .page h1.postTitle a,

#main div.attachment h1.postTitle a {

	text-decoration: none;

	font: italic 24px georgia;

}

#main .page h1.postTitle a:hover,

#main .post h1.postTitle a:hover,

#main div.attachment h1.postTitle a:hover {

	color: #999;

}

#main .post .pageEdit a{

	background-color: #ddd !important;

	font: normal 11px arial !important;

	padding: 5px 5px 0;

}

#main .post .pageEdit a:hover{

	background-color: #333 !important;

	color: #fff !important;

}

#comments {

	color: #333;

	font-size: 18px;

	font-weight: normal;

	padding-bottom: 20px;

}

#comments a:hover{

	text-decoration: underline;	

}



ul.commentlist {

	list-style-type: none;

	padding: 0 0;

}

ul.commentlist a{

	text-decoration: none;

}

ul.commentlist a:hover{

	text-decoration: underline;

}

ul.children {

	list-style-type: none;

}



ul.commentlist li .commentDepth{

	border-bottom: 1px solid #eee;

}

ul.commentlist li ul.children{

	padding: 20px 0 0 0;

}

ul.commentlist li{

	margin-bottom: 15px;

}

ul.commentlist li .vcard{

	margin-bottom: 3px;

}

ul.commentlist li .avatar{

	display: inline;

	float: left;

	margin-top: 3px;

	margin-bottom: 20px;

}



ul.commentlist li .fn{

	font: italic 18px georgia;

	margin-right: 5px;

	padding-top: 1px;

}

ul.commentlist li a.url{

}



ul.commentlist li a.url:hover{

}



ul.commentlist li .commentmeta{

	font-size: 11px;

	margin-top: 0px;

	margin-bottom: 10px;

}



ul.commentlist li .commentmeta a.cdate {

	color: #999;	

}



ul.commentlist li .commentmeta a.comment-reply-link {

}

ul.commentlist li .commentmeta a.comment-reply-link:hover {

}



ul.commentlist .commenttext {

	width: 560px;

	margin-left: 10px;

}

ul.commentlist .commenttext blockquote{

	border-left: 5px solid #eee;

	padding-left: 10px;

	font-style: italic;

}

ul.commentlist .commenttext p {

	margin-bottom: 10px;

	line-height: 18px;

}



ul.commentlist .commenttext p a{

	text-decoration: underline;

}



ul.commentlist .commenttext p a:hover{

	text-decoration: none;

}



ul.commentlist .moderation {

	color: #FF6F6F;

	font-style: italic;

	font-size: 11px;

	text-align: right;

}



ul.commentlist li.depth-2 {

	padding-left: 50px !important;

}

ul.commentlist li.depth-2 .commenttext {

	width: 510px;

}

ul.commentlist li.depth-3 {

	padding-left: 50px !important;

}

ul.commentlist li.depth-3 .commenttext {

	width: 460px;

}

ul.commentlist li.depth-4 {

	padding-left: 50px !important;

}

ul.commentlist li.depth-4 .commenttext {

	width: 410px;

}

ul.commentlist li.depth-5 {

	padding-left: 50px !important;

}

ul.commentlist li.depth-5 .commenttext {

	width: 360px;

}

#respond {

	padding: 0 0;

}

#respond h1,

#respond h1 a{

	color: #333;

	font-size: 18px;

	font-weight: normal;

	padding: 20px 0 0;

	text-align: left;

}

#respond .cancel-comment-reply,

#respond .cancel-comment-reply a {

	text-decoration: none;

}

#respond .cancel-comment-reply a:hover{

	border-bottom: 1px solid #333;

}



#commentform {

	margin-top: 15px;

}



#commentform p {

	margin-bottom: 10px;

}



#commentform p a {

	text-decoration: none;

}

#commentform p a:hover {

	text-decoration: underline;

}

#commentform .textbox span {

	font-size: 11px;

	font-style: italic;

	color: #9F9581;

}

#commentform .textbox,

#commentform .textarea{

	margin-bottom: 5px;

}



#commentform label small{

	color: #666;

	margin-right: 7px;

	margin-top: 4px;

	font-size: 11px;

	text-align: right;

}



#commentform input[type="text"],

.wpcf7 span input{

	background-color: #eee;	

	border: 1px solid #bbb;

	color: #999;

	font-size: 13px;

	padding: 7px 0 3px 5px;

	width: 250px;

}

.wpcf7 span input:focus,

.wpcf7 span textarea:focus,

#commentform input:focus,

#commentform textarea:focus {

	background-color: #eee;

	border: solid 1px #999;

	color: #333;

	outline: none;

}

.wpcf7 span textarea,

#commentform textarea{

	background-color: #eee;	

	border: 1px solid #bbb;

	color: #999;

	font-size: 13px;

	height: 220px;

	padding: 4px;

	width: 98%;

}



.wpcf7 img.ajax-loader {

	border: none !important;

}

.wpcf7 input[type="submit"],

#commentform #submit {

	background-color: #444;

	color: #fff;

	cursor: pointer;

	display: inline;

	float: right;

	margin: 0 3px 30px 0;

	padding: 8px 20px 8px;

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	border-top: 0 none;

	border-left: 0 none;

}

.wpcf7 input[type="submit"]:hover,

#commentform #submit:hover{

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	border-top: 0 none;

	border-left: 0 none;

	background-color: #333;	

	cursor: pointer;

	color: #ccc;

}



#pagenav.commentnav {

	margin: 20px 0 20px 0;

}

#pagenav .prev {

	display: inline;

	float: left;

}

#pagenav .next {

	display: inline;

	float: right;

}

#pagenav .prev a,

#pagenav .next a {

	background-color: #d6caaf;

	color: #7e7e7e;

	font: bold 12px arial, sans-serif;

	padding: 4px 10px;

	text-decoration: none;

}



#pagenav .prev a:hover,

#pagenav .next a:hover{

	color: #aa4949;

}



#pagenav span{

	position: relative;

	top: -2px;

}



#sidebar {

	width: 310px;

	padding: 0;

}

#sidebar .widget_tag_cloud a{

	text-decoration: none;	

}

#sidebar .widget_tag_cloud a:hover{

	text-decoration: underline;

	background-color: #f2f2f2;

}

#sidebar ul{

	list-style-type: none;

}

#sidebar .panel {

	text-align: left;

	margin-bottom: 20px;

	padding: 15px 0 5px;

	border-top: 5px solid #333;

}

#sidebar h2.panelTitle,

#sidebar h2.panelTitle a{

	color: #333;

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

}

#sidebar .panel ul {

	list-style-type: none;

	margin: 0;

}

#sidebar .panel p {

	font-size: 11px;

}



#sidebar .panel ul li{

	margin: 0 0 5px 10px;

	background: transparent url(images/bullet.gif) no-repeat left 6px;

	padding-left: 9px;

}

#sidebar .panel ul li ul{

	margin: 5px 0 0 -5px;

}

#sidebar .panel ul li a{

	text-decoration: none;

}



#sidebar .panel ul li a:hover{

	text-decoration: underline;

}



input#search {

	background-color: #333;

	border: 0;

	color: #fff;

	padding: 6px 0 6px 7px;

	font-size: 11px;

	width: 200px;

	outline: none;

}

input#search:focus {

	color: #fff;

	background-color: #444;

}



#footer {

	margin: 0 auto;

	width: 900px;

	text-align: left;

	background-color: #f2f2f2;

	padding-bottom: 20px;

}



#footerWidget {

	margin-left: 25px;

}

#footerWidget,

#footerWidget .fpanel ul {

	list-style-type: none;

}

#footerWidget .fpanel {

	width: 215px;

	background-image: none;

}

#footerWidget .fpanel li{

	margin: 0 0 5px 0;

	background: transparent url(images/bullet.gif) no-repeat left 6px;

	padding-left: 10px;

}

#footerWidget .fpanel1{

	width: 395px;

}

#footerWidget .fpanel2{

	width: 165px;

	margin: 0; 

}

#footerWidget .fpanel3{

	width: 140px;

	margin: 0; 

}

#footerWidget .fpanel4{

	width: 160px;

	margin: 0; 

}



#footerWidget .contact a{

	text-decoration: underline !important;

}

#footerWidget .contact a:hover{

	text-decoration: none !important;

}

#footerWidget .contact p{

	margin-top: -1px;

	line-height: 22px;

}



#footerWidget #searchForm{

	margin-top: 30px;

}

#footerWidget #searchForm input{

	width: 180px;

}

#footerWidget h2{

	color: #333;

	font-size: 14px;

	font-weight: bold;

	margin: 30px 0 10px 0;

}



#footer a{

	color: #333;

	text-decoration: none;

}

#footer a:hover{

	text-decoration: underline;

}



#copy {

	width: 900px;

	margin: 0 auto 30px;

	font-size: 11px;

	color: #fff;

	background-color: #333;

	padding: 10px 0;

}

#copy .left,

#copy .right{

	margin: 0 15px;

}

#copy a{

	color: #fff;

	text-decoration: underline;

}

#copy a:hover{

	text-decoration: none;

}



#calendar_wrap {

	background-color: #eee;

	margin-top: 0;

	margin-bottom: 20px;	

}

#wp-calendar {

	font: normal 12px arial, sans-serif;	

	margin-top: 3px;

	text-align: center;

	width: 100%;

}



#wp-calendar caption{

	background-color: #333;

	color: #fff;

	padding: 6px 0;

	font-weight: bold;

	text-align: center;

}



#wp-calendar thead tr th{

	color: #333;

	font-weight: bold;

	text-align: center;

}



#wp-calendar tbody tr td {

	color: #333;

	padding: 2px 0;

	margin: 0;

}

#wp-calendar tbody tr #today {

	background-color: #333;

	color: #fff;

	font-weight: bold;

}

#wp-calendar tbody tr td a{

	background-color: #ddd;

	color: #666;

	display: block;

	font-weight: bold;

	text-decoration: none;

	padding: 4px 0;

}

#wp-calendar tbody tr td a:hover{

	color: #fff;

	text-decoration: none;

	background-color: #333;

}

#wp-calendar #prev,

#wp-calendar #next {

}

#wp-calendar #prev a,

#wp-calendar #next a{

	display: block;

	padding: 5px;

	color: #999;

	font-weight: bold;

	font-size: 12px;

	text-decoration: none;	

}

#wp-calendar #prev a:hover,

#wp-calendar #next a:hover{

	color: #333;

	background-color: #ddd;

}

#wp-calendar #prev {

	padding-left: 5px;

	text-align: left;

}

#wp-calendar #next {

	padding-right: 5px;

	text-align: right;

}



.left {

	float: left;

	display: inline;

}

.right {

	float: right;

	display: inline;

}

.clear {

	overflow: hidden;

}



.followlink {

	font-size: 11px !important;

	font-weight: normal !important;

}

.twitter-item{

	background: none !important;

	margin: 0 !important;

	padding: 0 20px !important;

	font-style: italic;

	line-height: 18px;

}

.twitter-item a{

	text-decoration: underline !important;

}

.twitter-item a{

	text-decoration: none !important;

}

.twitter {

	background: transparent url(images/curve.gif) no-repeat bottom left;

	margin: 0;

	padding: 0 0 13px;

}

.twitop {

	background: transparent url(images/curve.gif) no-repeat top left !important;

	height: 18px;

	margin: 0 !important;

	padding: 0 !important;

}

.twitter-timestamp {

	display: block;

	font-size: 11px;

	margin: 10px 0;

	font-style: normal;

}

.twitter-timestamp abbr{

	border: 0 none;

}