@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: Teague
Theme URI: http://www.teague.com
Description: Designed for Teague.
Version: 1.0
Author: Jeff Bartenbach
Author URI: http://www.teague.com/

*/

html {
	height:100%;
	margin-bottom:1px;	
}

body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
	color: #77787b;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 24px;	
}

a, a:link, a:visited {
	color:#FF0000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 950px;
	text-align:left;
}

#header {
	color:#FFFFFF;
	float:left;
	width:950px;
	margin-bottom:50px;
}

#header_bar {
	background-color:#FF0000;
	color:#FFFFFF;
	float:left;
	width:950px;
	height:175px;
}

#design_this_day_logo {
	float:left;	
}

#main_nav {
	float:right;
	color: #FFFFFF;
	text-align: left;
	width:132px;
	margin: 70px 0px 0px 0px;
}

#main_nav ul {
	margin: 0px 0px 15px 0px;
	padding:0px;
	list-style:none;
	
}
#main_nav li {
	list-style:none;
	line-height:16px;
}

#main_nav a, #main_nav a:link, #main_nav a:visited, #main_nav a:hover {
	color:#FFFFFF;	
}

#logo {
	color:#000000;
	width:950px;
	float:left;
}
.search_results h2, .archive_results h2 {
	margin-left:12px;	
}
#container_sidebar {
	float:left;
	width:700px;
}

#container {
	/*border:1px solid #000;*/
	float:left;
	width:950px;
}

.post {
	margin: 0px 0px 40px 0px;	
}

.post h2 {
	font-size: 18px;
	margin-bottom: 3px;
}

.entry {
	line-height:18px;
	margin: 0px 0px 15px 0px;
}

.navigation {
	margin-left:240px;
	width:460px;
	border-top:1px solid #c8c8c8;
	padding-top: 8px;
}

/* ---HOME--  */
.homeImgSelectClass {
	width: 9px; 
	height: 9px; 
	display: inline-block;
	background: #7F7F7F; 
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 6px;
}

.homeImgSelectClass:hover {
	cursor: pointer;
}


/* ---WORK--  */
.work {
	width:926px;
	margin:0px 12px 0px 12px;
}

.work img {
	border:0px;
}

#work_featured {
	margin: 0px 0px 0px 0px;	
}

.work_thumbnail {
	border:1px solid #C8C8C8;
	float:left;
	margin-top:14px;
}

.work_spacer {
	width:14px;
	float:left; 
	display:block;
}

#work_nav .next_page, #work_nav .prev_page {
	margin-top:10px;
	padding:4px 9px 4px 9px;
	background-color:#00C8C8;
}

#work_nav .next_page {
	float:right;
}

#work_nav .prev_page {
	float:left;
}

#work_nav .next_page a, #work_nav .next_page a:link, #work_nav .next_page a:visited, #work_nav .prev_page a, #work_nav .prev_page a:link, #work_nav .prev_page a:visited {
	/*color:#00C8C8;*/
	color:#FFF;
}
/* ---BLOG--  */
.blog {
	margin:0px 0px 0px 12px;
}

.blog_info {
	float:left;
	width:216px;
	border-top:1px solid #77787b;
	border-bottom:1px solid #77787b;
}

.blog_content {
	float:left;
	width:460px;
	margin-left:12px;
}

.blog_content img {
	border:1px solid #77787b;
	margin: 0px 0px 10px 0px;
}

.blog_content h2 {
	line-height:20px;
	margin: 0px 0px 10px 0px;
}

.blog_content p {
	margin: 0px 0px 15px 0px;
}
/* ---SINGLE-- */
.single {
	margin:0px 0px 0px 12px;
}

/* ---ABOUT-- */
.about_section {
	background-color:#000000;
	margin: -45px 0px 0px 0px;
	padding:12px;
}

.about_number {
	color:#00C8C8;
	font-size:25px;
	font-weight:bold;
}

.about_tile {
	color:#C8C8C8;	
	font-size:18px;
	line-height:30px;
	font-weight:normal;
	width:280px;
	float:left;
	margin:0px 20px 30px 0px;
}

