body, html {
    height: 100%;
}

form {
    margin: 0;
    padding:0;
}

textarea {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #999;  
    color: #333333;
    background-color: #FFF;
}
#newmain{
background:url(../../images/btn/middle.gif) repeat-x left top;
height:40px;
margin:0px;


}
#newheading 
{
	background:repeat-x top;
	background:url(../../images/btn/right_bar.gif) no-repeat right top;
	line-height:30px;
	margin:0;
	float:left;
	margin-left:10px;
}
#newheading span 
{
	display:block;
	background:url(../../images/btn/left.gif) no-repeat left top;
	font-size:12px;
	color:#0E6A84;
	font-weight:700;
	line-height:30px;
	padding:10px 65px 5px 45px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


input {
    font: normal 20px Verdana,Arial,Helvetica,sans-serif;
    border-top: 1px solid #DCFA6E;  
    border-bottom: 1px solid #55A005;  
    border-left: 1px solid #DCFA6E;  
    border-right: 1px solid #55A005;  
    color: #333;
    background-color: #FFF;
    padding: 1px 10px 1px 1px;
}

select {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: 1px solid #333;  
}

input.checkbox  {
    border: none ! important;
    background-color: transparent;
}

input.radio  {
    border: none ! important;
    background-color: transparent;
}

img {
    border: none;
}


table {
   
    color: #484848;
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}



textarea {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

input {
    font: normal 12px Verdana,Arial,Helvetica,sans-serif;
   
}

select {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

input.buttonWhite {
    background-color: #F55A5A;
    color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #FFAAAA #F00A0A #F00A0A #FFAAAA;
    font: bold 13px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    padding: 0 3px;
}

input.button {
    background-color: #5A5AF5;
    color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #5ACAF5 #0A0AF0 #0A0AF0 #5ACAF5;
    font: bold 13px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    padding: 0 3px;
}

/***  structural  ***/

table.columns {
    padding: 0;
    height: 100%;
    width: 100%;
}

table.columns td.left {
    vertical-align: top;
    width: 20%;
    height: 100%;
    padding: 15px 12px 15px 12px;
    background-color: #FFCC00;
    border-collapse: collapse;
    border-bottom: 6px solid #FFCC00;
}

table.columns td.center {
    vertical-align: top;
    height: 100%;
    background-color: #FFF;
    min-width: 340px;
    padding: 2px 4px 2px 4px;
    border-bottom: 6px solid #FFCC00;
    border-collapse: collapse;
}

table.columns td.header {
    background-color: #F5F5DC;
    color: #000;
    padding: 20px 15px 10px 15px;
    border-top: 6px solid #FFCC00;
    border-bottom: 6px solid #FFCC00;
}

table.columns td.right {
    vertical-align: top;
    width: 20%;
    padding: 15px 12px 15px 12px;
    height: 100%;
    background-color: #FFF;
    border-collapse: collapse;
    border-bottom: 6px solid #FFCC00;
}

table.columns td.footer {
    padding: 4px 10px 6px 10px;
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    background-color: #F5F5DC;
    color: #000;
    border-bottom: 6px solid #FFCC00;
}

table.blogHeader {
    padding: 0;
    color: #5A5AF5;
}

table.blogHeader a:link,
table.blogHeader a:active, 
table.blogHeader a:visited {
    color: #F55A5A;
    text-decoration: none;
}

table.blogHeader a:hover {
    color: #F55A5A;
    text-decoration: underline;
}

table.blogHeader td.blogHeaderLeft {
    margin: 0;
    vertical-align: bottom;
    text-align: left;
}

table.blogHeader td.blogHeaderCenter {
    vertical-align: bottom;
    text-align: center;
}

table.blogHeader td.blogHeaderRight {
    text-align: right;
    vertical-align: bottom;
}

table.blogFooter {
    color: #5A5AF5;
}

table.blogFooter a:link,
table.blogFooter a:active, 
table.blogFooter a:visited {
    color: #5A5AF5;
    text-decoration: none;
}

table.blogFooter a:hover {
    color: #5A5AF5;
    text-decoration: underline;
}

table.blogFooter td.blogFooterLeft {
    text-align: left;
}

table.blogFooter td.blogFooterCenter {
    text-align: center;
}

table.blogFooter td.blogFooterRight {
    text-align: right;
}

#content {
    position: relative;
}

/*** articles ***/


.articleAll {
    border: 1px solid #FFF;
    padding: 15px;
    background-color: #FFF;
    clear: both;
    margin-bottom: 2px;
    height: 100%;
}

.photoAll {    
    border: 1px solid #FFF;
    padding: 15px;
    background-color: #FFF;
    clear: both;
    margin-bottom: 2px;
    height: 100px;
    width: 100px;
}
.photo {    
    border: 1px solid #FFF;
    padding: 15px;
    background-color: #FFF;
    clear: both;
    margin-bottom: 2px;
    height: 75px;
    width: 75px;
}
.dayArticles {
    border: 1px solid #FFF;
    padding: 0;
    background-color: #FFF;
    margin-bottom: 2px;
    clear: both;
    float: none;
}

.article {
    position: relative;
    padding: 0 25px 0 15px;
    margin: 20px 0 30px 0;
}

.article p {
    margin: 0 0 1em 0;
}

.articleTitle {
    font: bold 14px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    color: #5A5AF5;
    padding: 0 0 3px 0;
    clear: both;
    border-bottom: 1px solid #AAF22A;
}

.articleAuthor {
    font: normal 9px Verdana,Arial,Helvetica,sans-serif;
    margin: 4px 0 13px 0;
    color: #999;
    background-color: transparent;
    clear: both;
}

.articleBody {
    position: relative;
    line-height: 17px;
    clear: both;  
    width:730px
}

div.articleBody table td,
div.articleBody table th {
    line-height: 17px;
}

.articleMore {
    font: normal 10px Verdana,Arial,Helvetica,sans-serif;
}

.articleStats {
    margin: 10px 0;
    font: normal 9px Verdana,Arial,Helvetica,sans-serif;
    white-space: nowrap;
    color: #999;
    background-color: transparent;
    clear: both;
}

.postDate {
    font: bold 12px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    background-color: #F5F5DC;
    padding: 6px;
    color: #F55A5A;
    border-top: 3px solid #FFF;
    white-space: nowrap;
}

.photoPostDate {
    font: bold 11px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    margin: 6px 0 0 0;
    padding: 4px 0 2px 0;
    background-color: transparent;
    color: #888;
    white-space: nowrap;
    border-top: 1px dotted #AAF22A;
}

/*** components ***/

#leftcol {
}

#leftcol .component {
    padding: 0px 4px 0px 4px;
    margin-bottom: 12px;
    text-align: left;
    clear: both;
    background-color: #F5F5DC;
    border: 2px solid #FFF;
    border-collapse: collapse;
}

