/*   
Theme Name: Mrkelly
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Mrkelly
Author URI: http://www.mrkelly.org/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/*@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
	font-size: 13px;
	line-height:18px;
	letter-spacing: 1px;
	text-align: center;
	color: #333;
	margin: 0;
	padding: 0;
	font-family:"Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
}
a, a:link, a:visited {
	color: #008000;
	text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

p {
    text-indent:2em;
    line-height:20px;
}
ul {
    margin:0 0 0 30px;
    padding:0;
}
blockquote {
    border-left:5px solid #CCC;
    padding-left:5px;
}
    blockquote p {
        text-indent:0;
    }
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	border-top:5px solid #D7D7D7;
}

#header {
	padding-top:20px;
}
	#branding {
		padding: 0;
		width: 170px;
		float: left;
		overflow:hidden;
        background:url(images/logo.png) no-repeat;
	}
		#blog-title  {

			height:35px;

			text-indent: -9999px;
		}
		    #blog-title a {
		        display:block;
		        height:100%;
		        width:100%;
 
		    }
			#blog-title a:active, #blog-title a:hover {
				color: ##008000;
			}
        #blog-description {
            display:none;
        }
	#access {
        background:url(images/menu-left.png) no-repeat;/*左圆角*/
        font-size:13px;
        text-align:center;
	}
	
        #access a {
            color:#FFF;
            
            text-decoration:none;
            width:100%;
            height:100%;
            display:block;
        }
        #access a:hover {
            color:#333;
            background:url(images/menu-hover.png);
        }
        
	    .skip-link {
	        display:none;
	    }
	    .menu {
	         /*左圆角*/
	        width:100%;
	        background:url(images/menu-right.png) right no-repeat;
	    }
	    .sf-menu {
	        background:url(images/menu-bg.png);
	        height:35px;
	        list-style:none;
	        padding:0;
	        margin:0 8px;
	    }
	    .sf-menu li{	        
	        float:left;
	        line-height:35px;
	        width:80px;
	        margin:0 4%;
	    }

	            #access li.current_page_item a {
	                color:#333;
	                font-weight:bold;
	                background:url(images/menu-hover.png);
	            }
                /*子菜單*/
                #access li ul {
                    list-style:none;
                    margin:0;
                    padding:0;
                }
                #access li ul li {
                    background:yellow;
                    width:80px;
                }

#main {
    margin:20px 0 0 0;
}

#content {
    width:670px;
}

    .nav-previous {
        float:left;
    }
    .nav-next {
        float:right;
    }
    .post {
        margin-bottom:30px;
    }
    .entry-title {
        font-size:18px;
        font-weight:bold;
        line-height:25px;
        background:url(images/entry-title.gif) no-repeat;
        padding:0 0 0 40px;
        margin:35px 0 8px 0;
    }
    .entry-meta {
        font-size:12px;
        color:#999;
    }
    .entry-content {
        margin-top:15px;
        
    }
        .more-link {
            font-size:15px;
            line-height:35px;
            text-decoration:
        }
    
    .entry-utility {
        font-size:12px;
        color:#999;
    }
        .comments-link {
            font-weight:bold;
        }


/*Comment */
#respond h3 {
    font-size:15px;
    line-height:22px;
    font-weight:bold;
}

/*sidebar */
.main-aside {
    width:260px;
    border-left:dotted 1px #EEE;
    background:#FCFCFC;
}
.xoxo {
    list-style:none;
}
    .blogroll {
        list-style:none;


    }
    .widgetcontainer {

        margin:10px 0 30px 0;
    }
        .widgetcontainer div {
            padding:0 0px;
        }
    .widgettitle {
        font-size:14px;
        font-weight:bold;
        line-height:22px;
        margin-bottom:10px;
        padding:0 0 0 10px;
/*
        background:#F2F2F2;
        border-top:1px solid #EEE;   
*/     
        border-bottom:1px solid #BBDF8D;
    }
        #searchform #s {
            width:120px;
        }

    .xoxo ul {
        list-style:url(images/list.gif);
        
    }
    .widget_twitter .widgettitle {
        background:url(images/twitter.gif) no-repeat #F2F2F2;
    }


/* Footer */
#footer {
    height:120px;
    width:100%;
    text-align:center;
    border-top:#999 1px dotted;
    padding-top:20px;
}