/* main css */

/* General styles */
body { font-family: arial, sans-serif; }
strong { font-weight: bold; }

a:link { color: #3366cc; text-decoration: underline; }
a:visited { color: #3366cc; text-decoration: underline; }
a:hover, a:active { color: #003399; text-decoration: underline; }

/* wrapper */
#wrapper { width: 700px; float: left; }

/* header styles */
#header { width: 100%; float: left; background-color: #f66525; border-bottom: 1px solid #e05d29; }
/*#header #header_wrapper { width: 700px; float: left; }*/
#header #top_nav { position: relative; float: left; width: 700px; padding: 15px 0 5px 15px; }
#header #top_nav a#home { display: block; position: relative; float: left; width: 255px; height: 40px; background: transparent url('/images/semantic_logo.gif') no-repeat 0 0; }
#header div form { float: right; width: 295px; margin-right: 17px; margin-top: 7px; }
#search a { position: relative; float: left; color: #fff; font-size: 11px; text-decoration: none; width: 70px; padding: 7px 0 0 0; text-align: right; }
#search a:hover { text-decoration: underline; }
#header div form div#fields input { font-size: 14px; width: 180px; float: right; height: 24px; border: 1px solid #666; padding: 0; margin: 0; }
#header div form div {  }
div.search_button input { position: relative; float: right; background:url('/images/search.gif') no-repeat; cursor:pointer; width: 28px; height: 26px; border: none; }

h1 { display: none; }

/* navigation styles */
#nav { position: relative; float: left; width: 100%; background-color: #ff9933; border-bottom: 1px solid #bd8431; }
#nav ul { position: relative; width: 700px; padding: 3px 0 4px 15px; }
#nav ul li { color: #fff; }
#nav ul li a { display: inline; background: none; padding: 0 16px 0 11px; font-size: 13px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
#nav ul li a:hover { color: #f66525; }
#nav ul li a#blog { border: none; }
body.home #nav ul li a#home,body.Consulting #nav ul li a#consulting,body.Presentations #nav ul li a#presentations,body.Publications #nav ul li a#publications,body.column #nav ul li a#publications,body.About #nav ul li a#about,body.blog #nav ul li a#blog { color: #000; }
#nav ul li { display: inline; list-style-type: none; padding-right: 0; }


/* homepage styles */
#top { width: 700px; float: left; padding: 15px 0 20px 0; }

#intro { width: 440px; float: left; }
#intro p { color: #666; font-size: 20px; line-height: 23px; padding: 0 0 10px 20px; }

#top_promos { width: 240px; float: right; }
#top_promos h2 { border-top: 1px solid #ccc; padding: 3px 0 5px 0; }
#top_promos li { color: #666; font-size: 13px; line-height: 16px; padding: 0 0 10px 0; }
#top_promos p { color: #666; font-size: 13px; padding: 0 0 10px 0; }

body.home #left { width: 420px; float: left; border: 1px solid #d3d3d3; margin: 0 0 0 20px; padding: 0; }
body.home #right { margin: 0; }

#left { width: 420px; float: left; margin: 15px 0 0 20px; }
#left #semantics_header { width: 420px; height: 45px; float: left; border-bottom: 1px solid #d3d3d3; background: #eee url('/images/semantics_header.gif') no-repeat 10px 10px; }
#left #semantics_header p { font-size: 14px; padding: 5px 0 0 135px; }

#left #border { position: relative; width: 420px; float: left; border: 1px solid #d3d3d3; margin: 0 0 10px 0; }

#left #content { width: 410px; float: left; margin: 10px 0 0 10px; }
#left #content h3 { color: #666; font-size: 13px; }
#left #content p { color: #666; font-size: 13px; line-height: 16px; padding: 0 0 10px 0; }
#left #content p#see_all { padding: 5px 0 15px 0; }

/*#left { padding: 10px 0 0 0; }*/
#left h2 { border-top: 1px solid #ccc; padding: 3px 0 5px 0; }
#left p { padding: 0 0 10px 0; font-size:13px; line-height: 16px; color: #666; }
#left li { padding: 0 0 10px 25px; font-size: 13px; color: #666; }
#left li strong { color: #AAAA00; }

#left .comment-header .asset-meta { padding: 0 0 10px 0; }
#left .comment-grey { background-color: #efefef;}

body#comment_styles #left { margin: 15px 0 0 0; }
body#comment_styles #left h2 { margin-left: 15px; }
body#comment_styles #left .comment-grey { padding: 15px 15px 5px 15px; }
body#comment_styles #left .comment-white { padding: 15px 15px 5px 15px; }


body#comment_styles #breadcrumb { margin-left: 15px; }
#breadcrumb { font-size: 12px; }

/* semantic column styles */
body.column #left { color: #666; font-size: 13px; }
body.column #left h1 { display: block; font-size: 16px; font-weight: bold; padding: 15px 0 7px 0; }
.retweet iframe { position: relative; top: 8px; }
p.dateline {  }
body.column #left img { padding: 0 0 10px 0; }
body.column #left p.bottomCaption { color: #FF6633; padding: 10px 0 20px 0; }
.top_comments { text-align: right; width: 420px; color: #666; font-size: 12px; border-bottom: 1px solid #d3d3d3;padding: 0 0 7px 0; }
body.column #left h2 { color: #666; font-size: 13px; font-weight: bold; border: none; }
body.column #left h3 { color: #666; font-size: 13px; font-weight: bold; border: none; }
.blockquote { color: #666; font-size: 13px; line-height: 16px; padding: 0 20px 10px 35px; }
blockquote { color: #666; font-size: 13px; line-height: 16px; padding: 0 20px 10px 35px; }
table tr td { color: #666; font-size: 13px; }
table { padding: 0 0 10px 0; }
body.column #left ol li { list-style-type: decimal; padding: 0; margin: 0 0 10px 30px; }
body.column #left ul li { list-style-type: disc; padding: 0; margin: 0 0 10px 30px; }
.bottom_comments { float: right; width: 245px; color: #666; font-size: 12px; }

/* comments styles */
#left #comments { padding: 10px 0 0 0; }
#left #comments form { margin-left: 15px; }
#left #comments .comment { padding: 5px 0 0 0; }
#left #comments h2 { border-top: 1px solid #ccc; padding: 3px 0 5px 0; }
.comment-header { font-size: 12px; padding: 0; }
label { font-size: 12px; color: #666; }
body.column #right p { padding: 0 0 10px 0; color: #666; font-size: 13px; }

#right { width: 240px; float: right; margin: 15px 0 0 0; color: #666; font-size: 13px; }
#right a { color: #3366cc; }
#right a:hover, #right a:active { color: #003399; text-decoration: underline; }


#right h2 { border-top: 1px solid #ccc; padding: 3px 0 5px 0; }
#right #search_patterns { background: #fff url('/images/search_patterns.jpg') no-repeat 0 0; height: 190px; }
#right #search_patterns #search_patterns_link { display: block; float: left; width: 130px; height: 170px; }
#right #search_patterns p { padding: 0 0 10px 139px; }
#right #ambient_findability { background: #fff url('/images/ambient_findability.jpg') no-repeat 0 0; height: 215px; }
#right #ambient_findability #ambient_findability_link { display: block; float: left; width: 130px; height: 190px; }
#right #ambient_findability p.author { padding: 0 0 0 139px; }
#right #ambient_findability p { padding: 0 0 0 139px; }

#right #info_arch { background: #fff url('/images/info_arch.jpg') no-repeat 0 0; height: 178px; }
#right #info_arch #info_arch_link { display: block; float: left; width: 130px; height: 170px; }
#right div h4 { padding: 0 0 0 139px; }

#right div p { padding: 0 0 5px 139px; line-height: 16px; }
#right div a { font-size: 12px; }

#right .sidebar { border: 1px solid #666; }
#right .sidebar .sidebar_header { padding: 5px 0 0 5px; background-color: #c5bc1e; border-bottom: 1px solid #666; }
#right .sidebar .sidebar_content { padding: 10px 10px 7px 10px; background-color: #eeee99; }
#right .sidebar .sidebar_content p { padding: 0 0 3px 0; color: #666; font-size: 12px; }

body.Publications #right #search_patterns { background: #fff url('/images/search_patterns.jpg') no-repeat 0 100px; float: left; width: 240px; height: auto; }
body.Publications #right #search_patterns p { padding: 0 0 5px 0; font-size: 12px; color: #666;}
body.Publications #right #search_patterns #search_patterns_link { display: block; float: left; width: 130px; height: 190px; }
body.Publications #right #search_patterns .top_quote { float: left; width: 240px; padding: 0 0 5px 0; }
body.Publications #right #search_patterns .top_quote h4 { padding: 0 0 0 139px; }
body.Publications #right #search_patterns .top_quote p.author { padding: 0 0 0 139px; }
body.Publications #right #search_patterns h4 { padding: 0; }

body.Publications #right #ambient_findability { background: #fff url('/images/ambient_findability.jpg') no-repeat 0 100px; float: left; width: 240px; height: auto; }
body.Publications #right #ambient_findability p { padding: 0 0 5px 0; font-size: 12px; color: #666;}
body.Publications #right #ambient_findability #ambient_findability_link { display: block; float: left; width: 130px; height: 215px; }
body.Publications #right #ambient_findability .top_quote { float: left; width: 240px; padding: 0 0 5px 0; }
body.Publications #right #ambient_findability .top_quote h4 { padding: 0 0 0 139px; }
body.Publications #right #ambient_findability .top_quote p.author { padding: 0 0 0 139px; }
body.Publications #right #ambient_findability h4 { padding: 0; }

body.Publications #right #info_arch { background: #fff url('/images/info_arch.jpg') no-repeat 0 100px; float: left; width: 240px; height: auto; }
body.Publications #right #info_arch p { padding: 0 0 5px 0; font-size: 12px; color: #666;}
body.Publications #right #info_arch #info_arch_link { display: block; float: left; width: 130px; height: 180px; }
body.Publications #right #info_arch .top_quote { float: left; width: 240px; padding: 0 0 15px 0; }
body.Publications #right #info_arch .top_quote h4 { padding: 0 0 0 139px; }
body.Publications #right #info_arch .top_quote p.author { padding: 0 0 0 139px; }
body.Publications #right #info_arch h4 { padding: 0; }

body.About #right #testimonials img { padding: 0 0 10px 0; }
body.About #right #testimonials h4 { padding: 0; }
body.About #right #testimonials p { padding: 0 0 5px 0; font-size: 12px; color: #666; }

#right #border { position: relative; width: 240px; float: left; background-color: #eee; border: 1px solid #d3d3d3; margin: 0; }
#right #semantics_header { width: 240px; background: #eee url('/images/semantic_small_logo.gif') no-repeat 10px 5px; }
#right #semantics_header p { font-size: 14px; padding: 33px 0 3px 10px; }
#right #content { width: 230px; float: left; padding: 0 0 0 10px; }
#right #content h2 { border: none; padding: 5px 0 0 0; }

#right #blogroll { padding: 0 0 0 0; }
#right #blogroll img { padding:  0 0 10px 0; }
#right #blogroll li { padding: 0; color: #666; font-size: 12px; line-height: 16px; }

#right #contact { position: relative; float: left; width:240px; padding: 10px 0 0 0; }
#right #contact p { padding: 0; color: #666; font-size: 12px; line-height: 16px; }
#right #social { position: relative; float: left; width: 240px; margin: 15px 0 0 0; }

/* footer styles */
#footer { width: 700px; float: left; padding: 20px 0 20px 20px; color: #999; font-size: 12px; }
#footer p { border-top: 1px solid #ccc; width: 422px; padding: 3px 0 0 0; }