/*
Theme Name: My Diary Project Theme
Theme URI: http://wordpress.org/
Description: mydiaryproject theme.
Version: 1.0
Author: Evan Bailyn
Author URI: http://evanbailyn.com/
Tags: fixed width and height blue bg

	Kubrick v1.5
	 http://mydiaryproject.com/

	This theme was designed and built by Evan Bailyn,
	whose blog you will find at http://evanbailyn.com/

*/

html {
	background-color:#7a9fbb;	
	height:100%;
}

body {
	background-color:#7a9fbb;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#a9a9a9;
	line-height:20px;
}

/** common **/

p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#818181;
	line-height:24px;
	padding:5px 0 10px 0;
	margin:0;
}

h1, h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#727678;
	line-height:20px;
	padding:0 0 10px 0;
	margin:0;
}

#sidebar h2 {
	padding:0;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#727678;
	line-height:18px;
	padding:0 0 10px 0;
	margin:0;
}

a {
	color:#1597f2;
	text-decoration:none;
}

a:hover {
	color:#78b4e2;
}

.bluetext {
	color:#549acf;
}

img {
	border:none;
}

.clear {
	clear:both;
}

.date {
	font-size:12px;
	color:#999;
}

.username {
	font-size:12px;
	color:#7a9fbb;
	text-align:right;
	font-weight:bold;
}

.imgbrdr {
	float:left;
	padding:4px;
	border:#999 1px solid;
	margin:0 10px 0 0;
}

.field_box {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:4px;
	color:#999;
}

.clicktoenter {
	float:right;
	width:130px;
	height:74px;
	margin:160px 5px 0 0;
}

.prevbutton {
	float:left;
	width:65px;
	height:63px;	
	margin:4px 0 20px 10px;
}

.nextbutton {
	float:right;
	width:65px;
	height:63px;	
	margin:4px 10px 20px 0;
}

.viewcommentsbutton {
	float:left;
	margin:40px 0 0 50px;
}

small {
	padding-left:10px;
}

.stbutton {
	padding-left:10px !Important;
}

.horizontal {
	padding-left:10px !Important;
}

/** navigation **/

#navigation {
	float:right;
	width:360px;
	height:74px;
	padding:7px 0 0 0;
	margin:0 20px 0 0;
}

ul#mainnavi {
	padding:0;
	margin:0;
}

ul#mainnavi li {
	list-style:none;
	display:block;
	float:left;
	padding:0;
	margin:0;
}

ul#mainnavi li a {
	background-image:url(images/mainnavi.png);
	background-repeat:no-repeat;
	display:block;
	outline:none;
	text-indent:-9009px;
	padding:0;
	margin:0;
}

ul#mainnavi li.home-nav a {
	width:88px;
	height:74px;
	background-position:-354px 0;
}

ul#mainnavi li.home-nav a:hover,
ul#mainnavi li.home-current a {
	width:88px;
	height:74px;	
	background-position:-354px -76px;
}

ul#mainnavi li.articles-nav a {
	width:88px;
	height:74px;
	background-position:-0 0;
}

ul#mainnavi li.articles-nav a:hover,
ul#mainnavi li.articles-current a {
	width:88px;
	height:74px;	
	background-position:-0 -76px;
}

ul#mainnavi li.about-nav a {
	width:88px;
	height:74px;
	background-position:-88px 0;
}

ul#mainnavi li.about-nav a:hover,
ul#mainnavi li.about-current a {
	width:88px;
	height:74px;
	background-position:-88px -76px;
}
			
ul#mainnavi li.letters-nav a {
	width:88px;
	height:74px;
	background-position:-176px 0;
}

ul#mainnavi li.letters-nav a:hover,
ul#mainnavi li.letters-current a {
	width:88px;
	height:74px;	
	background-position:-176px -76px;
}

ul#mainnavi li.contact-nav a {
	width:88px;
	height:74px;
	background-position:-265px 0;
}

ul#mainnavi li.contact-nav a:hover,
ul#mainnavi li.contact-current a {
	width:88px;
	height:74px;	
	background-position:-265px -76px;
}

/** content **/

#content {
	background-image:url(/images/bg_top.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:980px;
	height:156px;
	padding:0;
	margin:20px auto 0 auto;
}

