/*
Site Name: Charlie Rizzio v1
Site URL: http://www.charlierizzio.com
Description: Website of freelance web designer Charlie Rizzio
Version: 1.0
Author: Charlie Rizzio
*/
@import url(reset.css);
@import url(common.css);
/* ---------------------------------------------
	
	DEFINITIONS:	Base.css
	AUTHOR:			Charlie Rizzio
	VERSION:		11.26.2009
	
	CONTENTS:
		
	1				Base
	2				Typography
	3				Intro
	4				Followup
	5				Contact
	6				Footer
	
------------------------------------------------- */

/*1		Base*/
body{background:#ededeb url(img/noise.jpg) repeat 0 0;}
#wrapper{background:url(img/grunge.jpg) repeat-x top center; overflow:hidden; min-height:600px;}
#inner{width:940px; margin:0 auto; padding:0 10px;}
.section{margin-bottom:100px; float:left;}

/*2		Typography*/
@font-face {font-family: "fontin_sans_b"; src: url(fonts/Fontin_Sans_B_45b.otf) format("opentype");}
@font-face {font-family: "fontin_sans"; src: url(fonts/Fontin_Sans_R_45b.otf) format("opentype");}
body{font-size:12px/20px; color:#363636;font-family:Verdana, Arial, Helvetica, sans-serif;}

h1#logo{width:184px; height:60px; text-indent:-999em; margin-bottom:90px;}
h1#logo a{width:184px; height:60px; display:block; border:0;background:url(img/logo.png) no-repeat 0 0;}
h1#logo a:hover{background-position: 0 -60px;}


h1, h2, h3, h4, h5, h6{color:#3c5155;}
h1{font-size: 42px; font-family: "fontin_sans_b", helvetica, georgia, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 2px #fff;}
h2{font-size: 24px; font-family: "fontin_sans_b", helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 2px #fff;}
h3{font-size: 18px; font-family: "fontin_sans_b", helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 2px #fff;}
h4{}
h5{}
h6{}

p{margin:20px 0; line-height:20px;}
p a, a{color:#4095b1; color:#0084b4; border-bottom:1px dotted #4095b1;}
p a:hover, a:hover{border-bottom:0;}

/*3		Intro Block*/
div#intro{position:relative; padding-right:470px;}
div#intro h2{font-size: 18px; font-family: "fontin_sans_b", georgia, sans-serif; text-transform:uppercase;}
div#intro img.me{position:absolute; right:180px; top:-80px;}
ul#work{font-size:10px; text-transform:uppercase; margin:10px 0;}
#work li a{ float:left; color:#677677; margin-right:20px;}
#work li.last a{margin-right:0;}
#work a:hover{color:#3c5155;}
#work li{width:120px; display:inline;}
#work strong{padding-left:10px; color:#3c5155; font-size:12px; display:block; text-transform:none; margin:6px 0 3px 0;}
#work span{padding-left:10px;}
#work li a img{padding:10px; background:url(img/thumb-bg.jpg) repeat 0 0; border:1px solid #a9b4b5;}
#work li a:hover img{background:url(img/thumb-bg-hover.jpg) repeat 0 0;}

/*4		Followup*/
#followup h2 + p{width:390px;}
p.onemanshow img{margin:-10px 10px 0 -40px;}
ul#services{margin:3px 0 0 90px; width:220px;}
#services li{margin-bottom:5px;}
#services li.head{margin-top:20px;}
p.explanation{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#666666; width:200px; padding:10px; background: rgba(255, 255, 255, 0.4);}



/*5		Contact*/
#contact{overflow:hidden; margin-bottom:50px;}
#contact h2 + p{width:220px;}
div#form{width:460px; margin-left:260px;}
#form label{font-family: "fontin_sans_b", georgia, sans-serif; display:block; margin-bottom:4px;}
ol.info li {margin-bottom:10px;}
ol.info, ol.details{width:220px; float:left;}
textarea#message{width:212px; height:130px;}

input[type="text"],textarea{background: rgba(255, 255, 255, 0.4); padding:6px; width:190px; border:1px solid #bebeb9; font-family:Arial, Helvetica, sans-serif; font-size:100%;}
input[type="text"]:focus,textarea:focus{background-color:#fff; outline:0;  border:1px solid #fff; -moz-box-shadow: 1px 1px 1px #bebeb9;
-webkit-box-shadow: 1px 1px 1px #bebeb9;
box-shadow: 1px 1px 1px #bebeb9;
}

#form div.submit{width:460px; display:block; clear:both;}

/*coming soon*/
ul.linkage li{display:block; padding:20px 0px;}
ul.linkage a{}
ul.linkage img{float:left; margin-right:10px;}