/* Stylesheet for pBlog */

body { margin:0 0 0 0; padding:0px; color:#111; font:0.9em Helvetica, sans-serif; }
hr { background-color:rgb(0,21,126); height:2px; border:none; }
h1 { text-align:center; font-weight:bold; font-size:em; color:#111; }
h2 { text-align:center; margin:20px 0 10px; color:rgb(0,21,126); font-size:2em; padding:6px; }
h3 { text-align:left; margin:20px 0 10px; font-weight:bold; font-size:1.5em; line-height:1.6em; }
h4 { text-align:left; margin:10px 2px; font-weight:bold; font-size:1.2em; line-height:1.3em; }
form { margin:0; }
img { border:none; }
ul { margin:0.8em 0; }
li { margin:0.1em 0; }
ul li { list-style-type:circle; }
table { width:100%; border-spacing:0.2em; }
td { padding:0.3em; text-align:right; border:1px solid rgb(190,190,190); }

a { color:rgb(0,21,126); text-decoration:none; }
a:hover { color:rgb(158,38,38); }


/* Main Layout Classes */
#master { position:relative; max-width:1050px; margin:0 auto; }
#container { position:relative; width:700px; margin:0px 250px 0 auto; padding:0px; text-align:left; background-color:rgb(245,245,245); overflow:hidden; }
#rightcontainer { position:absolute; top:72px; right:0px; width:240px; }
#logo { padding:0px; text-align:left; }
	#logo img { vertical-align:bottom; }
#logobanner { width:700px; height:120px; }
#footer { clear:both; margin:50px 120px 20px 0; text-align:center; font-size:0.8em; line-height:2em; }


/* the right Boxes */
.rightBox { width:170px; margin:50px auto 0; padding:10px 0; border:0px solid rgb(158,38,38); border-width:2px 0; background-color:rgb(245,245,245); overflow:hidden; }
.rightBox .header { margin:0 0 10px; font-size:1.1em; font-weight:bold; }
.rightBox .title { display:block; margin:5px 0 0; }
.rightBox .indent { display:block; margin:5px 15px 0; }
.rightPaddedBox { width:150px; margin:50px auto 0; padding:10px; border:0px solid rgb(190,190,190); border-width:2px 0; background-color:#FFF; overflow:hidden; }


/* the Menu and the sitepath */
#siteMenu { margin:0px; padding:0px; text-align:right; border:3px solid rgb(25,0,102); border-width:0 0 0; background-color:#FFF; font-size:1.8em; font-weight:bold; }
.menuLink { margin:0 0; }
.menuActive { padding:0 0 0; background-color:rgb(0,0,100); color:#FFF; }
.menuImage { height:78px; margin:0 0 0 -7px; padding:0; vertical-align:bottom; }

.sitePath { margin:5px 0 15px; }

/* for the Summary */
.summary { margin:20px 0 30px; padding:10px; border:2px solid rgb(190,190,190); border-width:2px 0; background-color:rgb(235,235,235); text-align:left; line-height:1.4em; }
	.summarytitle { margin:0px 0 -4px; padding:0px; }
	.summarydate { font-size:0.85em; color:#555; }
	.summarydate_date { color:#333; }
	.summarytext { margin:5px 10px; }

/* for the Full Entry */
.fullentry { margin:30px 0 40px; padding:10px; border:4px solid rgb(158,38,38); border-width:4px 0; background-color:rgb(245,245,245); text-align:left; line-height:1.5em; }
	.fullentrytitle { margin:0px 0 -4px; padding:0px; }
	.fullentrydate { font-size:0.9em; font-weight:bold; color:#555; }
	.fullentrydate_date { color:#333; }
	.fullentryupdate { font-size:0.9em; color:#555; }
	.fullentryupdate_date { color:#333; }
	.fullentrytext { margin:5px 25px 0; }
	.fullentrytext:first-letter { font:2em bold Monaco, serif; }


/* Classes to format a blog entry */
.note { display:block; margin:10px; padding:5px; color:#900; border:2px solid #A00; background-color:#FF9; }
.code { display:block; margin:10px; padding:5px; color:rgb(0,0,128); border:1px solid rgb(190,190,190); font:1em normal Monaco, monospace; white-space:pre; overflow:auto; }
.codeinner { display:inline; margin:0px 10px; color:rgb(0,0,128); font:1em normal Monaco, monospace; }
.thumb { width:185px; margin:0px 5px 5px 0; border:none; cursor:pointer; }
.introthumb { width:100px; margin:0px 5px 5px 0; border:none; cursor:pointer; float:left; }
.floatimage { margin:0px 5px 5px 0; border:none; float:left; }
.permalink { display:block; margin-top:1em; clear:left; }
.commentlink {  }


/* the comments */
.commentblock { display:block; margin:0px 25px; }
.single_comment { display:block; margin:15px 0; padding:5px; font-size:0.9em; background-color:rgb(224,228,252); line-height:1.1em; }
.side_comment { display:block; margin:15px 0 0; padding:5px; border:0px solid rgb(158,38,38); border-top-width:2px; font-size:0.9em; background-color:rgb(224,228,252); line-height:1.2em; }
.side_comment_attach { padding:3px 0 2px; border:0px solid rgb(158,38,38); border-bottom-width:2px; font-size:0.69em; }
.commentform { display:block; margin:15px 25px; padding:5px; font-size:0.9em; background-color:rgb(224,228,252); text-align:right; }
	.comment_strings { float:left; width:45%; height:80px; margin:0px 4% 0 0; padding:0px; text-align:right; }
	.comment_strings input[type="text"] { width:60%; }
	.comment_text { width:49%; height:100px; margin:0px; padding:0px; }
.captcha_block { margin:15px 0; }
.captcha { margin:2px 0; border:none; vertical-align:middle; }
.captcha_text { margin:5px 10px; width:100px; font-size:1.4em; vertical-align:middle; }
.commentSubmit { margin:10px 0 0; text-align:center; }


/* Sitewide used stuff */
#container .indent { margin-left:40px; }
#admincontainer .indent { margin-left:40px; }
.archiveBox { margin:5px 0 15px; }
.confirmation { margin:30px; padding:15px; border:2px solid rgb(0,0,190); background-color:rgb(170,170,255); text-align:center; }
.error { margin:30px; padding:15px; border:2px solid rgb(190,0,0); background-color:rgb(255,170,170); font-size:1.1em; text-align:center; }
.break { margin-top:20px; }
.separator { margin:15px 0 0; height:1em; background:url(Images/separator.gif) center center repeat-x; font-size:1em; clear:left; }
	.separator a { display:block; float:left; padding:0px 10px 0 15px; background:url(Images/greytriangle.png) center left no-repeat rgb(235,235,235); font-size:0.9em; }
	.separator .link_hidden { background-image:url(Images/greytriangle.png); }
	.separator .link_expanded { background-image:url(Images/greytriangle_down.png); }
.block_hidden { display:none; }
.block_expanded { display:block; }
.paragraph { margin-top:5px; }

.page_browser { margin:1em; font-size:1.2em; }
.older_article_link { margin:1em; font-size:1.5em; font-weight:bold; }


/* Admin Tasks */
#topbar { padding:5px 5px 0; }
#logout_form { width:300px; text-align:left; }
#logout_form form { display:inline; }
.admin_menu { margin:0 20px 10px; text-align:center; }
#admincontainer { position:relative; width:660px; margin:0 auto 0; padding:20px; text-align:left; background-color:rgb(220,220,220); border:1px solid rgb(190,190,190); overflow:visible; }
#adminfooter { clear:both; margin:50px 0 20px; text-align:center; font-size:0.8em; line-height:2em; }

.greenDiv { margin:3em auto; width:350px; border:2px solid rgb(60,100,0); -moz-border-radius:8px; -webkit-border-radius:8px; background-color:rgb(80,140,0); text-align:center; }
.greenDiv form { padding:1em; text-align:right; }
.greenDiv p { padding:1em; }
.greenDiv input { width:200px; }
.greenDiv .submit { margin-top:1em; width:120px; font-weight:bold; }
.greenDiv a { color:#EEE; text-decoration:underline; }
.greenDiv a:hover { color:white; }

.redDiv { margin:3em auto; width:350px; border:2px solid rgb(100,0,0); -moz-border-radius:8px; -webkit-border-radius:8px; background-color:rgb(200,0,0); text-align:center; }
.redDiv p { padding:1em; color:#EEE; }
.redDiv a { color:#111; text-decoration:underline; }
.redDiv a:hover { color:#000; }

.action_confirmation { margin:30px; padding:10px; font-size:1.2em; line-height:1.4em; color:rgb(20,20,20); border:1px solid rgb(210,210,50); background-color:rgb(255,255,190); text-align:center; }
.admin_buttons { text-align:center; margin:30px 0; }
.bordered_row { display:block; clear:both; margin:0px; padding:10px 4px; border:0px solid #999; border-top-width:3px; }
.left_floating_box { float:left; width:50%; }

.adminlink { display:inline-block; margin:0px 15px 4px 0; font-size:1.1em; }
.admin_comment { display:block; margin:10px 0; padding:5px; font-size:0.9em; border:1px solid rgb(170,170,170); background-color:#FFF; }
.smallPadded { padding:0px 5px; font-size:0.8em; color:#004; }
.uploadedFiles { display:block; margin:10px; padding:5px; color:rgb(0,0,128); border:1px solid rgb(170,170,170); background-color:#FFF; line-height:1.2; }
.admin_page_browser { margin:1em 0 0; padding:1em 0 0; font-size:1.2em; border-top:1px solid #AAA; }


/* Generic */
.text { margin:0px 20px; padding:5px 20px; clear:left; text-align:justify; }
.centered { text-align:center; line-height:1.2em; }
.pad { padding:0.2em 0; }

.big { font-size:1.6em; }
.emph { font-size:1.2em; }
.small { font-size:0.8em; color:#555; }
.faded { color:rgb(140,140,140); }
.red { color:rgb(190,0,0); }
.red_textfield { padding:2px; border:1px solid rgb(190,0,0); background-color:rgb(255,200,200); }
.current { padding:3px 1px 2px; font-weight:bold; border:1px solid rgb(190,190,190); border-width:2px 0px; background-color:white; }

.icon { width:10px; height:12px; vertical-align:middle; }
.feedicon { width:16px; height:16px; vertical-align:bottom; }
.validImage { width:72px; height:15px; border:none; }

