*{
	margin: 0px;
	padding: 0px;	
}
body{
	background: #eee url('') no-repeat 720px -15px;
	color: #333;	
        margin-bottom: 100px;
	font: normal 14px 'Lucida Grande', Helvetica, sans-serif;
        padding: 20px;
}

#alert {
	top: 0;
	width: 100%;
	overflow: auto;
        padding: 5px;
        background: #edd;
}

#realbody {
	overflow: auto;
        padding: 20px;
}



a img{
border: none;
}
h1 a, h2 a, h3 a, h4 a, a{
color: #356;
text-decoration: none;
}
a{
color: #356;
text-decoration: none;
}
a:hover{
color: #333;
}
h1 a, #subtitle a{
color: #333;
text-decoration: none;
}
.hl{
color: #5D9EAF;
font-weight: normal;
}
.clearer{
clear: both;
}

#header #subtitle{
padding: 3px 0;
margin-bottom: 15px;
}

#nav{
text-align: center;
margin: auto;
}
#nav ul{
margin: 35px 0 0 0;
width: 360px;
height: 27px;
}




#nav li{
float: left;
width: 70px;
padding: 5px 0 5px 12px;
text-align: left;
margin-right: 5px;
list-style: none;
}
#nav a{
text-decoration: none;
color: #333;
}

#nav li:hover, #nav li.nonlink{
background: url('http://grahamgrafx.com/images/bluedot.png') no-repeat 0px 8px;
}





h3{
font-size: 20px;
}

#container{
width: 834px;
}
#main, #sidebar{
border: 1px solid #333;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
}

#main{
float: left;
padding: 10px 20px;
width: 550px;
overflow: hidden;
}
#main #project div{
padding: 10px 0;
border-top: 3px dotted #5D9EAF;
margin-top: 5px;
}
#main p{
padding: 0 0 5px 0;
}
#main img{
max-width: 550px;
margin: 10px 0;
}
#about img{
float: left;
padding: 0 20px 0 0;
margin: 0;
}

#blog .top, #status .top{
height: 30px;
}
#blog, #status{
padding-top: 20px;
}
#blog .powerby, #status .powerby{
width: 100px;
color: #899;
font-size: 10px;
float: right;
}

#blog .powerby a, #status .powerby a{
color: #89b;
}

#blog h3, #status h3{
float: left;
height: 30px;
}

#blog h3 a, #status h3 a{
color: #333;
text-decoration: none;
}
#blog .tumblr_title{
font-weight: bold;
font-size: 20px;
padding: 0 0 5px 0;
}
#blog .tumblr_description{
padding-top: 10px;
}
ol.tumblr_posts{
list-style: none;
}

ol.tumblr_posts img, ol.tumblr_posts embed{
margin: 10px 0;
border: #aaa 1px solid;
}
 
li.tumblr_post{
padding: 20px 0px;
border-bottom: 3px dotted #5D9EAF;
}

#blog #more, #blog #more a{
padding: 10px 0;
text-align: right;
font-weight: bold;
text-decoration: none;
font-size: 20px;
}

/* tumblr */
#blogheader{
width: 550px;
padding-bottom: 15px;
}

#blognav{
width: 300px;
float: left;
}
#blognav ul{
list-style: none;
}
#blognav li{
float: left;
padding: 5px;
margin-right: 10px;
}
#blognav li a{
text-decoration: none;
}
#search{
float: left;
}
#search input.query{
height: 27px;
width: 180px;
border: 1px solid #aaa;
}
#blog img{
max-width: 100%;
}
#blog .blogheader{
    border-bottom: 3px dotted #5D9EAF;
    margin-bottom: 5px;
}

#blog .date a{
text-decoration: none;
width: 100px;
}
#blog .date{
float: left;
}
#blog .sharebuttons{
float: right;
height: 25px;
}
#blog .sharebuttons .facebook-button, #blog .sharebuttons .tumblr-button, #blog .sharebuttons .twitter-button{
float: left;
}

#blog .sharebuttons .tumblr-button{
padding: 0 30px;
}

