/* Base Styles */

body {
	background-image : url("icons/background-new.jpg");
	background-repeat : repeat;
	font-family : sans-serif;
	font-size : 10pt;
	text-align : center;
	color : black;
}


p, ul, ol { color : rgb(50,50,50); }
.main p { padding-left : 15px; padding-right : 15px; line-height : 15pt; }
h2 { color : white; }
h3, h4, h5 { 
	color : rgb(79,116,125); 
	letter-spacing : 5px; 
	font-weight : 800; 
	margin : 0px; margin-right : 15px; 
	padding-top : 15px;
}
h3, h4 { 	font-family : "Courier New", "Courier", monospace;
	background: url("icons/header-base.png") repeat-x bottom;  padding-bottom: 2px; margin-left : 5px; }
h3 { font-size : 13pt;  }
h4 { font-size : 11pt; padding : 0px 0px; background : none; }
h4 a { font-size : 12pt; }
h5 { font-size : 11pt; margin-left : 20px; padding : 0px; }
img { border : 0px; margin : 0px; padding : 0px; }
a { font-size : 10pt; line-height : 15pt; color : rgb(100,100,100); text-decoration : none; }
a:hover { text-decoration : underline; color : rgb(50,50,50); }
ul { list-style-type: none; padding-left : 10px;}

/* Some more specific styles base styles */
.error { color : black;	font-size : 10pt;	font-weight : 800;	text-align : center;  }
p.top_link { padding : 0px 15px 0px; margin : 0px 5px 10px; }
.top_link:hover { color : rgb(100,100,100); }


/* For Wait window */
 p.wait { text-align : center;	font-size : 11pt;	font-weight : 800;	color : white; }
img.floatright { float : right; }
.banner, .navigation, .footer { width : 990px; }

/* Top Banner Style */
div.banner, div.navigation, div.main, div.footer { margin-left : auto; margin-right : auto; }
.banner, .banner a { padding : 0px; margin : 0px; text-decoration : none; }
.banner { text-align : left; width : 990px; }
#search { float : right; margin-top : 15px; }
#cse-search-results { margin-left : 15px; }

/* Navigation Bar style */
.navigation, .navigation span a { border : 0px; margin : 0px; padding : 0px; height : 24px; }
.navigation { text-align : center; margin-bottom : 0px; }
.navigation span { padding : 0px; margin : 0px; }
.navigation span a { padding-top : 4px; color : white; float : left; 
	text-decoration : none; width : 130px; vertical-align : middle; 
	font-family : "Courier New", sans-serif; font-size : 18px;  }
.navigation-cell { background : url("icons/bannercell.jpg") no-repeat; }
.navigation-cell img, .navigation-cell-selected img { vertical-align : top; }
.navigation-cell:hover, .navigation-cell-selected { background : url("icons/bannercell-dark.jpg") no-repeat; }
.navigation-right { height : 28px; float : left; width : 340px; background : url("icons/bannercell.jpg") repeat-x right; }