/* ---CONTACT--  */
#contact {
	line-height:14px;
	width:938px;
	margin:0px 0px 0px 12px;
}
#contact_side{
	float:left;
	width:216px;
	padding-top:4px;
	border-top:1px solid #77787b;
}

.contact_bar {
	height:1px;
	background-color:#77787b;
	margin:4px 0px 20px 0px;
}

.contact_office {
	margin-bottom:20px;
}

.contact_office p {
	margin:0px;
	font-size:14px;
	font-weight:bold;
}
#contact_content {
	float:left;
	margin-left:12px;
}
#contact_maps {
	float:left;
	width:710px;
}

.contact_map {
	float:left;
	width:340px;	
}
.contact_map_address {
	margin-top:15px;	
}
.contact_map_address p {
	margin:0px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:4px;
	border-bottom:1px solid #77787b;
	width:216px;
	/*display:block;*/
}
#contact_form {
	margin: 50px 0px 0px 0px;
	padding: 12px;
	width:438px;
	background-color:#EEEEEE;
	border:1px solid #C8C8C8;
	color:#000000;
}
.contact_form_title {	
	margin: 15px 0px 15px 0px;
	border-top:2px solid #000000;
	padding-top:5px;
}
#contact_form textarea{
	font-size: 12px;
	margin:0px;
	width:438px;
	border:1px solid #C8C8C8;
}

#coldform {
}

.red {
	color:#F00;
	font-weight:bold;
}

.sidebar {
	float:right;
	
	/*width: 156px;
	border:1px solid #C8C8C8;
	background:#eeeeee;
	padding:15px;*/
	
	/*margin: 0px 25px 0px 0px;*/
}

.sidebar h2 {
	font-size:14px;
}

.sidebar li{
	list-style:none;
	line-height:18px;
	/*text-align:right*/;
}

.sidebar ul{
	margin: 0px 0px 15px 0px;
	padding:0px;
}

#search {
	margin: 0px 0px 10px 0px;	
}

.searchbox {
	width:125px;
	padding:3px;
	color:#c8c8c8;
	border:1px solid #C8C8C8;
/*	text-align:right;*/
}

#footer {
	clear:both;
	float:left;
	width:960;
	padding-top:10px;
	margin: 0px 0px 20px 0px;
}

#footer p {
	line-height: 18px;	
}

/* --COMMENTS-- */
.comments-template{
	margin: 0px;
	padding: 12px;
	background-color:#EEEEEE;
	border:1px solid #C8C8C8;
	color:#000000;
}

#comments {
	color: #000000;	
}

.commentmetadata {
	float:left;
	width:216px;
	border-top:1px solid #000000;
	color:#000000;
}

.comment_content {
	float:left;
	width:446px;
	margin-left:12px;
	border-top:1px solid #000000;
	color:#000000;
}

.comments-template ol{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0px 0px 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
}

.comments-template h2, .comments-template h3, #contact_form h3;{
	font-size: 14px;
	color:#000000;
	padding-bottom:6px;
}

.post_comments {
	margin: 15px 0px 0px 228px;
	border-top:2px solid #000000;
	padding-top:5px;
}

.post_comments p, #contact_form p {
	padding-bottom: 6px;	
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input, #contact_form input {
	border:1px solid #C8C8C8;
}

.comments-template label, #contact_form label {
	font-weight:bold;
}

.comments-template textarea{
	font-size: 12px;
	margin:0px;
	width:446px;
	border:1px solid #C8C8C8;
}

.button, #contact_form input[type=submit] {
	background-color:#000000;
	color:#FFFFFF;
}

/* --ABOUT US-- */
#about_thumbs {
	margin:18px 0px 18px 0px;
	width:950px;
	float:left;
}

#about_thumbs img {
	border:0px;
	float:left;
}

.colorbox-feature {}

.DiggThisButton {
	/*display:block;*/
	top:20px;
}

/* --TIMELINE-- */

.clear{clear:both;}


#timeline_wrapper {margin: 0 auto; width: 950px; text-align: left;}
#timeline_header {position:relative; width:950px; height:85px; margin-bottom:35px;}
#timeline_header.red {border-top:15px solid #ea262f;}

