/*
Theme Name: Chrispy Graphics
Theme URI: http://chrispygraphics.com/
Description: The Portfolio Website of Artist Chris Goodrich
Version: 2.0
Author: Chris Goodrich
Author URI: http://www.chrispygraphics.com/
Tags: 2.7.x

*/

@font-face {  
  font-family: ZeroThrees ;  
  src: url( http://chrispygraphics.com/wp-content/themes/chrispygraphics2.0/fonts/zerothre.ttf ) format("truetype");  
}  
 
/* Then use it like you would any other font */  
.yourFontName { font-family: yourFontName , verdana, helvetica, sans-serif;  
}  


/* HTML Tags */
body {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:0;
	background:#fff;
	text-align: left;
        background:#F0F0F0;
}

h1, h2, h3{font-family: ZeroThrees, Arial, Helvetica, sans-serif;}

h1, h1 a{font-size:20px; margin:0; padding:0; height:100%;}

h2{margin-bottom:10px; margin-top:30px; margin-left:auto; margin-right:auto; clear:both;}
h2, h2.pagetitle {font-size:16px; text-transform:capitalize; margin-top:10px;}
h2.news{margin:40px 0 -15px 15px; text-transform:uppercase;}


h3{font-size:12px;padding:0;margin:20px 0 0 0; text-transform:capitalize;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{color:#666;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, cite{text-decoration:none;}
h2 a:hover, h3 a:hover, h2.search label:hover{color:#333; text-decoration:underline;}

h3+p, h4+p{margin:0;}

h4, .pullquote{
padding:10px;
float:right;
width:200px;
margin:10px 0 10px 20px;
border-top:2px solid #999;
border-bottom:2px solid #999;
font:16px Arial, Helvetica, sans-serif normal;
font-style:italic;
text-align:left;
line-height:24px;
quotes:'"' '"';
color:#CCC;
background:url('images/pullquote.png') no-repeat right 3px;
}
h4:hover, .pullquote:hover{border-top-color: #CCC; border-bottom-color: #CCC; color:#fff;}

h5, .disclaimer{
font:14px Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bolder;
margin-bottom: 15px;
color: #666;
}
h6, .caption{
font:10px Arial, Helvetica, sans-serif lighter;
margin:-10px 10px 0 0;
color: #666;
text-align: center;
}

small{font-size:9px;line-height:inherit;}
small, #sidebar ul ul li, #sidebar ul ol li, .postmetadata, blockquote, strike{color:#666;}

code{font:12px 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{
font-size:09px;
letter-spacing:1.5px;
}
acronym, abbr{cursor:help;border-bottom:1px dashed;}

a{color:#009999;outline:none;text-decoration:underline}
a:hover{color:#990000;text-decoration:none;}
a img{border: ;}
a.download{background:url() no-repeat right; padding-right:;}

p img{padding:4px;max-width:100%;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

blockquote{
margin:10px 60px 10px 40px;
padding:0 12px;
border-left:4px solid #ccc;
border-right:4px solid #ccc;
color:#666;
}
blockquote:hover{border-left-color:#666; border-right-color:#666;}
blockquote cite{
margin:0;
padding:0 10px;
display:block;
font-style:italic;
text-align:right;
}

q{quotes:'"' '"'; font-style:italic;}

table{margin:0; padding:0; width:100%}
tr.odd{background-color:#888;}
tr:hover{background-color:#D1D2D0; color:#999;}
td{margin:0; padding:0.5em;}

hr{}

ul{list-style-type:square; margin:0; padding-right:4px;}
li{list-style-type:square; margin:0; padding-left:8px;}
li ul li{margin-left:2em;margin-right:4px;}

p {
text-align:justify;
line-height:125%;
}

/* End HTML Tags */


/* Non-specific Classes */

.clear{clear:both;}

.alignright{float:right;}
.alignleft{float:left}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}

.center{text-align:center;}

.hidden{display:none;}

.left{float:left; width:40%; margin:0 5%; clear:left;}
.right{float:right; width:40%; margin:0 5%; clear:right;}


/* End Non-specific Classes */


/* DIVs */
#container{
margin:0 auto;
padding:0 0px;
width:910px;
min-height:600px;
background:#F0F0F0;
}

#header{margin-left:80px; margin-right:80px; padding:0px 0; width:742px; clear:right;background:#fff;}

#blind{width:0; height:0; overflow:hidden;}

#brand{
background:url('images/brand.png') no-repeat;
padding:0;
margin:0;
margin-top:0px;
text-indent:-9999px;
width:740px;
height:35px;
border:1px solid #999;
border-top:none;
border-bottom:none;
}

#brand a{display:block; width:100%; height:100%; padding:0; margin:0;}




#nav{
	background:#fff;
        font-size:10px;
        font-color:#666
	width:698px;
	height:20px;
        padding-right: 0px;
        padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
        border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
        border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
        border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

#nav li{background:#fff; font-color:#666}
#nav li:hover{background:#999}
#nav li ul li, #nav li ul li ul li{background:none;}
#nav li ul li:hover, #nav li ul li ul li:hover{#999;}

#content{
        background:#fff;
	font-size:12px;
	line-height:18px;
	width:600px;
	min-height:800px;
	height: 100%;
	margin-top: 0;
	margin-right: 80px;
	margin-bottom: 0px;
	margin-left: 80px;
	padding-top: 0px;
	padding-right: 70px;
	padding-bottom: 150px;
	padding-left: 70px;
        border:1px solid #999
}

.column{
        width: 650px;
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #999;
}
.column_left{
        float: left;
        width: 200px;
        height: auto;
}
.column_right{
        float: right;
        width:200px;
        height: auto;
        clear:both;
}

#welcome {
margin-top:0px; 
padding:20px;
border-left:1px solid #999;
border-bottom:1px solid #999;
border-right:1px solid #999;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
	background-image: url('images/cg_logo.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.postmetadata {text-align:left; clear:both; margin-top:0px; margin-left:30px; margin-bottom:0px; padding:5px 0;}


.post {
width:auto;
min-height:200px;
height:auto;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto; 
padding:10px;
padding-left:20px;
padding-right:20px;
border:1px solid #999;
clear:both;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
}

.smallattachment {
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;
}

.attachment{text-align:center;margin:5px 0;}

.navigation{
margin:0;
padding:0;
}

#pull{clear:both; height:0px;}

#footer{
	width:720px;
	height:120px;
	font-size:12px;
	position:fixed;
	bottom:0;
	background:#fff;
        border:1px solid #999;
        border-bottom:none;
      	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -375px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	left: 50%;
}
(old border for footer: border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;)
#footer p{
margin:0;
padding:0;
}
#footer h3{font-size:14px; margin:0; padding:0;}
#btm-nav{ margin-left:auto; margin-right:auto; position: absolute; bottom:10px; font-size: 11px}
#btm-nav a{color:#666; text-decoration:none;}
#btm-nav a:hover, #btm-nav a.current:hover{color:#990000; text-decoration:underline;}
#btm-nav a.current{color:#990000; text-decoration:underline;}

#twitter{
	margin-top:5px;
	padding-top:0px;
        margin-right:20px;
	width:600px;
	height: 30px;
}
.twitter-message{width:600px;}
.twitter-timestamp abbr{border:none;}
.twitter-link, .twitter-user{}
.twitter p{text-align:left}

#rights{margin:0; padding:0; position:absolute; bottom:20px; right:0px; font-size:10px;}
#rights a{color:#666; text-decoration:none;}
#rights a:hover{color:#ff9999; text-decoration:underline;}

#navcontainer ul
{
padding-left: 5px;
margin-left: 0;
background-color: none;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: none;
color: #666666;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover{
background-color: none;
color: #990000;
text-decoration: underline;
}

.current{
background-color: none;
color: #990000;
text-decoration: none;
}
/* End DIVs */


/* Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left:0;
padding:0 0 0 3em;
list-style:none;
padding-left:1em;
text-indent:-1em;
}

html>body .entry li {margin:.7em 0 .8em 1em;}

.entry ul li{}

ul h3{margin:1.5em 0 .1em 0; padding:0;}


.entry ol{padding:0 0 0 3.5em;margin:0;}
.entry ol li{margin:0;padding:0;}

.postmetadata ul, .postmetadata li {display:inline;list-style-type:none;list-style-image:none;}


ol li{list-style:none;}

.resume{font-size:11px; line-height:90%;}

/* End Entry Lists */



/* Form Elements */

#searchform{margin:0px; margin-left:20px; padding:0px; float:right;}
#searchform #s{
	width: 160px;
	height:17px;
	background-color:#999;
	border:none;
	color:#CCC;
	font-size:12px;
	margin:0;
	float:left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#searchform #s:focus, #searchform #s:hover{
        background-color:#8E8E8E; 
        color:#fff;

}
#searchform #searchsubmit{
padding:3px 5px;
margin:0 0 0 0px;
background-color:#999;
border:none;
outline:none;
color:#fff;
font:12px Arial, Helvetica, sans-serif;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}

#searchform #searchsubmit:hover{
padding:3px 5px;
margin:0 0 0 0px;
background-color:#CCC;
border:none;
outline:none;
color:#fff;
font:12px Arial, Helvetica, sans-serif;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}

.label.screen-reader-text {
display: none;
}

#searchform label {
	display:none;
}

}
#searchform #searchsubmit:focus, #searchform #searchsubmit:hover{background-color:#8E8E8E; color:#666; cursor:pointer;}

.entry form{ /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select{
width:12em;
border:1px solid #FF7100;
padding:.4em;
color:#FF7100;
}


#contact{text-align:left;}
#contact label:after{content:'*';}
#contact input{width:30%; padding:0.3em; margin:1% 0 1% 0; border:1px solid #CCC; display:block;}
#contact input:focus{border:1px solid #FF7100;}
#contact #s{margin:0;float:right;border:1px solid #FF7100;}
#contact textarea{width:98%; display:block; padding:.3em; border:1px solid #CCC !important;}
/* End Form Elements */



/* Begin Comments*/

.alt{border-left:1px solid #999;}
.even{border-left:1px solid #BBB;}

.commentlist{padding:0;}

.commentlist .url{font-weight:normal;}
.commentlist .says{display:block;}

.commentlist li{
margin:1.5em 0;
padding:.5em 1em;
list-style:none;
background:transparent;
}
.commentlist li.comment-author-admin{background-color:#DDD !important; border-top:1em solid #333; border-left:none;}
.commentlist li.comment-author-admin .url{font-size:1.8em; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.commentlist li.comment-author-admin .url:hover{color:#333;}

.commentlist li, #commentform input, #commentform textarea{font: 0.9em Verdana, Arial, Sans-Serif;}
.commentlist li ul li{font-size:1em;margin-right:-.5em;margin-left:1em;}
.commentlist li .avatar{ 
float:right;
border:1px solid #eee;
padding:.2em;
background:#fff;
}
.commentlist cite, .commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p {font-weight:normal;line-height:1.5em;text-transform:none;margin: 1em .5em 1em 0;}

#commentform p{font-family:Verdana, Arial, Sans-Serif;margin: .5em 0;}

.commentmetadata{font-weight:normal;margin:0;display:block;}

.children{padding:0;}



/* End Comments */



/* Captions */

.wp-caption{
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.wp-caption img{margin:0;padding:0;border:0 none;}

.wp-caption p.wp-caption-text{
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}
/* End captions */

/* Images */

.image {
display: block;
width: 390px;
height: auto;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
padding: 4px;
border: 1px solid #999
}
.image:hover {
border: 1px solid #990000
}
.image_left {
float: left;
width: 255px;
height: auto;
margin-bottom: 4px;
margin-right: 10px;
padding: 4px;
border: 1px solid #999
}
.image_right {
float: right;
width: 255px;
height: auto;
margin-bottom: 4px;
margin-left: 10px;
padding: 4px;
border: 1px solid #999
}
.image_left:hover{
border: 1px solid #ff9999
}
.image_right:hover {
border: 1px solid #ff9999
}
.image_wide {
float: right;
width: 100%;
height: auto;
margin-bottom: 10px;
margin-left: 20px;
padding: 4px;
border: 1px solid #999
}
.image_wide:hover {
border: 1px solid #ff9999
}
/* End images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



.divider{
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	clear: both;
}