/* @override 
	http://redo.com/wp-content/themes/redo/style.css
	http://beta.researchdesignoffice.com/wp-content/themes/redo/style.css
*/

/*
Theme Name: Research Design Office
Theme URI: http://researchdesignoffice.com/
Description: A bespoke theme for a good friend.
Author: Randy Karels
Version: 1.1
*/

/* @group reset */

/* RESET  ============*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;  border: 0;  outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
html {font-size:100.01%;}
/* remember to define focus styles! */
:focus {outline: 0;}

body {
	line-height: 1em; 
	color: black; 
	background: white; 
	min-width: 1000px;
	max-width: 1500px;
	min-height:1200px;
	padding-top: 20px;
	position:relative;
}


ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:link img {border: 0px none;}
img, a img {padding:0; margin:0; border:none; display:block;}
strong {font-weight:bold;}
em {font-style:italic;}
 
/* !MAIN TYPOGRAPHY  ============*/
 
p, h1, h2, h3, h6, li {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
 
p {
    font-size:12px;
    line-height:18px;
    margin:0 0 12px 0;
}
 
p a, p a:visited {color:#ff3300; text-decoration:underline;}
ul li, ul li a { font-size:12px; line-height:16px; margin:0;}
 
h1 {
    font-size:30px;
    color:#ff3300;
    line-height:30px;
    font-weight:normal;
    margin:0 0 12px 0;
}
 
h2 {color:rgb(30,30,30); font-size:14px; line-height:18px; font-weight:bold; margin:9px 0;}
h3 {font-size:14px; line-height:18px; color:#000;}
h4 {font-size:0.8em; line-height:1.4em; font-weight:bold; color:#808080;}
h6 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:18px; 
	font-weight:bold; 
	color:#808080;
}


/* @end */

/* @group nav */

ul#nav {
	xborder: 1px solid #ddd;
	background: white url(images/sprite.gif) 0 0 no-repeat;
	width: 340px;
	height: 140px;
	margin: 10px 0px;
	padding-top: 5px;
}

ul#nav li {
	text-indent: -9000em;
	width: 340px;
	height:80px;
}

ul#nav li a {
	xborder: 1px solid red;
	display: block;
	width: 340px;
	height: 40px;
}


ul#nav li.on a.design,
ul#nav li.on a.design:hover {background: white url(images/sprite.gif) -401px -45px no-repeat;}

ul#nav li.on a.office,
ul#nav li.on a.office:hover {background: white url(images/sprite.gif) -401px -85px no-repeat;}


ul#nav li a.research:hover {background: white url(images/sprite.gif) -792px -5px no-repeat;}
ul#nav li a.design:hover {background: white url(images/sprite.gif) -792px -45px no-repeat;}
ul#nav li a.office:hover {background: white url(images/sprite.gif) -792px -85px no-repeat;}

/* @end */

/* @group supernav */

#supernav {
	position: absolute; left:500px; top: 10;
	width: auto;
	padding: 5px 0;
}

#supernav ul {
    float:left;
    color: white;
    padding: 0 12px;
}

#supernav li {
	padding: 0;
	color: white;
	list-style: none;
	list-style-position: inside;
}

#supernav span {
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	color: #999;
	padding: 0px 3px;
}

#supernav li a {
	display: block;
	font-size: 11px;
	color: #444;
	text-decoration: none;
	border: 1px solid white;
	padding:0px 3px;
	font-weight: bold;
}

#supernav li a:hover {
	color: rgb(200,40,40);
	text-decoration: none;
	border:1px solid #999;
}


#supernav li.section {
    display:inline;
}

#supernav li.section a {
    color:black;
}

ul#menu-footer-nav {
	xfloat: right;
}

/* @end */

/* @group subnav-design */

ul.subnav {
	width:auto;
	display: none;
}

ul.design {position: absolute; top: 107px; left: 350px;}
ul.office {position: absolute; top: 150px; left: 350px;}


ul.subnav li {
	display: inline;
	line-height: 20px;
}

