/*
Theme Name:		LivingDigital
Theme URI: 		
Version: 		1.0
Description:
Author: 		
Author URI:		
Tags:
*/

/* Reset Browser Defaults */
@import url( 'library/reset.css' );

#logo {
     position:absolute;
     left:62px;
     top:11px;
     }

/*****************************************
 Comments
*****************************************/

ul.commentlist {list-style:none; margin:0; padding:0; text-indent:0; width:525px;}
#primary ul.commentlist { list-style:none; margin:5px 0 0 0; padding:0; text-indent:0;}
ul.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ul.commentlist li div.comment-author { padding:0 170px 0 0; }
ul.commentlist li div.vcard {}
ul.commentlist li div.vcard cite.fn { font-style:normal; }
ul.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ul.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ul.commentlist li div.vcard img.avatar { border:1px solid #d5d5d5; left:7px; position:absolute; top:7px; padding:2px;}
ul.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
#comments cite {font-size:95%; font-weight:bold;}
#comments .says {font: italic 95% cambria, georgia, serif; color:#bbb;}
ul.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ul.commentlist li div.comment-meta a:hover { color:#000; }
ul.commentlist li p { font:normal 12px/1.4 tahoma,arial,sans-serif; margin:0 0 1em; }
ul.commentlist li ul { font:normal 12px/1.4 tahoma,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ul.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li ul.children li.depth-2 { margin:.25em 0 .25em; }
ul.commentlist li ul.children li.depth-3 { margin:.25em 0 .25em;}
ul.commentlist li ul.children li.depth-4 { margin:.25em 0 .25em;}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#leave-a-comment {margin-left:22px;}
#comment-form { }
#comment-form .text {width:250px; padding:2px;}
#comment-form textarea {width:98%; height:200px; padding:5px; overflow:hidden;}
#comment-form label {font:normal 90% arial, sans-serif; color:#999;}
h3#comments-number  {font-weight:bold; padding:20px 0; margin:0;}
h3#leave-a-comment  {font-weight:bold; padding:20px 0; margin:0;}
#comments .comment-reply-link {color:#0F6EA5; text-decoration:none; font-size:90%; font-weight:bold;}
#respond a {color:#0F6EA5; text-decoration:none;}

.clr {clear:both;}
body {background:#ccc;}

#container {
     width:1200px;
     margin:0 auto;
     background:#fff;
     position:relative;
     }

/*****************************************
 Structure
*****************************************/

#contentInner {padding:10px 0 0 0;}

#primary {
     width:525px;
     float:left;
     display:inline;
     margin-left:60px;
     overflow:hidden;
     }

#secondary {
     width:560px;
     float:right;
     display:inline;
     }

/*****************************************
 Header
*****************************************/

#header {
     width:1200px;
     }

#headerLeft {
     width:470px; 
     height:109px;
     float:left;
     display:inline; 
     background: transparent url(images/headerLeftBg.jpg) no-repeat 0 0; 
     }

#headerCenter {
     position:relative;
     width:304px;
     height:63px;
     float:left;
     display:inline;
     background: transparent url(images/headerCenterBg.jpg) no-repeat 0 0;
     padding:23px 27px;
     }

#headerRight {
     width:372px;
     height:109px;
     float:right;
     display:inline;
     background: transparent url(images/headerRightBg.jpg) no-repeat 0 0;
     }

#headerRight input.search {
     width:171px;
     background: transparent url(images/loginInputBg.png) no-repeat 0 0;
     border:none;
     padding:5px;
     margin:0 0 5px 0;
     }

#headerRight .searchform {padding-top:7px;}

#headerRight input.searchBtn {
     width:83px;
     height:37px;
     background: transparent url(images/searchBtn.png) no-repeat 0 0;
     border:none;
     margin-top:12px;
     }

#loginForm {
     width:190px;
     float:left;
     display:inline;
     margin-top:5px;
     }

#loginForm input {
     width:171px;
     background: transparent url(images/loginInputBg.png) no-repeat 0 0;
     border:none;
     padding:5px;
     margin:0 0 5px 0;
     }