#blog .links, #blog .rebloggedpost{
padding: 10px;
}
#blog .links{
background: #E8F3F9;
-moz-border-radius: 15px;
border-radius: 15px;
}
#blog .rebloggedpost{
background: #5D9EAF;
-moz-border-radius: 15px;
border-radius: 15px;
}
#blog .rebloggedpost .blogheader{
    border-bottom: 3px dotted #fff;
}
#blog .rebloggedpost h3{
color: #fff;
}
#blog .rebloggedpost h3, #blog .links h3{
height: 25px;
}

#blog .rebloggedpost .rebloglabel div, #blog .links .rebloglabel h4{
padding-bottom: 7px;
color: #467;
float: right;
font-weight: normal;
}
#blog .rebloggedpost .rebloglabel div a{
color: #467;
}

#blog .externallink, #blog .tumblr_link {
background: #5D9EAF;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 5px 10px;
line-height: 31px;
margin-bottom: 5px;
}

#blog a .externallink, #blog a.tumblr_link{
font-weight: bold;
font-size: 17px;
color: #fff;
}
#blog .tumblr_post li{
margin-left: 20px;
}

#blog .entry{
margin-bottom: 30px;
}
#blog .entry li{
margin-left: 20px;
}
#blog .media embed{
margin-bottom: 10px;
}

#blog .notecontainer ol{
list-style: none;
}
#blog .notecontainer li{
margin-left: 0px;
padding-left: 20px;
background: url('http://grahamgrafx.com/images/bluedot.png') no-repeat 0px 8px;

}

/*SIDEBAR*/
#sidebar{
float: left;
width: 200px;
padding: 10px;
margin-left: 15px;
}
#sidebar #subscribe{
margin-bottom: 43px;
}
#sidebar #subscribe .sub_text{
padding-top: 7px;
float: left;
}
#sidebar #subscribe .tweetie, #sidebar #subscribe .rss{
float: left;
padding: 0 11px;
}
#sidebar h3 a:hover{
text-decoration: none;
}
#sidebar a{
color: #333;
text-decoration: none;
}
#sidebar a:hover{
color: #111;
text-decoration: underline;
}
#sidebar h3{
border-bottom: 3px dotted #5D9EAF;
margin: 10px 0px;
}
#sidebar .project{
height: 65px;
}
#sidebar .project img{
float: left;
margin-right: 10px;
}

#sidebar #links img{
height: 18px;
padding: 5px 5px 0 0;
}

#footer{
float: left;
paddinG: 10px 0 50px 0;
width: 850px;
}
p#email{
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
#projectsPage{
padding-top: 10px;
}
#projectsPage .entry img{
float: left;
margin: 0;
margin-right: 10px;
}
#projectsPage .entry p{
width: 338px;
padding-top: 5px;
float: right;
}
#projectsPage .entry h3.title{
padding-top: 0;
}
#projectsPage .entry h3.title a{
color: #333;
text-decoration: none;
}

#project table{
margin: 5px 0;
}
#project table .title{
    background: #fff;
}
#project table td{
    border: 1px solid #999;
    padding: 5px;
    text-align: center;
}
/*EPIX*/
#epix #project li{
list-style-type: ;
color: #5D9EAF;
margin: 0 12px;
}

#epix #project li a{
text-decoration: none;
}
#epix #project img{
float: right;
margin-left: 10px;
}
#epix #project img#trek{
height: 130px;
}
#epix #project img#liveScreens{
margin-left: 30px;
float: none;
}
#epix #project img#allAccounts{
float: right;
height: 300px;
}
#epix #project img#amp{
float: right;
margin-right: 10px;
height: 200px;
}
#epix #project img#lt{
float: left;
margin-right: 10px;
height: 200px;
}
#epix #project img#prizes{
float: right;
height: 260px;
}
#epix #project img#pres{
float: left;
margin-right: 10px;
height: 100px;
}

/*Digital Painting*/
#digitalPainting #project div{
border-bottom: 3px dotted #5D9EAF;
border-top: 0;
}

#digitalPainting #gallery img{
padding: 0 0 0 10px;
}
#digitalPainting #project li{
margin: 0 12px;
}
#digitalPainting #project ul{
margin: 12px 0;
}
#digitalPainting #project #painting div{
border: none;
}

#digitalPainting #project #painting img{
margin: 0 0 10px 0;
}
#contact #links img{
height: 30px;
padding: 20px;
}