#leftcol .componentHead {
    font: bold 15px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    color: #5A5AF5;
    background-color: #F5F5DC;
    margin: 0;
    padding: 1px 2px 1px 2px;
    border-bottom: 2px solid #AAF22A;
    white-space: nowrap;
}

#leftcol .componentHead a {
    text-decoration: none;
}

#leftcol .componentContent {
    padding: 6px 0 0 6px;
}

#leftcol a {
}

#leftcol a:link, 
#leftcol a:active, 
#leftcol a:visited {
}

#leftcol a:hover {
}

#centercol {
}

#centercol a {
}

#centercol a:link, 
#centercol a:active, 
#centercol a:visited {
}

#rightcol {
    text-align: left;
}
 
#rightcol .component {
    padding: 0px 4px 0px 4px;
    margin-bottom: 12px;
    text-align: left;
    clear: both;
    background-color: #F5F5DC;
    border: 2px solid #FFCC00;
    border-collapse: collapse;
}

#rightcol .componentHead {
    font: bold 15px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    color: #5A5AF5;
    background-color: #F5F5DC;
    margin: 0;
    padding: 1px 2px 1px 2px;
    border-bottom: 2px solid #AAF22A;
    white-space: nowrap;
}

#rightcol .componentHead a {
    text-decoration: none;
}

#rightcol .componentContent {
    padding: 6px 0 0 6px;
}

#rightcol a {
}

#rightcol a:link, 
#rightcol a:active, 
#rightcol a:visited {
}

#rightcol a:hover {
}
 
.componentBlogroll {
    font-size: 11px;
    line-height: 16px;
}

.componentBlogrollItem {
    margin-bottom:6px;
}

.componentTopics {
    line-height: 18px;
}

.componentTopicItem {
    margin-bottom: 6px;
}

.componentArchive {
    line-height: 20px;
    white-space: nowrap;
}

.componentCalendar {
    font: normal 9px Verdana,Arial,Helvetica,sans-serif;
    background-color: transparent;
    text-align: center;
}

