body{ 
overflow:hidden;
background-color:#EEE;}
img {border:none;}
a {color:#FFF; text-decoration:none;}
a:hover{ border-bottom: 1px dotted;} 
form{margin:0;padding:0;}
h1,h2,h3,h4,h5 { margin:0 0 5px 0}
#container {
margin:10px auto;
width:930px;
position:relative;
}
#blog, #pronique, #other, #aux { 
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
position:absolute;
opacity:1.0;
}
#other:hover,#aux:hover{ opacity:1.0}
#blog {
background:#1d4662;
font-family:courier new;
left:20px;
width:350px;
height:260px;
padding:0px 25px;
color:#fff;
}
#blog h1{
font-size:180%;
}
#blog:hover, #pronique:hover{opacity:1.0}
#blog li { margin-top:7px;}
#pronique {
right:20px;
background:#000000;
width:460px;
}
#pronique h1 {
position:absolute;left:-2000px
}
#pronique-bg{
background:transparent url(/images/jcutrer-sprite.png) no-repeat scroll 40px -151px;
padding-bottom:4px;
padding-top:100px;
}
#pronique, #pronique a {
font-family:georgia;
}
#pronique li.large {
font-size:155%;
}
#pronique li.small {
font-size:65%;
margin-top:7px;
}

#other {
	background:#fff;
	top:280px;
	width:460px;
	height:200px;
	right:20px;
}



#aux { background:tan;
	left:20px;
	top:280px;
	width:400px;
	height:200px;
}
#aux-inner {
padding:20px;
}

#footer {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
position:absolute;
bottom:0px;
color:#000;
width:320px;
height:50px;
text-align:center;
color:#FFF;
background-color:#000;
opacity:.9;
}
#footer:hover{
opacity:1;
}

#other-inner {
margin:12px;
}

#links {
position:relative;
}
#linkedin a {
display:block;
width:130px; height:65px;
}

#linkedin {
position:absolute;
top:20px;
width:112px; height:52px;
background: transparent url(/images/jcutrer-sprite.png) no-repeat scroll 0 -70px;

}
#linkedin:hover {
background: transparent url(/images/jcutrer-sprite.png) no-repeat scroll 0 -20px;
}

#su a {
display:block;
width:60px; height:60px;
}

#su {
position:absolute;
left:90px;
top:105px;
width:60px; height:60px;
background: transparent url(/images/jcutrer-sprite.png) no-repeat scroll -120px -90px;

}
#su:hover {
background: transparent url(/images/jcutrer-sprite.png) no-repeat scroll -120px -28px;
}

#contact #alt {
position:absolute;
right:10px;
width:150px;
height:70px;
background:transparent url(/images/jcutrer-sprite.png) no-repeat scroll -225px 0
}
#contact input, #contact textarea{ margin:2px;border:1px solid #000;background-color:#E1E1E1;padding:5px; width:200px;}
#contact .submit {margin:7px; padding:0; height:25px; width:215px; -moz-border-radius:7px;} 
#contact textarea { height:50px; width:350px;}
#contact-result {position:absolute; left:70px;bottom:30px; text-align:center; font-size:140% }
#theme-chooser { margin:0 0 0 55px;}
#theme-chooser div { cursor:pointer;float:left; margin:6px; width:20px; height:20px;}
#theme-chooser div:hover{margin-top:4px;}
        #theme-chooser #gold { background:#A19026 url(/images/jcutrer-sprite.png) no-repeat -60px 0;}
        #theme-chooser #yellow { background:#ffff00 url(/images/jcutrer-sprite.png) no-repeat -100px 0;}
        #theme-chooser #blue{ background:#000099 url(/images/jcutrer-sprite.png) no-repeat 0 0;}
        #theme-chooser #black{ background:#000000 url(/images/jcutrer-sprite.png) no-repeat -80px 0;}
        #theme-chooser #blackwhite{ background:#ffffff url(/images/jcutrer-sprite.png) no-repeat
		-20px 0;}
        #theme-chooser #orange { background:#d78521 url(/images/jcutrer-sprite.png) no-repeat -40px 0;}
	