/* Main Section Style */
.main { width: 988px; text-align : left; background-color : white; padding : 0px 0px 0px; 
			border-bottom: solid 1px #666; border-left: solid 1px #666; border-right: solid 1px #666; }

/* Sidebar style */
div.sidebar_container { width : 988px; background : url("icons/home-background.jpg") repeat-y;  }
div.main_with_sidebar { width : 700px; padding : 0px 15px; float :left; }
div.sidebar { color : white; float: right; width : 250px; padding-top : 20px; padding-right : 5px;}
div.sidebar a { color : rgb( 200, 220, 245); }
div.sidebar a:hover { text-decoration: none; color: rgb( 180,190,205 ) }
div.sidebar h4 { color : #BBCCCD; border-bottom: 1px solid #BBCCCD;  }
div.sidebar-clear { clear: both; width :100%;}
div.sidebar p { color : rgb( 200, 220, 245); font-size: 10px; padding-left: 15px; }

/* Footer Style */
.footer, .footer a { font-size : 8pt; line-height : 10pt; }
.footer { color : rgb(79,116,125); clear: both; text-align : center; padding-top : 5px; }
.footer a { color : #666; padding : 0px; margin : 0px; }

/* Form Styles */
input, textarea { background-color : white; border : 1px rgb(100,100,100) solid; padding : 2px; }
input:focus, textarea:focus { background-color : rgb(220,220,220); }
textarea { width : 600px; height : 100px; }
.button { text-align : center; width : 130px; padding : 15px; margin-left : auto; margin-right : auto; }
.button input { text-align : center; width : 130px; height : 28px; display : block;
	padding-top : 2px; background : url("icons/home-button.jpg") no-repeat; 
	font-family : "Courier New", "Courier", monospace; color : white; }
.button input:hover { font-weight : 800; text-decoration : none; 
	background : url("icons/home-button-dark.jpg") no-repeat; }

a.button-link {	text-align : center; width : 130px; height : 28px; display : block; padding-top : 5px;
	background : url("icons/home-button.jpg") no-repeat; font-family : "Courier New", "Courier", monospace; color : #FFF; }
a.button-link:hover { text-decoration : none; background : url("icons/home-button-dark.jpg") no-repeat; }

.multiple_upload { padding:3px; margin:5px 0px 5px 0px; background:#eee; border : solid black 1px; }
.multiple_upload h5 { font-size : 10pt; padding : 0px; margin : 0px 0px 3px 0px; font-family : "Courier New", "Courier", monospace;}
.input_list { margin-top: 5px; border:1px solid black; padding:5px; background:#fff; font-size:x-small; }
.input_list input { vertical-align : middle; margin-left : 5px; }

.albumformdata { margin : 0px 10px 10px 25px; }
.albumformdata textarea { height : 45px; width : 600px; }

/* Comment Style */
#comment_list { width : 600px; margin : 0px auto; background: url("icons/comments_background.jpg") repeat-y;}

#comment_list h3 { background: url("icons/comments_box.jpg") top left no-repeat; border : none; padding : 0px 6px 0px; margin : 0px; font-weight : 800; font-size : 12px; font-family : san-serif; color : white; }
#comment_list h3 img { vertical-align : middle; }
#comment_list hr { display : none; }
	.comment { margin : 15px; padding : 0px; }
	.comment_author { margin : 0px 0px 5px; color : black; font-weight : 800; font-size : 12px; padding : 0px 0px; }
	.comment_author a { font-size : 12px; }
	.comment_body { margin : 0px 0px 10px; padding : 5px; text-align : justify; background : #DDD;}
	.comment_list_bottom { width: 600px; height: 18px; background: url("icons/comments_box_bottom.jpg") bottom left no-repeat; }
	.comment_date_posted { margin : 0px; color : #999; font-size : 10px; }
	.comment_links { padding : 0px 15px; }
	.comment_form { display : none; padding : 0px; background : #DDD; margin : 15px; }
	.comment_form textarea { width : 99%; height : 100px; }
	.comment_captcha { width : 98%; }


/* Home Page Style */
.home-image { padding : 15px 0px 0px 15px; }
.home-message { padding : 0px; }
.home-message p { text-align : justify; }
div.home-links { border-top : 1px solid rgb(66,95,145); text-align : center; padding : 20px 0px 15px; clear : both; }
.home-links a { padding : 0px 25px 0px; }
div.home-latest-link { text-align : center; width : 130px; margin-bottom : 15px; margin-left : auto; margin-right : auto; }
p.home-date { padding : 0px 15px; margin : 0px; font-size : 10px; text-align : left; }


.home-news-top { background : url("icons/home-news-top.png") top left no-repeat; width : 650px; margin : 0px auto; font-size : 9pt; }
.home-news-top p { padding : 9px 15px 1px; margin : 0px; color : #222; font-weight : 800; letter-spacing : 1px; }
.home-news-bottom { background : url("icons/home-news-bottom.png") bottom left no-repeat; width : 650px; margin : 0px auto; padding : 0px 0px 5px; }
.home-news-bottom p { font-weight : 100; padding : 1px 15px 2px; margin : 0px; color : #555; font-size : 9pt; letter-spacing : 1px; }
.home-news-bottom p a { color : #777 }
.home-news-bottom p a:hover { color : #555 }

/* Fading Pictures */
#imageContainer { width : 695px; margin-top : 10px; text-align: center;}
#imageContainer img {  }

.add_media_form { background : #DDD; display : none; overflow: hidden; opacity:0.0; filter: alpha(opacity=0); }

/* Styles for showing list of users */
.profilelist { text-align : center; }
.profilelist table { width : 900px; margin-top : 10px; }
.profilelist th, .profilelist td { padding : 5px 8px; text-align : left; }
.profilelist th {
	background-color : rgb(103,115,101);
	font-weight : 800;
	color : white;
	font-size : 12pt;
}
.profilelist th.centered { text-align : center; width : 18%; }
.profilelist td { color : black; }
.profilelist td.highlighted { background-color : rgb(230,230,230); }
.profilelist td.centered { text-align : center; }
.profilelist td.centeredhighlighted { text-align : center; background-color : rgb(230,230,230); }

/* Here is the style for items such as album, news, etc. */
div.items_nav_left { margin-right: 15px; float: left; }
div.items_nav_right{ margin-left : 15px; float: right;}
div.items_date_range{ width : 100%; text-align : center; color: rgb( 100, 100, 100);}


.news_text, .guestbook_text { padding-top: 2px; margin: 0px 20px; padding-bottom: 4px; text-align: justify; }

div.small_item { padding : 5px 0px 10px 0px; margin : 10px 15px; border-bottom : 1px dotted rgb(100,100,100); }
.item_picture { padding : 0px 0px 0px 15px; width : 1%; vertical-align : top; }
.item_picture img { border : 1px solid rgb(103,115,101); }
.small_item h4 a:hover { text-decoration : none; }
.item_body { padding : 0px; text-align : left; vertical-align : top; }
.item_body p { color : black; padding : 4px 15px; margin : 0px; text-align : justify; }
.item_body p.top_link { padding : 0px 15px 0px; }
.item_body .date { font-size : 10pt; color : #777; padding : 5px 15px 0px; margin : 0px; }

/* Style for media tables */
.media_table { width : 100%; }
.media_row { }
.media_cell { width : 25%;}

/* Style for the photos */
div.small_photo, div.full_photo_cell { padding : 0px;  margin : 10px auto; }
div.small_photo_top, div.full_photo_top { height : 5px; }
div.small_photo_bottom, div.full_photo_bottom { vertical-align: middle; text-align : center; }

/* Small photo frame */
div.small_photo { width : 150px; }
div.small_photo_top {background: #bbcccd; border-top: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); border-left: solid 1px rgb(150,150,150);  width: 150px;}
div.small_photo_bottom {background: #bbcccd; width : 150px; height : 150px; border-bottom: solid 1px rgb(150,150,150); border-right:solid 1px rgb(150,150,150); border-left:solid 1px rgb(150,150,150);}
div.small_photo_bottom a { line-height : 145px; }
div.small_photo_bottom a img { vertical-align : middle; }

p.thumbnail_date {font-size: 8pt; color: #666; text-align: center; position : relative; top: -13px;}

/* Full photo frame */
div.full_photo_cell { width : 600px; }
div.full_photo_top { }
div.full_photo_bottom p { margin : 0px; padding-bottom : 5px; color: black; font-size : 14pt; line-height: 19pt; vertical-align: middle;}
div.full_photo_bottom input { color: black; text-align :center; margin : 0px auto 5px; font-size : 14pt; line-height: 14pt; padding:0px; }
div.full_photo_bottom { width : 600px; vertical-align: middle; }

.full_photo { padding-bottom : 0px; margin-bottom : 0px;}

.full_photo td.side_picture {
	padding : 10px;
	width : 170px;
	vertical-align : top;
	text-align : center;
}

.full_photo p.side_picture {
	text-align : center;
	color : black;
	font-size : 10pt;
} 

.full_photo p { color : white; padding : 5px; text-align : center; }

div.mediumphotodata { color: rgb(50,50,50); margin: 0px; padding: 2px 2px 5px; }

/* Style classes for a full album */
.full_album { padding : 0px; margin : 0px; padding-bottom : 15px; }
.full_album img.album_picture { margin-left : 15px; margin-right : 15px; vertical-align : text-top; }

div.album-edit-icons { padding-left : 15px; position: relative; top: 10px; height: 20px; }
div.album_thumbnail_title { text-align: center; position: relative; top: 10px; }
div.album_thumbnail_title a { font-size: 8pt; }

/* Style classes for web_link */
.web_link { padding : 3px 20px; }
.web_link h5 { margin-left : 0px; }
.web_link a { font-size : 12px; }
.web_link div.date { display: none; }
.web_link textarea { height : 50px; width : 500px; vertical-align : top; }
.web_link div.description { color : rgb(100,100,100); font-size : 11pt; padding : 5px; margin : 0px 5px; background : #DDD; }
.web_link div.url { display : none; }
.web_link div.links { display : none; }

/* blog */
/* Content
----------------------------------------------- */
@media all {
  #content { width : 990px; padding: 0px; margin: 0px; float:right; background : url("icons/home-background.jpg") repeat-y;}
  #main {  width:700px; padding: 0px 15px 0px 15px; margin : 0px; float :left; }
  #sidebar { width:255px; padding: 19px 0px 0px 0px; margin : 0px; float:right; }
  }
@media handheld {
  #content { width:90%; }
  #main { width:100%; float:none; }
  #sidebar { width:100%; float:none; }
  }


/* Posts
----------------------------------------------- */
/* Content
----------------------------------------------- */
@media all {
   div.blogger-main { margin: auto; text-align: left; width:990px;  background : url("icons/home-background.jpg") repeat-y; }
   div.blogger-main h2 { color : #555; font-size: 12pt;}
   #sidebar h2 {color : #BBCCCD; border-bottom: 1px solid #BBCCCD; 
	letter-spacing : 5px; 
	font-weight : 800; 
	margin : 0px; margin-right : 15px; 
	font-family : "Courier New", "Courier", monospace;  padding-bottom: 2px; margin-left : 5px; 
	font-size : 11pt; padding : 0px 0px; background : none;
	}

  #sidebar { width:230px; float:right; background: none;}
 .date-header { margin:1.5em 0 .5em; font-size:90%; text-transform:uppercase; }
  .post { margin:.5em 0 0 0; border-bottom:1px dotted #ccc; padding-bottom:1.5em; }
  }
@media handheld {
   #content { width:90%; }
  div.blogger-main { width:100%; float:none; }
  #sidebar { width:100%; float:none; }
 .date-header { padding:0 1.5em 0 1.5em; font-size:90%; text-transform:uppercase;}
  .post { padding:0 0 0 0; }
  }
/*.post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:bold; line-height:1.4em; color:#c60; }*/
.post-title { display:block; text-decoration:none; font-weight:bold; }
h3.post-title { padding-top: 0px; margin: 0;}
.post div { margin:0 0 0 0; line-height:1.6em; }
p.post-footer { font-size:95%; margin:0 0 0 20px; color:#ccc; text-transform:uppercase;}
.icon-action{display:none;}
.post-footer em, .comment-link { font-size:78%; letter-spacing:.1em; }
.post-footer em { font-style:normal; color:#999; margin-right:.6em; }
.comment-link { margin-left:.6em; }
.post img { padding:4px; border:1px solid #ddd; }
.post blockquote { margin:1em 20px; }
.post blockquote p { margin:.75em 0; }
.post-body div {margin: 5px 0 0 20px; font-size:10pt;}