table.componentCalendar {
    font-size: 9px;
}

table.componentCalendar td.componentCalendarDayname {
     padding: 0 1px;
}

table.componentCalendar td.componentCalendarDay {
}

.componentLogin {
    text-align: right;
}

.componentWelcome {
}

.componentBlogname {
    font: bold 35px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    line-height: 36px;
    letter-spacing: -2px;
    background-color: transparent;
    color: #999;
}

div.componentBlogname a:link, 
div.componentBlogname a:visited,
div.componentBlogname a:active
{
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
}

div.componentBlogname a:hover {
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
}

.componentPostArticleLink,
.componentEditArticleLink,
.componentRssLink,
.componentHomeLink,
.componentEmailNotifyLink {
    font: bold 10px Verdana,Arial,Helvetica,sans-serif;
    background-color: transparent;
}

table.blogHeader td.blogHeaderLeft div.componentText,
table.blogHeader td.blogHeaderCenter div.componentText,
table.blogHeader td.blogHeaderRight div.componentText,
table.blogFooter td.blogFooterLeft div.componentText,
table.blogFooter td.blogFooterCenter div.componentText,
table.blogFooter td.blogFooterRight div.componentText 
{
    display: inline;
    white-space: nowrap;
    padding: 0 5px;
}

#leftcol div.componentText {
    padding: 0;
    margin-bottom: 4px;
}

#rightcol div.componentText {
    padding: 0;
    margin-bottom: 4px;
}

.componentRecentVisitors {
}

.componentRecentVisitorsItem {
    margin-bottom: 8px;
}
 
.componentRecentTrackbacks {
}

.componentRecentTrackbacksItem {
    margin-bottom: 8px;
}

.componentRecentEntries {
}

.componentRecentEntriesItem {
    margin-bottom: 8px;
}

.componentRecentComments {
}

.componentRecentCommentsItem {
    margin-bottom: 8px;
}

.componentRecentArticles {
}

.componentRecentArticlesItem {
    margin-bottom: 8px;
}

.componentRecentPhotos {
}

.componentRecentPhotosItem {
    margin-bottom: 12px;
}

.componentRecentPhotosItem img {
    border: 1px solid #AAF22A;
}

/*** comments ***/

.commentleft {
    padding: 8px;   
    clear: both;
   background-color: #F5F5DC;
	margin: 50px 100;
	 border-top: 1px solid #AAF22A;

}

.commentFormInline {
    padding: 8px;
    margin: 5px 0;
    clear: both;    
    background-color: #F5F5DC;
    
   
}

.commentAuthor {
   font: normal 9px Verdana,Arial,Helvetica,sans-serif;
    /*  font: bold 11px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; border-top: 1px solid #AAF22A;*/
    margin-bottom: 8px;
    padding-top: 2px;
    float:right;
    padding-bottom: 2px;
    
 
}
.right
{ 
    float:right;  
	border-top:1px  solid blue;
	 padding-bottom: 2px;
}
.commentBody 
{
	font:  11px Verdana,Arial,Helvetica,sans-serif;
	
	width:100%;


    line-height: 18px;
}







.commentsHead {
    font: bold 11px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 12px;
    background-color: transparent;
    color: #5A5AF5;
    padding-top: 2px;
    border-top: 2px solid #AAF22A;
}

.comments {
    margin: 12px 0 18px 0;
    clear: both;
}

.commentTitle {
    font-weight: bold;
    padding-bottom: 0px;   
}


.commentReply {
    font-weight: bold;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}


.comment {
    padding-bottom: 5px;
    margin: 12px 0;
}

.commentReplyRef {
    padding-bottom: 5px;
    margin: 0 0 12px 0;
}

.commentIndent0 {}
.commentIndent1 {margin-left:25px;}
.commentIndent2 {margin-left:50px;}
.commentIndent3 {margin-left:75px;}
.commentIndent4 {margin-left:100px;}
.commentIndent5 {margin-left:125px;}
.commentIndent6 {margin-left:150px;}
.commentIndent7 {margin-left:175px;}
.commentIndent8 {margin-left:200px;}

/*** trackbacks ***/

.trackbacks {
    margin: 12px 0;
    clear: both;
}

.trackbacksHead {
    font: bold 13px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 12px;
    background-color: transparent;
    color: #5A5AF5;
    border-top: 2px solid #AAF22A;
    padding-top: 2px;
}

