/* ### GLOBAL SETTINGS ##################################################### */

body { 
   background-color:    transparent; 
   // background:            url(/journal/images/background.png) repeat-y left top fixed ;
    background-color:    #e1e7ec; 
   margin-left:             0px; 
   margin-right:           0px; 
   margin-top:             0px; 
   font-size:                10px; 
}

a:link { 
   color:               #000000; 
   font-size:           12px; 
   font-weight:         bold; 
   text-decoration:     none; 
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
}

a:visited { 
   color:               #555555; 
   font-size:           12px; 
   font-weight:         bold; 
   text-decoration:     none; 
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
}

a:active { 
   color:               #550000; 
   font-size:           12px; 
   font-weight:         bold; 
   text-decoration:     underline; 
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
}

a:hover { 
   color:               #999999; 
   font-size:           12px; 
   font-weight:         bold; 
   text-decoration:     underline; 
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
}



/* ### LEFT SIDE BAR ####################################################### */

#menu {
   width:               210px;   
   position:		relative;  	
   font:                11px/12px verdana,trebuchet,sans-serif;
   padding-right:       0px;
   text-align:          right;   
}


/* ### MAIN PAGE CONTENT ################################################### */

#content {
	/* border-left:       	1px dotted #999999; */
   width:               420px;   
   position: 				relative;   
   left:						-10px;
   text-align:          left;
   margin-left:         10px;
   margin-top:          0px;
   margin-bottom:       -20px;   
   padding-left:        5px;
   voice-family:        "\"}\"";
   voice-family:        inherit;
}

body>#content {
   width:               420px;
}


#copyright {
   width:               200px;   
   position: 				relative;   
   left:						-10px;
   float:	            left;
   margin-left:         10px;
   margin-top:          0px;
   padding-left:        0px;
}

#stats {
   width:               430px;   
   position: 				relative;   
   left:						200px;   
   text-align:				right;   
}

#footer {
   width:               630px;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   color:               #444444;
   position: 				relative;   
   top:					 	-11px;
   text-align:          left;
   margin-top:			   30px;
   margin-left:			10px;
   margin-right:			10px;
   padding-top:			10px;
   border-top:       	1px dotted #999999;
}
/* ### "member" links: login, register, calendar, etc. ##################### */

.loginLinks, .loginLinks a { 
   color:               #000000;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           12px; 
   margin-right:        10px;
}

.loginLinks a:link    { 
   color:               #000000; 
   font-weight:         bold;
}

.loginLinks a:visited { 
   color:               #555555; 
   font-weight:         bold;
}

.loginLinks a:active  { 
   color:               #550000; 
   font-weight:         bold;
}

.loginLinks a:hover { 
   color:               #999999; 
   font-weight:         bold;
   text-decoration:     underline;
} 



/* ### Dotted line between menu items in sidebar ########################### */

.menuSpacer {
   border-bottom:       1px solid #aaa;
   margin-bottom:       15px; 
}



/* ### Used in Trackback and Pingback page. ################################ */

H2 {
   font-family:         palatino, georgia, verdana, arial, sans-serif;
   font-size:           17px;
   color:               #333333;
   font-weight:         bold;
   margin-top:          20px;
   margin-left:         10px;
   margin-bottom:       0px;
}



/* ### Used in Weblog templates to format the title of entries ############# */

H3 {
   font-family:         palatino, georgia, verdana, arial, sans-serif;
   font-size:           14px;
   color:               #333333;
   font-weight:         bold;
   margin-top:          0px;
   margin-left:         10px;
   margin-bottom:       0px;
}


H4 {
   font-family:         palatino, georgia, verdana, arial, sans-serif;
   font-size:           12px;
   color:               #333333;
   font-weight:         bold;
   margin-top:          0px;
   margin-left:         10px;
   margin-right:	15px;
   margin-bottom:       5px;
}

/* ### Used in Weblog.php in the left side-bar, and archives.php page to format the date header ### */


.small_h4 {
   font-family:         palatino, georgia, verdana, arial, sans-serif;
   font-size:           10px;
   color:               #111111;
   margin-bottom:       5px;
   margin-right:        20px; 
   margin-top:          0px;
   font-weight:         bold;
}

/* ### Used in comment templates to format text used in the comment form. ## */

H5 {
   font-family:         palatino, georgia, verdana, arial, sans-serif;
   font-size:           11px;
   color:               #111111;
   margin-bottom:       2px;
   margin-top:          0px;
   font-weight:         normal;
}



/* ### Weblog entry formatting. ############################################ */

.weblog {
   padding-bottom:      5px;
   margin-bottom:			5px;
   /* border-bottom:       1px dotted #999999; */
}



/* ### Name of author in weblog entries #################################### */

.author {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   color:               #333333;
   font-weight:         normal;
}



/* ### Paragraph formatting in weblog entries ############################## */

p {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           12px;
   color:               #333333;
   margin-top:          0px;
   margin-bottom:       0px;
   margin-left:         10px;
   margin-right:        10px;
   font-weight:         normal;
   text-align:          left;
   line-height:         160%;
}



/* ### Default form field formatting. ###################################### */

