/* Screenshots */

        .screenshots {
            margin-bottom: 12px;
        }

        .screenshots p {
            margin-bottom: 0;
            text-align: center;
        }

        .screenshots img {
            background: #fdfdfd;
            border: 1px solid #ededed;
            padding: 5px;
            margin: 5px;
        }

/* Flash Messages */

        .flash {
            background-position: 20px 16px;
            background-repeat: no-repeat;           
            padding: 21px 20px 15px 70px;
            overflow: hidden;
            min-height: 32px;
            margin-bottom: 24px;
            margin-top: -10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }
        
        .flash p {
            color: #404035;
            margin-bottom: 9px;
			padding-top: 4px;
        }
        
            .flash p.code {
                font-family: courier;
                font-size: 13px;
                padding: 5px 10px 3px 10px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background: #f5f5f5;                
            }
            
            .flash pre {
                margin-bottom: 0;
                padding: 5px 0;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
        
        .flash ul {
            margin-left: 28px;
            margin-bottom: 9px;
        }
        
        .flash li {
            color: #404035;
            font-size: 13px;
        }
        
        .flash_error {
            border: 1px solid #ffbba1;
			background: #ffebea url(/images/icon_error.png) no-repeat 20px 18px;
        }
        
        .flash_warning {
            border: 1px solid #c4e9fb;
			background: #e2f5ff url(/images/icon_question.png) no-repeat 20px 18px;
        }
        
        .flash_notice {
            border: 1px solid #f6e3ac;
			background: #feffd5 url(/images/icon_status.png) no-repeat 20px 18px;
        }
        
        .flash_code {
            border: 1px solid #ccc;
            background-color: #eee;            
            background-image: url(/images/icon_code.png);            
        }        

/* Comments */

        #comments {
            background: #f2f2f2;
            border-top: 1px solid #e9e9e9;
            padding: 12px 15px 12px 15px;
            display: block;
        }
        
        #comments ul.all_comments {
            padding: 0 0 35px 118px;
            margin: 0;
        }
        
        #comments ul.all_comments li {
            margin: 12px 0;
            padding: 0 0 5px 0;
            list-style: none;  
        }
        
        #comments ul.all_comments li .comment_wrapper {
            position: relative;
            border: 1px solid #d4d4d4;
            background: #fff;            
            margin: 15px 0 15px 0;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
        }
        
        #comments .comment_info {
            left:-120px;
            position:absolute;
            width:115px;
        }
        
            #comments .comment_info img {        
                padding: 1px;
                background: #fff;
                border: 1px solid #ccc;
            }
        
            #comments .comment_info p {
                font-size: 10px;
                color: #7f7f7f;
                line-height: 15px;
            }
        
            #comments .comment_info p span {
                font-weight: bold;
                color: #4d4d4d;
            }
            
            #comments .comment_info p a {
                border: none;
            }
        
        #comments .comment_itself {
            padding: 20px 20px 10px 20px;
        }
        
            #comments .comment_itself .bubble_arrow {
                position: absolute;
                top: 20px;
                left: -28px;
            }
        
        #comments .comment_itself p {
            font-size: 12px;
        }
        
            #comments .comment_itself p.comment_reply {
                font-size: 10px;
                margin: 0;
            }

            #comments .comment_itself p.comment_reply a {
                border: 0;
            }

/* Blog Styling */
	
		.blog_post {
			margin-bottom: 35px;
		}

        .blog_post h2 {
            font-size: 20px;
            margin-bottom: 12px;
        }

        .blog_post .blog_meta {
            background: #f5f5f5;
            border: 1px solid #eee;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            padding: 4px 10px;
            margin-bottom: 12px;
            overflow: hidden;
            width: auto;
        }
        
                .blog_post .blog_meta .left_col {
                    float: left;
                }

                .blog_post .blog_meta .right_col {
                    float: right;
                }

        .blog_post .blog_meta p {
            margin: 0;
            font-size: 11px;
            color: #888;
        }

                .blog_post .blog_meta strong {
                    color: #777;
                }
        
                .blog_post .blog_meta a {
                    border: none;
                    color: #3B5998;
                }
        
        .blog_post .blog_content p {
            font-size: 12px;
            color: #333;
            line-height: 19px;
        }
        
        .blog_post .blog_content p.read_more {
            text-align: right;
        }

		.blog_post ol li, .blog_post ul li {
			font-size: 12px;
			color: #333;
		}

/* recent photos */

		div#recent-photos {
			background: url(/images/recent_photos.png) no-repeat;
			padding: 40px 0 0 60px;
		}
		
		div#recent-photos ul {
			padding: 0;
			margin: 0;
		}
		
		div#recent-photos ul li {
			list-style-type: none;
			margin-bottom: 15px;
		}
		
		/* ------------------------ Pagination -------------------------------- */

		.pagination {
		    padding: 10px 10px;
		    font-size: 13px;
		    border-top: 1px solid #ccc;
		}

		.no-border {
		  border: none;
		}

		.pagination a {
		    padding: 2px 7px;

		    color: #bbb;
		    -moz-border-radius: 3px;
		    -webkit-border-radius: 3px;    
		}

		.pagination a:hover {
		    background: #888;
		    color: #fff;
		}

		.pagination .current {
		    background: #8a8a8a;
		    color: #fff;
		    padding: 2px 7px;    
		    -moz-border-radius: 3px;
		    -webkit-border-radius: 3px;    
		}

		.pagination .next_page {
		    background: #AAA;
		    color: #fff;
		}

		.pagination .prev_page {
		    background: #AAA;
		    color: #fff;    
		}

		.pagination .disabled {
		    color: #ccc;
		    background: #fff;
		    padding: 2px 7px;        
		}
		

/* text/image replacement */

        h2#my_recent_posts {
            display: block;
            width: 228px;
            height: 0;
            padding-top: 28px;
            overflow: hidden;
            background: url(/images/my_recent_posts.png) no-repeat;
            margin-bottom: 18px;
        }
        
        h2#your_recent_comments {
            display: block;
            width: 228px;
            height: 0;
            padding-top: 26px;
			margin-left: 60px;
            overflow: hidden;
            background: url(/images/your_recent_comments.png) no-repeat;
            margin-bottom: 18px;   
        }
        
        h2#about_eric {
            display: block;
            width: 113px;
            height: 0;
            padding-top: 27px;
            overflow: hidden;
            background: url(/images/about_eric.png) no-repeat;
            margin-bottom: 12px;   
        }
        
        h2#contacting_eric {
            display: block;
            width: 153px;
            height: 0;
            padding-top: 27px;
            overflow: hidden;
            background: url(/images/contacting_eric.png) no-repeat;
            margin-bottom: 12px;   
        }
        
        h2#on_the_social_web {
            display: block;
            width: 172px;
            height: 0;
            padding-top: 27px;
            overflow: hidden;
            background: url(/images/on_the_social_web.png) no-repeat;
            margin-bottom: 12px;   
        }


p.bottom_line span{ float:right; }