/*
Theme Name: custom
Theme URI: 
Description: theme developed by Hook
Version: 1.0
Author: Hook
Author URI: 
*/

html, body{font:14px Arial,Helvetica,sans-serif; color:#464646; height:100.2%; width:100%; margin:0; padding:0; text-align:center; background-color:#333;}
*{margin:0; padding:0; border:none; outline:none;}
a{text-decoration:none; color:#464646;}
a:hover{color:#ACD4F1;}
p{padding-bottom:1em;}
ul{list-style:none;}
sup{line-height:0; font-size:75%;}

#page-wrapper {background: url(images/style/bg-body.png) repeat-y center;}

.color{color:#ACD4F1;}
.pagetitle{padding-bottom:2em;}

h1{float:left; padding-top:10px; font-size:240%; width:300px; overflow:hidden;}
h2{font-size:32px; color:#ACD3EF;}
h3{font-size:32px; font-weight:bold; width:100%; float:left; color:#464646; padding-bottom:10px; font-style:normal;}
h4{font-size:24px;}
h5{font-size:32px; font-weight:bold; width:100%; float:left; color:#464646; font-style:normal;}
h6{font-size:18px; color:#464646; padding-bottom:10px;}

#header-wrapper{width:100%; float:left; overflow:hidden;}
#header{width:1026px; height:59px; margin:0 auto; text-align:left; overflow:hidden; background:url(images/style/header.gif) 0 0 no-repeat;}
#header a{color:#FFF;}

#logo{width:300px; float:left;}
#noble-logo{margin-left:30px;}

#search{float:right; margin:25px 30px 0 0; font-size:11px; color:#FFF;}
#search span{padding:0 8px; font-size:14px;}
#search .submit{background:none; font:11px Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}

#page-wrapper{width:100%; float:left; text-align:center; background-color:#464646;}

#main-wrapper{width:1026px; margin:0 auto; text-align:left;}
#wrapper{width:904px; padding:0 61px; float:left; text-align:left; background:#959595; padding-bottom:85px;}
#main-nav{width:100%; float:left; text-align:right; text-transform: uppercase; font-size:14px;}
#main-nav ul{width:100%; float:left; list-style:none;}
#main-nav li{float:right; margin:0 5px;}
#main-nav a{display:block; padding:4px; padding-top:10px; color:#1A1A1A;}
#main-nav a:hover{background-color:#B7D9FF;}
#main-nav li.current_page_item{background-color:#B7D9FF;}

#twitter-wrapper{width:904px; height:36px; float:left; margin-top:20px; text-align:left; background-image:url(images/style/twitter.png); font-size:13px; color:#555;}
#twitter-wrapper label{font-weight:bold; float:left; position:relative; z-index:20; padding-left:64px; top: -26px;}
#twitter-wrapper p{float:left; overflow:hidden; height:16px; position:relative; z-index:20; left:5px; top: -26px;}
#twitter-wrapper span{font-size:13px; color:#999; margin-left:10px;}
#twitter-wrapper a.follow{width:100%; height:100%; position:relative; z-index:30;}
#twitter-wrapper label.follow{font-weight:bold; height:16px; float:right; position:relative; padding-right:30px; z-index:20; top: -26px;}

#banner{width:862px; padding:20px; float:left; border:1px solid #CCC; background-color:#FFF; margin-bottom:20px; overflow:hidden;}
#home-banner{width:882px; padding:20px 0 0 20px; float:left; border:1px solid #CCC; background-color:#FFF; margin-bottom:20px; font:14px Arial,Helvetica,sans-serif; color:#464646;}
#flashContent{width:100%; float:left; background-color:#FFF; font-family:Arial,Helvetica,sans-serif; color:#464646;}

#main{width:100%; float:left; padding-top:20px; overflow:hidden;}
#content{width:583px; padding:20px;  float:left; background-color:#FFF; border:1px solid #CCC; overflow:hidden;}
#older{width:100%; float:left; padding-top:40px; font-weight:bold; text-align:right;}
#content-full{width:862px; padding:20px;  float:left; background-color:#FFF; border:1px solid #CCC; overflow:hidden;}
#content-full h5{font-size:18px;}
#content-full ul{width:33%; float:left;}

.post{float:left; width:100%; padding-top:15px; margin-bottom:15px; border-top:1px solid #ECECEC;}
.first{border:none; padding-top:0;}
.post h3{padding:0;}
.post h4{font-size:14px; font-weight:normal; padding:8px 0; width:100%; float:left; color:#AAA;}
.post h4 a{color:#ACD4F1;}

/**INDIVIDUAL POST PAGE**/
.post .post-banner{width:583px; float:left; padding-bottom:30px;}
.post .posted-by{width:583px; height:30px; float:left; margin:20px 0; background-color:#EEE; font-size:12px; font-style:italic;}
.post .posted-by .left{padding:7px 0 0 5px; float:left;}
.post .posted-by ul{height:100%; float:right;}
.post .posted-by li{float:right; padding:7px 10px 0 0;}
.post .posted-by a{color:#ACD4F1;}
.post .posted-by a:hover{color:#464646;}

.post .more{width:100%; float:left; text-align:right;}
.post a:hover{color:#ACD4F1;}

.entry img{float:left; border:1px solid #CCC; margin-right:10px; margin-top:4px; overflow:hidden; background-image:url(images/style/default-noble.png);}

.blog .entry img{height:106px; width:165px;}
/*
.entry img{float:left; border:1px solid #CCC; margin-right:10px; margin-top:4px; width:165px; height:106px; overflow:hidden; background-image:url(images/style/default-noble.png);}
*/
.entry .text{float:left; width:380px;}

#work img{width:579px; padding:1px; border:1px solid #CCC; margin-bottom:20px;}
#work h4{font-size:18px; margin-bottom:4px;}
#work span{color:#ACD4F1; font-style:italic;}

#widget img{float:left;}

#people .person{width:100%; float:left; padding-bottom:60px;}
#people .portrait{width:220px; float:left; margin-right:25px;}
#people ul{width:100%; float:left; background-color:#EAE8DD;}
#people li{float:left; padding:10px 0 10px 20px; min-width:26px; min-height:26px;}
#people a.text{margin-top:6px; float:left; font-size:14px; font-weight:bold;}
#people h5{font-size:20px; font-weight:bold; float:left; width:335px;}
#people h6{font-size:18px; color:#BBB; font-weight:normal; float:left; width:335px; padding-bottom:15px;}
#people p{float:left; width:335px;}

#sidebar{width:260px; float:right;}
#sidebar ul{line-height:150%;}
#sidebar ul a{font-size:19px; display:block; margin-bottom:.5em; color:#999; font-weight:bold; text-transform:uppercase;}
#sidebar ul a:hover{color:#464646;}
#sidebar h3{font-size:20px; padding:0; line-height:90%; width:100%; color:#464646; text-align:right;  padding-top:40px;}
#sidebar h3 a{color:#ACD4F1;}
#sidebar h3 a:hover{color:#464646;}
#sidebar h4{font-size:26px; width:100%; color:#ACD4F1; padding-bottom:10px;}
#sidebar h4 a{color:#ACD4F1;}
#sidebar h5{font-size:14px;}
#sidebar a.normal{font-size:13px; color:#777; text-transform:none;}

#sidebar .item{width:218px; float:left; font-size:14px; padding:0px 20px; background-color:#fff; border:none; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#sidebar .side-item-top{width:260px; height:18px; float:left; background:#fff url(images/style/side-item-top.gif) 0 0 no-repeat;}
#sidebar .side-item-bottom{width:260px; height:18px; float:left; margin-bottom:15px; background:url(images/style/side-item-bottom.gif) 0 0 no-repeat;}
#sidebar #vimeo, #flickr{text-align:center;}
#sidebar #info{font-size:13px; font-weight:bold;}
#sidebar #info ul{padding-bottom:1.5em;}
#sidebar li{color:#777;}

#sidebar .link-list li{padding-left:20px; background:url(images/style/plus.png) 0 0 no-repeat;}
#sidebar .link-list ul a{font-size:15px; text-transform:none; font-weight:normal;}

#sidebar #flickr{padding-top:10px; overflow:hidden;}
#sidebar .flickr_badge_image{float:left; width:69px; height:69px; margin:0 3px 3px 0; overflow:hidden;}

#sidebar #vimeo{padding-top:10px; overflow:hidden;}
#sidebar #thumbs{float:left;}
#sidebar #vimeo li{float:left; width:69px; height:69px; margin:0 3px 3px 0; overflow:hidden;}

#comment-area{width:583px; padding:15px 20px; margin-top:15px; float:left; background-color:#FFF; border:1px solid #CCC;}
#comment-area textarea{width:100%; border:1px solid #CCC;}
#comment-area input{padding:3px 7px; background-color:#FFF; border:1px solid #CCC; cursor:pointer; font:14px Verdana, Helvetica, Arial; font-weight:bold; color:#AAA;}
#comment-area h3{font-size:180%; color:#464646; width:100%; padding-bottom:5px;}
#comment-area ul{list-style:none;}
#comment-area li{border-bottom:1px solid #CCC; margin-bottom:15px;}
.commentlist {font-size:14px; padding-top:30px; float:left;}
.commentlist p{padding-top:1em; color:#888;}

#footer-wrapper{width:100%; float:left; color:#FFF; padding-bottom:15px;}
#footer{width:904px; margin:0 auto; text-align:left;}
#footer a{font-size:13px; color:#FFF}
#footer a:hover{color:#ACD4F1;}
#footer ul{list-style:none;}
#footer li.divider{padding:0 8px;}
#footer li#footer-culture{padding-top:4px;}
#footer li#footer-noble{padding-top:7px;}
#footer .left{width:50%; float:left; padding-top:22px;}
#footer .left li{float:left;}
#footer .right{width:50%; float:right;}
#footer .right ul {padding-top: 7px;}
#footer .right li{float:right; padding: 2px 0 0 40px;}

/* Post-Hook */
#hidden{display:none;}

.page-id-71 #lifewired li.subnav-lifewired a, .page-id-158 #lifewired li.subnav-stayingahead a, .page-id-160 #lifewired li.subnav-digitalfootprint a, .page-id-162 #lifewired li.subnav-clarityfromchaos a {color: #ACD4F1;}
.page-id-73 #about li.sidenav-about a, .page-id-154 #about li.sidenav-people a, .page-id-156 #about li.sidenav-culture a {color: #ACD4F1;}

.author #about li.sidenav-people a {color:#ACD4F1;}

#content p a {color:#ACD4F1;}
#content p a:hover {text-decoration:underline;}

.error404 #content {width:904px;}
.error404 #twitter-wrapper {display:none;}

.hidden {display: none;}

div.entry ul {list-style: disc; padding: 0 0 1em 16px;}

div.entry img.alignright {float: right;}

#lightwindow_media_primary {
	display: block;
	visibility: visible;
}