ul.subnav li a {
	font-size: 20px;
	margin-right: 20px;
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

ul.subnav li a:hover {
	color: rgb(200,80,40);
	text-decoration: none;
	border-bottom: 1px solid rgb(200,80,40);
}

/* @end */

#banner {
	position: relative;
	background-color: black;
	width: 875px;

}

#banner img {
	margin-left: 60px;
}

#banner img a {
	border: none;
	text-decoration: none;
}

#banner h2 {
	position: absolute;
	right: 0;
	top: -42px;
	background-color:black;
	color: white;
	padding: 8px 12px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
}

#banner p {
 	position: absolute;
 	right: 0;
 	text-align: right;
 	width: 400px;
 	color: #444;
}

#page {
	xborder: 1px solid #ddd;
	width: 950px;
	position: relative;
	margin-bottom: 200px;
}

#projects {
    margin-left:60px;
}


div.related-project {
	position: relative;
	margin-bottom: 12px;
}

div.related-project p {
	position: absolute;
	top: 7px; left: 0px;
	padding: 0 4px;
	font-size: 18px;
	position:block;
}

div.related-project p a {
	background-color: black;
	background-color: rgba(0,0,0,.65);
	color: white;
	width: 400px;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}

div.project {
    border-bottom:8px solid white;
    width: 550px;
    clear:both;
}

div.info {
    width:150px;
    float:right;
}

div.info h2 {
    font-size: 13px;
    padding:0;
    margin:0;
}

div.info p {
    font-size: 11px;
    line-height: 14px;
    padding:0;
    margin:0;
}

div.info a {
    font-size: 12px;
    color:black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted #999;
}

#project-content {
    width:800px;
    padding-top: 2px;
    padding-bottom:20px;
    xborder:1px solid red;
    background: white url(images/project-content-bg.gif) top left repeat-y;
}

#project-content p {
    margin:12px 0 18px 100px;
    padding: 0;
    width: 400px;
    font-size: 14px;
}

#project-content p.intro {
    font-size:20px;
    line-height:22px;    
}


#project-content img {
    border-left:60px solid #999;
}

#project-content div.wp-caption {
    position: relative;
}

#project-content p.wp-caption-text {
    position:absolute;
    top:0;
    margin:0;
    left:570px;
    border-top:1px solid #999;
    padding-top: 6px;
    width: 200px;
    font-size: 12px;
    line-height: 14px;
    color:#666;
}

#project-meta {
    width: 150px;
    position: absolute;
    top:0;
    left:880px;
}

#project-meta p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 18px
}

#project-meta a {
    color:#666;
    text-decoration: none;
    border-bottom: 1px dotted #999;
}

#project-meta a:hover {
    color:red;
    border-bottom: 1px solid red;
}

p span.title {
    font-weight: bold;
    color:#333;
}

#debug {
	display: none;
    position:fixed;
    top:40px;
    left:900px;
    width:200px;
}

#debug p {
    color:#999;
    font-size: 11px;
    line-height: 11px;
    margin:0;
    padding:0;
}


div.page-content {
    xborder:1px solid red;
    width:550px;
    margin-left: 55px;
    margin-top:30px;
}

div.page-content p {
    font-size: 14px;
    line-height: 18px;
    color:#666;
    width:90%;
}


div.page-content h1 {
    margin-top: 0;
    font-size: 26px;
    line-height: 28px;
    color:#666;
}


div.page-content h2 {
    font-size: 18px;
    color:rgb(180,40,0);
    margin-top: 18px;
}

div.page-content h3 {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color:#666;
    xmargin-top: 18px;
}

div#projects.design h3.selected-projects,
div.page-content h3.selected-projects {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color:#666;
    margin-top: 48px;
}

div.page-content table {
    width:100%;
}

div.page-content td.left {
    width:450px;
}

div.page-content td.right {
    width:auto;
}

/* @group sidebar */

ul.officelinks li {
    margin-bottom: 12px;
}

ul.officelinks ul {
    margin-bottom: 30px;
}

h2.location-list {
 	margin-top: 40px;
}

ul.officelinks li a {
    font-size: 18px;
    color:#666;
    text-decoration: none;
    border-bottom:1px dotted #aaa;
}

ul.officelinks li a:hover {
    color:rgb(200, 80, 40);
    text-decoration: none;
    border-bottom:1px dotted rgb(200, 80, 40)
}