#content_mid {
	background-image:url(/images/bg_mid.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	width:980px;
	padding:10px 0 10px 0;
	margin:0 auto 0 auto;
}

#content_bot {
	background-image:url(/images/bg_bot.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:980px;
	height:97px;
	padding:0;
	margin:0 auto 0 auto;
}

/** post **/

.posttop {
	background-image:url(/images/post_bg_top.gif);
	background-repeat:no-repeat;
	width:611px;
	height:13px;
	margin:0 auto 0 auto;
	padding:0;
}

.postmid {
	background-image:url(/images/post_bg_mid.gif);
	background-repeat:repeat-y;
	width:611px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
}

.postbot {
	background-image:url(/images/post_bg_bot.gif);
	background-repeat:no-repeat;
	width:611px;
	height:13px;
	margin:0 auto 0 auto;
	padding:0;
}

.postmid h2 {
	padding-left:10px;
}


.pagetitle {
	float:left;
	width:500px;
	padding:10px 0 0 0;
}

.pagephrase {
	float:right;
	width:480px;
	padding:30px 0 0 0;
}

/** banner **/

#banner {
	float:left;
	width:488px;
	height:474px;
	padding:2px 0 0 2px;
	margin:0 0 0 0;
}

#bannertext {
	float:left;
	width:468px;
	height:445px;
	padding:0 0 0 2px;
	margin:35px 0 0 20px;
}

/** maincontent **/

#maincontent {
	float:left;
	width:611px;
	padding:0;
	margin:0 19px 0 20px;
}

#maincontent p {
	padding:5px 10px 5px 10px;
}

#maincontent h3 {
	padding:0 5px 5px 5px;
}

/** sidebar **/

#sidebar {
	float:left;
	width:310px;
	padding:0;
	margin:0;
}

/** footer **/

#footer {
	width:980px;
	text-align:right;
	font-size:10px;
	color:#FFF;
	margin:0 auto 0 auto;
}

/** article page **/

.articlebox {
	width:480px;
	height:324px;
	overflow:auto;
	overflow-x: hidden;
	margin:10px 0 0 0;
}

.letterbox {
	width:480px;
	height:324px;
	overflow:auto;
	overflow-x: hidden;
	margin:50px 0 0 0;
}

.articlepage1 {
	float:left;
	width:460px;
	height:450px;	
	padding:0 10px 0 2px;
	margin:20px 0 0 20px;
	border-right:#CCC 1px solid;
}

.articlepage2 {
	float:left;
	width:458px;
	height:454px;	
	padding:0 0 0 2px;
	margin:35px 0 0 10px;
}

/** comments **/

.comments1 {
	float:left;
	width:458px;
	padding:0 10px 0 2px;
	margin:0 0 0 20px;
	border-right:#CCC 1px solid;
}

.comments2 {
	float:left;
	width:458px;
	padding:0 0 0 2px;
	margin:0 0 0 10px;
}

.commentsfull {
	width:940px;
	padding:0;
	margin:0 auto 0 auto;
}

.comment {
	border-bottom:#CCC 1px solid;
	padding:10px 0 15px 0;
	width:96%;
	margin:0 auto 0 auto;
	color:#818181;
}

/** pagination **/

.pagination {
	text-align:center;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	font-size:12px;
}

.pagination a {
	padding:1px 4px 1px 4px;
	background-color:#94c9f1;
	color:#FFF;
}

.pagination a:hover {
	background-color:#72b2e2;
}

/** bottom content **/

.bctop {
	background-image:url(images/bg_top.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:980px;
	height:40px;
	padding:0;
	margin:0 auto 0 auto;
}

.bcmid {
	background-image:url(images/bg_mid.png);
	background-position:center;
	background-repeat:repeat-y;
	width:980px;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
}

.bcbot {
	background-image:url(images/bg_bot.png);
	background-position:center;
	background-repeat:no-repeat;
	width:980px;
	height:40px;
	padding:0;
	margin:0 auto 0 auto;
}

.bccontent {
	width:900px;
	padding:0 10px 0 2px;
	margin:0 20px 0 20px;
}

/** arrowlist **/

.arrowlist {
	padding:0;
	margin:0 0 0 5px;
}

.arrowlist ul {
	padding:0;
	margin:0;
}

.arrowlist li {
	list-style:none;
	background-image:url(images/list_arrow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}