form {
   margin-top:          0px;
   margin-bottom:       0px;
   margin-right:        20px;
}



/* ### Input field formatting. ############################################# */

.input {
   border-top:          1px solid #999999;
   border-left:         1px solid #999999;
   background-color:    #fff;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   height:              1.6em;
   padding:             .3em 0 0 2px;
   margin-top:          3px;
   margin-bottom:       3px;
} 
          

/* ### Input text-area formatting ########################################## */

.textarea {
   border-top:          1px solid #999999;
   border-left:         1px solid #999999;
   background-color:    #fff;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   margin-top:          3px;
   margin-bottom:       3px;
}



/* ### Submit button formatting. ########################################### */

.button {
   background-color:    #fff;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   font-weight:         normal;
   color:               #000;
}  



/* ### Pull-down menus. #################################################### */

.pulldown {
   background-color:    #fff;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   font-weight:         normal;
   text-transform:      uppercase;
   color:               #000;
}



/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */

/* ### Calendar header text ################################################ */

.header {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           10px;
   color:               #333333;
   font-weight:         bold;
}



/* ### Navigational links in the header of mini-calendar ################### */

.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover { 
   color:               #ffffff;
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           10px; 
   font-weight:         bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}



/* ### Days of the week text ############################################### */

.weekdays {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           10px;
   color:               #666666;
   font-weight:         bold;
}



/* ### Days of the month text and links #################################### */

.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           10px;
   color:               #666666;
   line-height:         180%;
}

.monthdays a:link    { color:  #000000; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #000000; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

.cap_top {
   margin:           0 auto;
   width:            420px;
   height:           13px;
   font:             1px/1px sans-serif !important;
   font:             0px/0px sans-serif;
   background:       url(/journal/images/cap_top.png) no-repeat center bottom
}

.cap_bottom {
   text-align:       left;
   margin:           0px auto;
   width:            420px;
   height:           18px;
   background:       transparent url(/journal/images/cap_bottom.png) no-repeat center top;
}

.cap_bottom_entry {
   text-align:       left;   
   margin:           0px auto;   
   width:            420px;
   height:           38px;
   background:       transparent url(/journal/images/cap_bottom_entry.png) no-repeat center top;
}

.cap_middle {   
   text-align:       left;
   width:            420px;
   background:       transparent url(/journal/images/cap_middle.png) repeat-y center top;
}

.cap_middle_center {
   text-align:       center;
   width:            420px;
   background:       transparent url(/journal/images/cap_middle.png) repeat-y center top;
}


.cap_top_menu {
   width:            200px;
   height:           11px;
   background:       url(/journal/images/cap_top_menu.png) no-repeat center bottom
}

.cap_bottom_menu {
   text-align:       left;
   width:            200px;
   height:           14px;
   background:       transparent url(/journal/images/cap_bottom_menu.png) no-repeat center top;
}

.cap_middle_menu {   
   text-align:       right;
   width:            200px;
   background:       transparent url(/journal/images/cap_middle_menu.png) repeat-y center top;
}

.image_left {
   border:           1px solid #666;
   margin-right:     10px;
   margin-top:       10px;
   margin-bottom:    10px;   
}

.image_right {
   border:           1px solid #666;
   margin-left:      10px;
   margin-top:       10px;
   margin-bottom:    10px;   
}

.image {
   border:           1px solid #666;
   margin-left:      10px;
   margin-right:     10px;
   margin-top:       10px;
   margin-bottom:    10px;   
}


.image_gallery {
   border:           1px solid #000;
   margin-left:      2px;
   margin-right:     2px;
   margin-top:       2px;
   margin-bottom:    15px;   
}


.table_comment_form {
   border-top:       	1px dotted #999999; 
   margin-top:          0px;
   margin-bottom:       0px;
   padding-left:         10px;
   padding-right:        10px;
}

.small {
   font-size:           10px;
}   

.html_image_index {
   border:              3px solid #fff;
}

.html_text {
   font-family:         palatino, georgia, verdana, arial, sans-serif;
   font-size:           11px;
   color:               #333333;
}

.more {
   text-align:          right;
   padding-right:        15px;
}

.photos {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           12px;
   color:               #333333;
   text-align:          right;
   padding-right:       15px;
}

#posted {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   color:               #333333;
   padding-top:         3px;
   padding-left:        10px;
   width:               em;  
   float:               left; 
}

#meta_details {   
   float:               right; 
   width:               em;      
   padding-top:         3px;
   padding-right:       15px;
}

#meta_details a {   
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   color:               #333333;    
}

.comment_form {
   font-family:         'Trebuchet MS', verdana, arial, sans-serif;
   font-size:           11px;
   color:               #333333;   
   text-align:          left;      
}

.clear {
   clear:               both;
   font-size:           0.1px;
}

.thumbnail {
    float:              left;
    background:         #d1d7dc;
    margin:             3px;
    border:             1px solid #c1c7cc;
    padding:            5px;
    height:             140px;
}

.thumbnail a {
    font-family:        'Trebuchet MS',verdana, arial, sans-serif;
    font-weight:        normal;
    font-size:          10px;
    
}

.thumbnail img {
    border:             4px solid #fff;
}