#loginButton .btn {
     width:113px;
     height:40px;
     float:left;
     display:inline;
     background: transparent url(images/loginBtn.png) no-repeat 0 0;
     border:none;
     margin-top:8px;
     }

.avatar_container {margin-top:7px;}
.welcome {margin-top:5px;}
/*****************************************
 Navigation
*****************************************/

#navOuter {
     width:1200px;
     height:49px;
     background: #333 url(images/navOuterBg.jpg) repeat-x 0 0;
     }

#navInner {
     width:1200px;
     height:49px;
     background: transparent url(images/logoBtm.jpg) no-repeat 143px 0;
     }

/*****************************************
 Footer
*****************************************/

#footer {
     width:1200px;
     height:117px;
     background: #282828 url(images/footerBg.jpg) no-repeat 0 0;
     clear:both;
     }

#footerInner {
     width:850px;
     height:102px;
     background: transparent url(images/footerLogo.jpg) no-repeat 168px 10px;
     padding:27px 0 0 350px;
     }

.fbox {
     width:150px;
     float:left;
     display:inline;   
     padding-top:7px;  
     }

.boxBg {
     background: #282828 url(images/boxBg.jpg) no-repeat right top;
     margin-right:20px;
     }

/*****************************************
 SecondaryLeft
*****************************************/

#secondaryLeft {
     width:320px;
     float:left;
     display:inline;
     }

#secondaryLeft .leftBox {
     width:300px;
     padding:10px 10px 0px 10px;
     }

#secondaryLeft .leftBoxSep {
     background: transparent url(images/leftBoxSep.png) no-repeat right 58px;
     }

#secondaryLeft .leftBoxSepVideo {
     background: transparent url(images/leftBoxSep.png) no-repeat right 0;
     margin-top:15px;
     padding-top:20px;
     }

.titleBoxTop {
     width:277px;
     background: transparent url(images/titleBoxTopBg.png) no-repeat 0 0;
     padding:3px 0 5px 0;
     }

.titleBoxHeader {
     width:277px;
     margin:0 auto 15px 0;
     background: transparent url(images/titleBoxBg.png) no-repeat left bottom;
     }

/*****************************************
 SecondaryRight
*****************************************/

#secondaryRight {
     width:238px;
     float:right;
     display:inline;
     }

#secondaryRight .rightBox {
     width:135px;
     padding:3px 40px 12px 10px;
     }

#secondaryRight .rightBoxSep {
     background: transparent url(images/rightBoxSep.png) no-repeat left 82px;
     }

#secondary .ad {
     margin-bottom:15px;
     }
     
/*****************************************
 Single Page 
*****************************************/

.post {padding-top:17px;}
.entry-meta {
     border-top:1px dotted #ccc;
     border-bottom:1px dotted #ccc;
     padding:5px 0;
     }
     
/*****************************************
 Sections/Archives 
*****************************************/
  
 #archiveWrap {
      width:700px;
      }    
      
.archivePost {
     width:245px;
     float:left;
     margin:0 35px 0 0;
     display:inline;
     }    
     
.archClr {clear:both; margin:0 0 20px 0; display:block; width:525px; border-top:1px dotted #ccc;} 
     
/*****************************************
 Search
*****************************************/

.searchListing {
     border-top:1px dotted #ccc;
     padding:5px 0 11px 0;
     }
     
.page-navigation {border-top:1px dotted #ccc; padding-top:20px;}

/*****************************************
 Login
*****************************************/

.avatar_container {display:inline: float:left; width:40px; border:5px solid #eee;} 

#headerCenter #loginWrap {
     position:absolute;
     top:20px;
     left:90px;
     }  

#headerCenter ul.pagenav  {
     margin:0;
     padding:0;
     list-style:none;
     }
     
#headerCenter .pagenav li {  
     float:left;
     margin-right:7px;
     font-size:80%;
     font-weight:bold;
     text-transform:uppercase;
     }   
     
#headerCenter .pagenav a {
     padding:2px 5px;
     border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
     background:#0D5E8E;
     color:#eee;
     text-decoration:none;
     }
     
#headerCenter .pagenav a:hover {
     padding:2px 5px;
     border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
     background:#0B5079;
     text-decoration:none;
     }