#timeline_header_bar {position:relative; float:left; width:950px; height:55px; border-bottom: 1px solid #dadbdb;}
#timeline_design_this_day_logo {position:absolute; top:15px; left:10px;}
#timeline_main_nav {float:right; margin-top:28px; height:13px;}
#timeline_main_nav ul {list-style:none; margin-right:10px; margin-top:0px; margin-bottom:0px; padding:0; height:13px;}
#timeline_main_nav ul li {float:left; margin-left:7px; line-height:13px; height:13px;}
#timeline_main_nav ul li a {text-decoration:none; color:#8c8c8c; font-size:13px;}
#timeline_main_nav ul li.current_page_item a {font-weight:bold; color:#606060;}

#timeline_logo {position:absolute; bottom: 0; left:10px; }

#timeline {width:950px; height:586px; position:relative; overflow:hidden;}

#scrollbar { position:absolute; top:0; right: 0; height:15px; }
#hover_title {position:absolute; top:0; left: 0; font-size:13px; color:#8c8c8c; line-height:13px; height:13px; margin-top:3px; margin-left:10px;}
#min_text {float:left; width: 45px; font-size:13px; color:#8c8c8c; line-height:15px; text-indent:9px; }
#max_text {float:left; width: 45px; font-size:13px; color:#8c8c8c; line-height:15px; text-indent:10px;}

