/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/


/* 5.1 Comments */
#comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #e6e6e6; border-top:1px solid rgba(0,0,0,0.07);}
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #fafafa; background: rgba(0,0,0,0.02); border-bottom:1px solid #e6e6e6; border-bottom:1px solid rgba(0,0,0,0.07); }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;  font-size: 12px;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 7.4 three-col-left */
.three-col-left #main-sidebar-container { width:760px; float:left; position:relative; display:inline; }
.three-col-left #main-sidebar-container #main{width:440px; float:left; display:inline; }
.three-col-left #main-sidebar-container #sidebar{width:240px; float:right; display:inline; }
.three-col-left #sidebar-alt { float:right; width:140px; margin:0; display:inline;  } 
.three-col-left-1200 #main-sidebar-container { width:1000px; }
.three-col-left-1200 #main-sidebar-container #main { width:680px; }
.three-col-left-1200 #sidebar-alt { float:right; width:180px; margin:0; display:inline;  } 
.three-col-left-980 #main-sidebar-container { width:800px; }
.three-col-left-980 #main-sidebar-container #main { width:530px; }
.three-col-left-960 #main-sidebar-container { width:780px; }
.three-col-left-960 #main-sidebar-container #main { width:460px; }
.three-col-left-880 #main-sidebar-container { width:740px; }
.three-col-left-880 #main-sidebar-container #main { width:420px; }
.three-col-left-880 #main-sidebar-container #sidebar { width:300px; }
.three-col-left-880 #sidebar-alt { width:120px; } 
.three-col-left-760 #main-sidebar-container { width:620px; }
.three-col-left-760 #main-sidebar-container #main { width:350px; }
.three-col-left-760 #main-sidebar-container #sidebar { width:250px; }
.three-col-left-760 #sidebar-alt { width:120px; } 