#sidebar {
    border-left: 2px solid #ddd;
    padding-left: 15px;
    position: absolute;
    top:0;
    left:600px;
    width:200px;
}

#sidebar.office {
	width: 350px;
	left: 455px;
	top: 0px;
}

#sidebar h1 {
	color: black;
}

#sidebar.blog {
	left: 660px;
	top: 40px;
}

/* @end */


#blog {
	width: 500px;
	margin-left: 60px;
}

div.post {
	margin-bottom: 70px;
}

div.post p {
	font-size: 13px;
}

div.post p a {
	color: brown;
}

h2.entry-title {
	font-size: 26px;
	line-height: 28px;
	font-weight: normal;
	color: #333;
	xborder-bottom: 1px dotted #999;
}

div.entry-meta span {
	border-bottom: 1px solid #999;
	font-size: 11px;
	padding-bottom: 6px;
	color: #666;
	font-family: Helvetica, Arial, san-serif;
}

div.entry-meta span a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}


div.entry-meta span a:hover {
	color: rgb(200,80,40);
	text-decoration:underline;
}

#sidebar ul.xoxo li a {
	color: #333;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	xborder-bottom: 1px dotted #999;
}

#sidebar ul.xoxo li a:hover {
	color: rgb(200,80,40);
	text-decoration: underline;
}

#sidebar ul h3 {
	color: black;
	font-weight: bold;
}

#ul.projlink {
    text-indent: -9000em;
}

#projlinks {
    position: absolute;
    top:0px;
    left:880px;
    width:50px;
}

#projlinks a {
    width:30px; height:30px;
    border: 3px solid #aaa;
    background-color: #ccc;
    display:block;
    margin-bottom:6px;
}

#projlinks a.on {
    border-color:#ca5218;
}

#banner a.jump {
    color:#666;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 11px;
    padding:6px 0;
}

#banner a.jump:hover {
    color:rgb(180,40,20);
    text-decoration: underline;
}

h2.entry-title a {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

h2.entry-title a:hover {
	color: rgb(200,80,40);
	text-decoration: none;
	border-bottom: none;
}

ul.office-list {
	margin-bottom: 24px;
}

ul.office-list li a {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}

ul.office-list li span {
	font-size: 18px;
	line-height: 24px;
	color: #ff3300;;
}

#img-nav {
	position: absolute;
	left: 780px; 
	width: 100px; height: 40px;
}

#img-nav div.nav-previous a, #img-nav div.nav-next a {
	position: absolute;
	width: 48px;
	height: 40px;
	background-color: white;
	text-indent: -9000em;
}

#img-nav div.nav-previous a {
	left: 0;
	background: white url(images/sprite.gif) 0px -162px no-repeat;
}

#img-nav div.nav-next a {
 	left: 50px;
	background: white url(images/sprite.gif) -48px -162px no-repeat;
}

#project-content p.return-title {
	font-size: 12px;
}

#project-content p a {
    color:rgb(180,40,0);
}

div.delicious {
	margin-bottom: 40px;
}

div.delicious h3 {
	margin-bottom: 3px;
	font-size: 10px;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

div.delicious ul {
 	margin-bottom: 12px;
}

div.delicious li {
 	margin-bottom: 3px;
}

div.delicious li a {
	color: #666;
}


#nav-below a {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	border: 1px solid #ccc; 
	color: rgb(200,80,40);
	text-decoration: none;
	padding: 2px 4px;
	margin: 4px;
}


div.widget_twitter {
	margin-top: 18px;
}

#primary div.widget_twitter span.entry-content,
#primary div.widget_twitter span.entry-content a {
	font-size: 13px;
}

#primary div.widget_twitter span.entry-meta {
	xdisplay: block;
	line-height: 10px;
}

#primary div.widget_twitter span.entry-meta,
#primary div.widget_twitter span.entry-meta a {
	line-height: 5px;
	font-size: 10px;
	color: #aaa;
}

div.widget_twitter li {
	margin-top: 12px;
}

h3.widget-title a.twitterwidget {
	color: black;
	text-decoration: none;
}