#jquery_ui_scrollable {float:left;}
.ui-slider {width:345px; height:15px; border-right:35px solid #d7d7d7; background-color:#d7d7d7; position: relative;}
.ui-slider-handle {width:35px; height:15px; background-color:#606060; display:block; outline: none; position: absolute;
z-index: 2;}

#content_frame {float:right; width:950px; height:551px; padding-top:35px; overflow:hidden;}
#decades {position: relative; height:586px; width:1375px;}

.decade {float: left; position:relative; border-left: 1px solid #dadbdb; padding-left:4px; padding-right:10px; height:551px;}
.decade .row {float:left; margin-left:5px;}
.decade .row .title {width:90px; height:65px; margin-bottom:5px; background-color:#000000;}
.decade .row .project {width:90px; height:65px; margin-bottom:5px; background-color:#c7c7c7;}
.decade .big_title {position:absolute; bottom:0; left:10px;}
.decade .block {cursor:pointer;}
.decade .block.title.hover {background-color:#e7363e;}
.decade .block.title.active {background-color:#e7363e;}

.decade .block.project.hover {background-color:#e7363e;}
.decade .block.project.hover img{opacity:0.2;}
.decade .block.project.active {background-color:#e7363e;}
.decade .block.project.active img{opacity:0.2;}

#decade_detail{display:none; position:absolute; top:35px; left:0; background-color:#FFFFFF; width:479px; height:551px; border-left:1px solid #dadbdb; border-right:1px solid #dadbdb;}
#decade_detail .inner {display:none; position:relative; width: 459px; height:551px; margin-left:10px; margin-right:10px;}
#decade_overview {position:absolute; top:0; left:0;}
#decade_title {position:absolute; bottom: 0; left: 0;}
#close_decade_detail{position:absolute; display:block; width:22px; height:20px; cursor:pointer; bottom:0; right: 6px; background:transparent url('images/x_icon.png'); background-position:0 0;}
#close_decade_detail:hover {background-position: 0 -20px;}
#ajax_loader_project, #ajax_loader_decade {display:none; position:absolute; left: 206px; top: 242px;}

#project_detail{display:none; position:absolute; top:35px; left:0; background-color:#FFFFFF; width:479px; height:551px; border-left:1px solid #dadbdb; border-right:1px solid #dadbdb;}
#project_detail .inner {display:none; position:relative; width: 460px; height:551px; margin-left:9px; margin-right:10px;}

#image_frame{width:460px; height:345px; position:absolute; top:0; left:0; background-color:#000000;}

#close_project_detail{position:absolute; display:block; width:22px; height:20px; cursor:pointer; top: 358px; right: 0; background:transparent url('images/x_icon.png'); background-position:0 0;}
#close_project_detail:hover {background-position: 0 -20px;}
#expand_project{position:absolute; display:block; width:22px; height:21px; cursor:pointer; top: 358px; right: 30px; background:transparent url('images/expand_icon.png'); background-position:0 0;}
#expand_project:hover {background-position: 0 -21px;}

#share_button{position:absolute; display:block; width:22px; height:22px; cursor:pointer; top: 358px; right: 62px; background:transparent url('images/icon_share.png'); background-position:0 0;}
#share_button:hover {background-position: 0 -22px;}
#share_button.active {background-position: 0 -22px;}

#email_button{display:none; position:absolute; width:22px; height:22px; top: 384px; right: 62px;}
.st_email_large .stButton {padding:0; margin:0; width:22px; height:22px; }
.st_email_large .stButton .stLarge{padding:0; margin:0; width:22px; height:22px; background:transparent url('images/icon_email.png') !important; opacity:1.0!important;  background-position:0 0 !important;}
.st_email_large .stButton .stLarge:hover {background-position: 0 -22px !important; opacity:1.0!important;}

#facebook_button{display:none; position:absolute; top: 410px; right: 62px; width:22px; height:22px;}
.st_facebook_large .stButton {padding:0; margin:0; width:22px; height:22px; }
.st_facebook_large .stButton .stLarge{padding:0; margin:0; width:22px; height:22px; background:transparent url('images/icon_facebook.png') !important; opacity:1.0!important;  background-position:0 0 !important;}
.st_facebook_large .stButton .stLarge:hover {background-position: 0 -22px !important; opacity:1.0!important;}

#twitter_button{display:none; position:absolute; width:22px; height:23px; top: 436px; right: 62px;}
.st_twitter_large .stButton {padding:0; margin:0; width:22px; height:23px; }
.st_twitter_large .stButton .stLarge{padding:0; margin:0; width:22px; height:23px; background:transparent url('images/icon_twitter.png') !important; opacity:1.0!important; background-position:0 0 !important;}
.st_twitter_large .stButton .stLarge:hover {background-position: 0 -23px !important; opacity:1.0!important;}

#linkedin_button{display:none; position:absolute; width:22px; height:22px; top: 463px; right: 62px;}
.st_linkedin_large .stButton {padding:0; margin:0; width:22px; height:22px; }
.st_linkedin_large .stButton .stLarge{padding:0; margin:0; width:22px; height:22px; background:transparent url('images/icon_linkedin.png') !important; opacity:1.0!important; background-position:0 0 !important;}
.st_linkedin_large .stButton .stLarge:hover {background-position: 0 -22px !important; opacity:1.0!important;}

#google_button{display:none; position:absolute; width:22px; height:23px; top: 489px; right: 62px; }
.st_plusone_large .stButton {padding:0; margin:0; width:22px; height:23px; }
.st_plusone_large .stButton .stLarge{padding:0; margin:0; width:22px; height:23px; background:transparent url('images/icon_google.png') !important; opacity:1.0!important; background-position:0 0 !important;}
.st_plusone_large .stButton .stLarge:hover {background-position: 0 -23px !important; opacity:1.0!important;}


#left_arrow_small {position:absolute; display:block; width:7px; height:10px; cursor:pointer; bottom:106px; left:0px; background:transparent url('images/left_arrow_small.png'); background-position:0 0;}
#left_arrow_small:hover {background-position: 0 -10px;}
#right_arrow_small {position:absolute; display:block; width:7px; height:10px; cursor:pointer; bottom:106px; left:48px; background:transparent url('images/right_arrow_small.png'); background-position:0 0;}
#right_arrow_small:hover {background-position: 0 -10px;}
#pagination_text {position:absolute; bottom:105px; left:7px; color:#c7c7c7; font-size:13px; width:41px; height:13px; line-height:13px; text-align:center;}
#image_caption {position:absolute; display:block; top:358px; left:0; width: 300px; height:60px; overflow:hidden; color:#7d7d7d; font-size:13px; line-height:15px;}
#left_arrow_large {position:absolute; display:block; width: 18px; height:32px; cursor:pointer; left: 25px; top: 152px; background:transparent url('images/left_arrow_large.png'); background-position:0 0;}
#right_arrow_large {position:absolute; display:block; width: 18px; height:32px; cursor:pointer; left: 417px; top: 152px; background:transparent url('images/right_arrow_large.png'); background-position:0 0;}