/* @override http://ionizedmedia.com/css/styles.css */

body {
color:#000;
font: 300 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
}

#content {
width:750px;
margin: 0 auto;
margin-top:62.5px;
}

#main {
float:left;
height:200px;
width:750px;
background-image:url(../images/main.png);
}

#workpage {
float:left;
height:200px;
width:750px;
background-image:url(../images/workmain.png);
}

p.signature {
font-size:1.7em;
border-left-style:none;
}

.about_paragraph {
float:left;
margin-top:25px;
padding-bottom: 25px;
}

#ryan {
margin-left:0;
}

.about_paragraph p {
color:#3f3f3f;
margin-top:25px;

}

#about_paragraph {
margin-right:0;
margin-top:25px;
	float: left;
}

.about_paragraph h2 {
font:bold 1.8em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color:#000;
}

.about_paragraph h3 {
font:bold 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
color:#ffe700;
background-color:#000;
padding-left:12px;
padding-right:12px;
padding-bottom:12px;
}

#aboutpage {
float:left;
height:200px;
width:750px;
background-image:url(../images/about.png);
}

.about_paragraph p.signature {
color:#000;
border-left-style:none;
font-size:1.7em;
}

#header {
float:left;
width:100%;
margin-bottom:10px;
}

#logo {
display:block;
background-image:url(../images/logo.png);
text-indent:-10000px;
width:275px;
height:50px;
float:left;
}

#logo a {
float:left;
display:block;
height:100%;
width:100%;
}

#logo a:hover {
padding-right:5px;
padding-left:5px;
background:url(../images/logohover.png) no-repeat;
}

#nav {
list-style-type:none;
margin-top:13px;
float:left;
margin-left:100px;
}

ul#nav {
list-style-type:none;
}

#navbar a {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration:none;
color:#000;
font-weight:700;
font-size:1.4em;
padding:5px;
}

#navbar a:hover {
background-color:#000;
color:#f7d400;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

li.selected {
padding-left:5px;
padding-right:5px;
}

.selected {
font-weight:700;
font-size:1.4em;
color:#999;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.subtitle {
color:#000;
font:bold 1.4em Helvetica, Arial, Geneva, sans-serif;
}

.column {
display:block;
background:url(../images/triangle.png) no-repeat;
float:left;
margin-top:25px;
}

.column_paragraph {
float:left;
margin-top:12px;
width:200px;
color:#3f3f3f;
line-height:1.8;
padding-bottom:75px;
margin-right:25px;
}

.column_project {
width:250px;
float:left;
display:block;
margin:12px 12px 0 0;
}

div.column_project p {
width:200px;
}

.column_paragraph p {
margin-top:12px;
width:175px;
font:.9em/2 "Lucida Grande", Lucida, Verdana, sans-serif;
}

#twitter_update_list {
height:125px;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin-top:25px;
line-height:1.4;
float:left;
display:block;
background:#000 url(../images/twitter.png) no-repeat;
}

#twitter_update_list li span {
float:left;
display:block;
padding-left:40px;
font-size:.9em;
padding-top:7px;
padding-right:2px;
}

#twitter_update_list li span a {
color:#feda00;
float:left;
margin-top:2px;
text-decoration:none;
font:bold 12px Helvetica, Arial, Geneva, sans-serif;
display:block;
	padding-right: 2px;
	margin-left: 0;
}

#twitter_update_list li a {
color:#feda00;
float:left;
text-decoration:none;
font:bold 12px Helvetica, Arial, Geneva, sans-serif;
display:block;
	margin-left: 40px;
	margin-top: 10px;
}

#twitter_update_list li a:hover {
color:#000;
background-color:#e9da00;
float:left;
}

#twitter {
width:225px;
margin-right:20px;
display:block;
float:left;
}

#current a {
text-decoration:none;
line-height:10000px;
display:block;
overflow:hidden;
width:250px;
height:100px;
margin-top:25px;
background-image:url(../images/current.png);
border:12.5px solid #000;
}

#thoughtank {
background-image:url(../images/thoughtank.png);
}

#gripus:hover {
background-image:url(../images/griphover.png);
}

.project {
width:200px;
height:80px;
border:12px solid #000;
margin-top:12px;
}

#saverous {
background-image:url(../images/saverous.png);
}

#emerald {
background-image:url(../images/emerald.png);
}

#emerald:hover {
background-image:url(../images/emeraldhover.png);
}

.linkage {
text-indent:-100000px;
float:left;
width:200px;
height:80px;
margin-left:-12.5px;
margin-top:-12.5px;
}

.project:hover {
border-color:#000;
border-style:solid;
}

.project p {
text-indent:-10000px;
}

#ryan p a {
color:#3f3f3f;
font-variant:small-caps;
}

#gripus {
background-image:url(../images/grip.png);
}

#current a:hover {
border:12.5px solid #feda00;
}

p {
line-height:1.8em;
}

#current a img {
margin-top:24px;
}

#photocontainer {
display:block;
height:125px;
width:200px;
float:left;
margin-top:25px;
background-color:#000;
}

.flickr_badge_image {
float:left;
width:50px;
height:50px;
display:block;
overflow:hidden;
margin-left:12.5px;
margin-top:12.5px;
}

.flickr_badge_image:hover {
border-bottom:5px solid #debf00;
margin-bottom:-5px;
}

#more {
color:#ecd500;
font-size:1em;
font-weight:700;
text-decoration:none;
float:left;
margin-top:25px;
display:block;
margin-left:12px;
}

#photos {
display:block;
float:left;
}

#more:hover {
color:#000;
background-color:#feda00;
}

#contact_page {
float:left;
height:200px;
width:750px;
background-image:url(../images/contact.png);
}

#contact_page a {
width:750px;
height:200px;
float:left;
text-indent:-10000px;
display:block;
}

#contact_page a:hover {
background-image:url(../images/contacthover.jpg);
}

.contact_page h4 {
color:#000;
background-color:#fff;
text-align:left;
float:left;
display:block;
background-image:url(../images/back.gif);
font:bold 1em/1.4 Helvetica, Arial, Geneva, sans-serif;
width:200px;
padding:5px;
}

#elsewhere h2 {
font:bold 3em Helvetica, Arial, Geneva, sans-serif;
text-align:center;
border-bottom-style:solid;
display:block;
float:left;
width:750px;
margin-bottom:12px;
padding-bottom:12px;
margin-top:25px;
}

.contact_page h3 {
color:#656565;
letter-spacing:2px;
font:italic 1.1em Georgia, "Times New Roman", Times, serif;
padding-bottom:5px;
padding-left:5px;
float:left;
}

.contact_page li a {
color:#666;
font-family:Helvetica, Arial, Geneva, sans-serif;
text-decoration:none;
font-weight:700;
width:inherit;
float:left;
padding:5px;
}

.contact_page li a:hover {
color:#000;
background-color:#ffde00;
}

.contact_page ul {
float:left;
display:block;
}

.contact_page {
float:left;
width:200px;
margin-top:25px;
padding-bottom:50px;
margin-right:12px;
margin-left:25px;
display:block;
overflow:hidden;
}

#streams {
float:left;
width:100%;
display:block;
}

.contact_page li {
float:left;
display:block;
width:200px;
margin-top:12px;
color:#000;
}

a {
outline:none;
}

#navbar li,#current {
float:left;
margin-right:20px;
}

#navbar,#twitter_update_list li {
float:left;
}

#thoughtank:hover,#saverous:hover {
background-image:url(../images/thoughtankhover.png);
}