.trackback {
    border-bottom: 1px solid #AAF22A;
    padding-bottom: 12px;
    margin: 12px 0;
}


/*** photo albums ***/

table.thumbnails {
    clear: both;
}

table.thumbnails td {
    padding: 0 12px 0 0;
}

table.thumbnails td.row {
    padding: 0 12px 0 0;
}

table.thumbnails td.emptyRow {
}

table.thumbnailsByDay {
}

table.thumbnailsByDay td {
    text-align: left;
    vertical-align: top;
    padding: 0 12px 0 0;
}

.thumbnailCaption {
    line-height: 13px;
    margin: 0 0 16px 0;
}

.thumbnail {
    margin-bottom: 2px;
}

.thumbnail img {
    border: 1px solid #AAF22A;
    padding: 3px;
}

img.photo {
    border: 2px solid #5A5AF5;
    margin: 0 0 10px 0;
}

/*** text headers ***/

.sectionHead1 {
    font-weight: bold;
    font-size: 13px;
    background-color: transparent;
    margin-bottom: 16px;
}

/*** misc ***/

.categoryPostList {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    margin: 18px 0;
    clear: both;
}

table.categoryPostListTable {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

.categoryBreadcrumb {
    font: bold 12px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    text-align: left;
    margin: 0 0 2px 0;
    padding: 8px;
    white-space: nowrap;
    background-color: #F5F5DC;
    color: #F55A5A;
    border: 3px solid #FFF;
}

.categoryBreadcrumb a:link, 
.categoryBreadcrumb a:active, 
.categoryBreadcrumb a:visited {
    color: #F55A5A;
    text-decoration: none;
}

.categoryBreadcrumb a:hover {
    color: #F55A5A;
    text-decoration: underline;
}

.articleBreadcrumb {
    white-space: nowrap;
    padding: 6px 0 6px 0;
    margin: 12px;
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border-top: 1px dotted #F5F5DC;
    border-bottom: 1px dotted #F5F5DC;
}

.photoBreadcrumb {
    white-space: nowrap;
    padding: 6px 0 6px 0;
    margin: 0 4px 12px 8px;
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border-top: 1px dotted #F5F5DC;
    border-bottom: 1px dotted #F5F5DC;
}

div.articleBreadcrumb table {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

div.photoBreadcrumb table {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

div.articleBreadcrumb span.emph {
    font-weight: bold;
    background-color: transparent;
}

div.photoBreadcrumb span.emph {
    font-weight: bold;
    background-color: transparent;
}

.pager {
    margin: 12px 0;
    white-space: nowrap;
    text-align: right;
}

.articlePrintLink {
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    margin-top: 12px;
    clear: both;
}

.emph {
    font-weight:bold;
}

.noncompliant {
    display: none;
}

.message {
    margin: 0 0 2px 0;
    padding: 8px;
    white-space: nowrap;
    background-color: #F5F5DC;
    border: 1px solid #AAF22A;
}

/*** thumbnails ***/

div.dayPhotos {
}

div.thumbcontainer {
    background-color: #FFF;
}

div.thumb {
    width: 150px;
    margin: 0 12px 20px 0;
    float: left;
}

div.spacer {
    clear: both;
}

div.thumb img {
    border: 2px solid #AAF22A;
    margin: 0 0 4px 0;
}

div.thumbcaption {
    line-height: 13px;
    text-align: left;
}

/***************/

div.articleAll div.article  {
    padding: 0;
}

div.photoAll div.article  {
    padding: 0;
}

div.articleAll div.articleBreadcrumb {
    padding: 6px 0 6px 0;
    margin: 0 0 12px 0;
    border-top: 1px dotted #AAF22A;
    border-bottom: 1px dotted #AAF22A;
}

div.photoAll div.articleBreadcrumb {
    padding: 6px 0 6px 0;
    margin: 0 0 12px 0;
    border-top: 1px dotted #AAF22A;
    border-bottom: 1px dotted #AAF22A;
}

/*******************/

.editButtons {
    margin: 16px 0 0 0;
}

img.editButtonOn,
img.editButtonOff,
img.editButtonDown,
img.editButtonUp {
    width: 23px;
    height: 22px;
    cursor: pointer;
}

.editButtonOn {
    border: 1px solid #AAF22A;
    background: #F5F5DC;
}

.editButtonOff {
    border: 1px solid #5A5AF5;
    background: #FFF;
}

.editButtonDown {
    background: #AAF22A;
}

.editButtonUp {
    background: #FFF;
}

/*******************/

.reviewBox {
    margin-bottom: 25px;
}

table.reviewDetails {
    border: 1px solid #AAF22A;
}

table.reviewDetails td.reviewTitle {
    font: bold 15px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    color: #FFF;
    background-color: #5A5AF5;
}

table.reviewDetails td.reviewDetailLabel {
    font: bold 10px Verdana,Arial,Helvetica,sans-serif;
    text-align: right;
    white-space: nowrap;
    background-color: #F5F5DC;
}

table.reviewDetails td.reviewDetailValue {
    font: normal 10px Verdana,Arial,Helvetica,sans-serif;
}

.updatedAlbumBox {
    background-color: #FFF;
    color: #000;
    border: 1px solid #AAF22A;
    padding: 0;
    margin: 0 0 2px 0;
    text-align:left;
}

table.updatedAlbumHead {
    margin: 0;
    padding: 3px 8px;
    background-color: #5A5AF5;
    color: #FFF;
}

table.updatedAlbumHead td.albumName {
    font: bold 15px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}

table.updatedAlbumHead td.albumName a {
    text-decoration: none;
    color: #FFF;
}

table.updatedAlbumHead td.albumName a:link,
table.updatedAlbumHead td.albumName a:active,
table.updatedAlbumHead td.albumName a:visited 
{
    text-decoration: none;
    color: #FFF;
}

table.updatedAlbumHead td.albumName a:hover {
    text-decoration: underline;
    color: #FFF;
}

table.updatedAlbumHead td.updateTime {
    font: normal 9px Verdana,Arial,Helvetica,sans-serif;
}

/*** minithumbs ***/

.miniThumbCount {
}

.miniThumbCount a {
    text-decoration: none;
}

.miniThumbSizedImg {
    border: 1px solid #AAF22A;
}

.miniThumbHorizContainer {
    clear: both;
}

.miniThumbHoriz {
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
}

.miniThumbVertContainer {
    margin: 0;
}

.miniThumbVert {
    margin: 0 0 6px 0;
    padding: 0;
}

.miniThumbDefaultImg {
    padding: 2px;
    border: 1px solid #AAF22A;
    background-color: #FFF;
}

.miniThumbSelectedImg {
    padding: 0;
    border: 3px solid #AAF22A;
    background-color: #FFF;
}

.miniThumbSizedCaption {
    text-align: left;
    margin: 5px 0 8px 0;
}

.miniThumbLinks {
    margin-bottom: 12px;
}
.background
{
	background:url(../Images/comment_icon.gif) 
}
/*modelpopuo*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}



/* grid view paging */


			.paging-div
            {font-size: 9px; position:relative;
            text-align:left;color:rgb(128, 128, 128);margin-bottom:10px; 
            margin-top:10px; line-height:100%; font-family:Verdana;}
          .paging-div div
            {font-size: 9px; font-weight: normal; 
            display:inline;list-style:none;text-align:center; 
            margin:2px; font-family:Verdana;}
          .paging-div div span
            {font-size: 9px; font-weight: normal; 
            color: #CC0000; border: 1px #CC0000 solid; 
            padding: 3px 6px 3px 6px; font-family:Verdana;}
          .paging-div div a
            {font-size: 9px; font-weight: normal; 
            color: #000000; border: 1px #CDDCED solid; 
            padding: 3px 6px 3px 6px; 
            font-family:Verdana; text-decoration: none;}
          .paging-div div a:hover
            {font-size: 9px; font-weight: normal; 
            color: #FFFFFF; border: 1px #000000 solid; 
            padding: 3px 6px 3px 6px; font-family:Verdana;
            background-color: #5F8FC5; text-decoration: none;}
          .paging-div .nav
            {font-size: 9px; font-weight: normal; 
            color: #CCCCCC; border: 1px #CCCCCC solid; 
            padding: 3px 6px 3px 6px; font-family:Verdana;}






/*
style blog css 
*/



/*-------------General-----------*/
html, body { border:0; margin:0; padding:0;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#656565;}
a{color: #0083d5;text-decoration: none;}
a:hover{text-decoration: underline;}
blockquote {display:block;width:370px; max-width:370px;background:url(../Images/coma.gif) 0 0 no-repeat #ffffff;padding:0 0 0 

109px;margin:15px 0 15px 0;font:italic 15px Georgia, "Times New Roman", Times, serif;color:#626262;float:left; 

min-height:99px; clear:both;}
.clear	{ clear: both; }
h2 {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:center;}

/* ----------header---------*/
#top-bg { background-image:url(../Images/bg-top.png); height:377px; background-position:top; background-repeat:repeat-x; }
#top-container {width:960px; background-image:url(../Images/top.png);background-repeat:no-repeat; height:377px; margin:0 auto; 

padding:0; }

/*--------top layout--------*/
#top {width:960px; height:120px; padding:0; margin:0;}
#topbar {width:960px; height:200px; padding:0; margin:0;}
.left-1 {float:left; width:580px;}
.left-2 {float:left; width:190px;}
.right-1 {float:right; width:380px;}
.right-2 {float:right; width:190px;}

/*-----------top------------*/
#logo {height:120px; width:571; display:block; float:left;}
#logo img {border:none;}
#pages {height:120px; width:180px; display:block; margin:0; padding:0; margin-top:10px;}
#pages li {background: url(../Images/bullet.gif) 0 3px no-repeat; list-style:none; padding: 1px 3px 1px 15px;margin:0; 

color:#FFFFFF;  font-weight:bold; line-height:130%;}
#pages li a {color:#FFFFFF;}

/*----------search form-----*/
/**/ *html .Search  { height: 74px;} /**/ 
.Search {  right: 0px; margin: 35px 0px 0px 20px; min-height: 74px; padding:0; width:150px;}
.Search form { background: url(../Images/searchform.png) no-repeat right; padding:0px; margin:0px; width:150px;}
.Search input { color: #330033; font-size: 13px; padding:0; width: 113px;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; } 
.Search  input.search { width: 27px; height: 24px; background: url(../images/SearchButton.gif) no-repeat; padding:0; margin:0; 

border: none; cursor: pointer;}
.left-3 {float:left; width:113px; margin:0; padding:0;}

/*-----------recent post----*/
#recent-posts { max-height:200px;  min-height: 175px; margin-top:30px; margin-left:50px; padding:0;}
#recent_post{ max-height: 200px; margin:0; padding:0;}
#recent_post ul{margin: 0; padding:0; list-style:none;}
#recent_post li{background: url(../Images/event_icon.gif) no-repeat; float:left;margin:0; margin-top:5px; padding:0px 15px 5px 

15px; width: 215px; font-size:10px;}
#recent_post a:link, #recent_post a:visited	{color: #656565;text-decoration: none; padding:0;}
#recent_post a:hover{color: #000;text-decoration: underline; padding:0;}

/*---------about me----------*/
#about {margin:0 auto;margin-top:0px; margin-top:20px; }
.text { width:85%; margin:0 auto; color: #fff;  text-align:justify; line-height:14px; font-size:10px; margin-top: 0px;}
.text strong {color:#0198ff;}
.text a { color:#0198ff; font-weight:bold;}

/*-----------flickr----------*/
#flickr { height:50px; margin-top:45px; margin-left:15px; }
#flickr img {border:#fff 2px solid;  margin: 2px;}


/*-----------main layout------*/
#main-bg {width:960px; padding:0; margin:0 auto; background-image:url(../Images/bg-main.png); background-position:right; 

height:100%}
#wide {width:960px; padding:0; margin:0 auto; background-image:url(../Images/bg-main.png); height:100%;  }
#left {width:550px; float:left; margin-top:0px;  }
#right { width:380px; float:right; margin-top:0px;}

/*-------------Post------------*/
.isi {padding:0; margin:0;}
.cont-atas {background-image:url(../Images/top1.png); background-position:top; background-repeat:no-repeat; padding:0; margin:0; 

padding-top:30px;}
.cont-bawah {background-image:url(../Images/bot.png); background-position:bottom; background-repeat:no-repeat; padding:0; 

padding-bottom:30px;  margin-bottom:20px;}
.post {padding-left:25px; width:500px; text-align:justify;}
.post-title {width: 490px; margin:0 auto; padding:0; }
.post-title h2 {font:Georgia, "Times New Roman", Times, serif; text-align:left; font-size:20px; padding:0; 

border-bottom:dashed 1px #CCCCCC; padding-bottom:5px;}
.post-title h2 a {color:#000; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:20px; 

padding:0;}
.post-title h2 a:hover {color:#159ff6; text-decoration:none;}
.postmetadata {  border-top:dashed 1px #CCCCCC; padding-top:5px; padding-bottom:5px; margin-bottom:15px; width: 480px; 

margin-left:10px; margin-top:10px;}
.article {width: 490px;  line-height:170%; text-align:justify; margin-left:7px; padding:0;}
.post-end {margin-bottom:20px;}
.post img { padding: 3px 3px 3px 3px;background:#f0f0f0;border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important;}
.navigation { margin:10px 0 10px 125px; clear:both;}

/*--------------Meta Icon---------*/
.meta-cal {background:url(../Images/add-page-blue.gif) center left 

no-repeat;padding-left:20px;padding-bottom:5px;padding-top:5px;}
.meta-comm {background:url(../Images/user-comment-blue.gif) center left 

no-repeat;padding-left:20px;margin-left:15px;padding-bottom:5px;padding-top:5px;}
.meta-tag {background:url(../Images/folder-blue.gif) center left no-repeat;padding-left:20px;padding-bottom:5px;padding-top:5px; 

margin-top:8px;}

/*-------------sidebar------------*/

#kanan-1 {float:right;  width:175px; padding:0; margin:0;}
#kiri-1 {float:left; width:175px; padding:0; margin:0;}
.hidden {visibility:hidden;}
.comments {width:175px; margin-top:-5px;}
.hdr2 { background-image: url(../Images/categories.png); width:175px; height:43px;}
.hdr3 { background-image: url(../Images/rec-com.png); width:175px; height:43px;}
.hdr4 { background-image: url(../Images/top-com.png); width:175px; height:43px;}
.hdr5 { background-image: url(../Images/link.png); width:175px; height:43px;}
.hdr6 { background-image: url(../Images/top-come.png); width:175px; height:43px;}
.hdr7 { background-image: url(../Images/sponsor.png); width:175px; height:43px;}
.hdr8 { background-image: url(../Images/shout.png); width:175px; height:43px;}
.hdr9 { background-image: url(../Images/archives.png); width:175px; height:43px;}
.hdr10 { background-image: url(../Images/visitors.png); width:175px; height:43px;}

/*--------------- Comments ----------------*/
#comments {color:#000; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size: 18px; 

clear:both; list-style-type: none;}
ul.comments{border:0; margin:0; padding:0; list-style-type:none;}
.comments li{border-bottom:1px dotted #656565;font-size: 10px;padding: 4px 0 5px 5px;overflow:hidden;color: #0083d5;}
.comments li em, .comments li a em{color: #656565;font-style: normal;}
.comments li a{color: #656565;text-decoration:none;}
.comments li a:hover{text-decoration:none;color: #0083d5;}
.comments img {	vertical-align:text-bottom;padding-left:5px;padding-right:3px;}
ul.commentlist li{ margin:0; padding:0; list-style-type:none; }
ul.commentlist {margin:0 auto; padding:0; list-style-type:none;}
.com-cont {width:532px; }
.clear-com {height:5px; width:500px;}
.com-bg { height:31px; width:500px; background-image:url(../Images/comment.png);}
.com-bg2 { height:19px; width:500px; background-image:url(../Images/comment2.png);}
.bloglog {height:50px; width:50px; float:left; margin-right: 15px; margin-bottom:10px;}
.bloglog img { border:2px solid #656565;}
.com-title {margin:0 auto; margin-bottom:-10px; text-align:center; color:#000; font-family: Georgia, "Times New Roman", 

Times, serif; text-decoration:none; font-size: 14px;}
.com-2 { width:480px; margin:0 20px; min-height:80px; margin-top:0px;}


/*----------------- Comments Form -------------------------------- */
.Form {margin-right:-40px;}
.Form .Email { background: url(../Images/FooterEmail.png) no-repeat left top;}
.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; 

display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(../Images/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(../Images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(../Images/SubmitComment.png) no-repeat 0 -29px; 

margin-top: 4px;}


/* ---------------------Admin--------*/

.Title {
    font: bold 14px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    color: #5A5AF5;
    padding: 0 0 3px 0;
    clear: both;
   }
   .blog
   {
	 margin-left :20px;	
	 margin-right:20px;
	 margin-top:5px;
	 margin-bottom:5px;
	 width:500px;	
   }
/* Table */

.cal_Theme1 .ajax__calendar_container 

{ 

background-color: #e2e2e2; border:solid 1px #cccccc; 
} 

  

  


.cal_Theme1 .ajax__calendar_header 

{ 

background-color: #ffffff; margin-bottom: 4px; 
} 

  

  


.cal_Theme1 .ajax__calendar_title, 

.cal_Theme1 .ajax__calendar_next, 

.cal_Theme1 .ajax__calendar_prev 

{ 

color: #004080; padding-top: 3px; 
} 

  

  


.cal_Theme1 .ajax__calendar_body 

{ 

background-color: #e9e9e9; border: solid 1px #cccccc; 
} 

  

  


.cal_Theme1 .ajax__calendar_dayname 

{ 

text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; 
} 

  

  


.cal_Theme1 .ajax__calendar_day 

{ 

text-align:center; 
} 

  

  


.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, 

.cal_Theme1 .ajax__calendar_active 

{ 

color: #004080; font-weight:bold; background-color: #ffffff; 
} 

  

  


.cal_Theme1 .ajax__calendar_today 

{ 

font-weight:bold; 
} 

  

  


.cal_Theme1 .ajax__calendar_other, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title 

{ 

color: #bbbbbb; 
} 

.legend{font-weight:700;color:#0195c5;margin:0 0 10px 2px}
div.form-container form fieldset div.field-hint
		{
			position:absolute;
			width:230px;
			z-index:500;
			background:url(../../Images/hint_topborder.gif) no-repeat left top;
			color:#000;
			margin:-12px 0 0 310px;
			padding:0
		}
		div.field-hint div
		{
			background:#fffbb8;
			border-left:1px solid #ffc20d;
			border-right:1px solid #ffc20d;
			border-bottom:1px solid #ffc20d;
			z-index:500;margin:14px 0 0;padding:2px 2px 2px 10px
		}
		div.field-hint-select
		{
			position:absolute;
			width:200px;
			z-index:500;
			color:#000;
			margin:-32px 0 0 250px;
			padding:0
		}
		div.field-hint-select div{background:#fffbb8;border:1px solid #ffc20d;z-index:500;padding:2px 0 2px 10px}div.field-hint-inactive{display:none;position:absolute}div.success{background:url("img/bg_status_success.gif") no-repeat;height:30px;font-size:12px;color:#1c65bd;font-weight:700;margin:0 0 15px 9px}div.errors{background:url("img/bg_status_error.gif") no-repeat;height:30px;font-size:12px;color:#ab0000;font-weight:700;margin:0 0 15px 9px}div.info{background:url("img/bg_status_info.gif") no-repeat;height:30px;font-size:12px;color:#060;font-weight:700;margin:0 0 15px 9px}div.errors img,div.info img,div.success img
		{
			border:0 !important;
			vertical-align:middle;
			background:transparent !important;
			margin:3px 0 3px 3px
		}
		
		
		.ButtonSty
{
BORDER-RIGHT: #263125;
BORDER-TOP: #263125;
BORDER-LEFT: #263125;
BORDER-BOTTOM: #263125;
border-color:#263125;
border-spacing:1px;
FONT-WEIGHT: bolder;
FONT-SIZE: 10px;
VISIBILITY: visible;
COLOR: White;
FONT-FAMILY: 20pt,Verdana, Arial, Helvetica, sans-serif;
background:url(../../Images/but_bg.gif);

}

.HeadingSty
{ 
	font-weight: bold;
	font-size: 13pt;
	font-style: normal;
	font-family: Verdana, Arial, Sans-Serif;
	color: #330066;
	text-decoration: underline;
 }
 .ErrorSty
 {
	font-weight: normal;
	font-size: 10pt;
	font-style: normal;
	font-family: Verdana, Arial, Sans-Serif;
	color: Red;
	
 }
 .SucessSty
{
	font-style: normal;
	font-family: Verdana, Arial, Sans-Serif;
	color: Green;
	font-size: 11pt;
}
.text
{
	font-style: normal;
	font-family: Verdana, Arial, Sans-Serif;
	color: Black;
	font-size: 9pt;
}
		
		
.MyGridStyleee
{
border :0;
color: #284775;
font-size: 90%;
padding: 5;
font-family : Book Antiqua;
}
.MyGridStyleee A:Link
{
color: black;
}
.MyGridStyle
{
background-color: #E0E0E0;
color: #333333;
}
.AlterRow
{
background-color: #E0E0E0;
color: yellow;
}
.HeaderStyle
{
background-color: #E0E0E0;
color:White;
font-weight: bold;
font-size: 90% ;
font-family:Book Antiqua;
}


.Heading
{
font-weight: bold;
font-size: 11pt;
font-style: normal;
font-family: Book Antiqua;
color: #0195c5;
}