/*	Projectiles.net _______________________________________________________
	
	Version:	0.2b
	Date:		09/29/2010
	Authors:	Gregory Cadars & Clement Lavedan

/* Color themes ___________________________________________________________

NOIR/BLANC			BLEUTE         		ROUGE		   		VERT	
@col1: #1a1a11;		@col1: #d5d5dd;		@col1: #f40;   		@col1: #393;   	
@col2: #7a7a71;		@col2: #85868d;		@col2: #7a7a71;		@col2: #7a7a71;	
@col3: #eaeae1;		@col3: #25252e;		@col3: #eaeae1;		@col3: #eaeae1;	
@col4: #f7f7f7;		@col4: #04071c;		@col4: #fffff5;		@col4: #f7f7f7;	
@col5: #fff; 		@col5: #000;   		@col5: #fff;   		@col5: #f3f5f2;	
___________________________________________________________________________ */

#c {position:absolute;top:0;left:0;z-index:-2;width:100%;}


@font-face {
	font-family: 'HelveticaInseratLTStdRoman';
	src: url('../fonts/helveticainseratltstd-roman-webfont.eot');
	src: local('☺'), url('../fonts/helveticainseratltstd-roman-webfont.woff') format('woff'), url('../fonts/helveticainseratltstd-roman-webfont.ttf') format('truetype'), url('../fonts/helveticainseratltstd-roman-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Resets */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;}
article, aside, figure, figure img, figcaption, hgroup,footer, header, nav, section, video, object {display: block;}
a img {border: 0;} figure {position: relative;} figure img {width: 100%;}

/* Typography presets */

h1,h2,h3,h4 {letter-spacing:1px;text-rendering: optimizeLegibility;}

h1, h2 {text-shadow:0 0 0 #fff;font-family:"HelveticaInseratLTStdRoman", Helvetica, sans-serif;font-weight:normal;}	
h3, h4 {font-weight:800;
	font-family:"proxima-nova-condensed-1","proxima-nova-condensed-2","Helvetica", sans-serif;}

h1, h2	{font-size: 1.8em;line-height:1em;text-transform:uppercase;}
h1 a {float:left;color:#eaeae1;-webkit-transition:color .1s ease-in;}
h1 a:hover {color:#1a1a11;}
	
h3		{font-size:1em;line-height:1.2em;text-transform:uppercase;font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,sans-serif;margin:0 0 1.4em 0;}

h4, h5		{font-size:1em;line-height:1em;}

body	{font: 16px/1.5 "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,sans-serif;}
small   {font-size:.85em;color:#7a7a71;} 
sup		{line-height:1;}

::selection {background:#ff5}
::-moz-selection {background:#ff5;}


/*  Default 5-column, 768 px layout for iPads, netbooks, and IE
	(All other layouts inherit styles from this layout)
	-----------------------------------------------------------
	1      2      3      4      5     
	120px  264px  408px  552px  696px   (24px gutters)        */

html {border-top:3px solid #1a1a11;background:#fff}

body {
	-webkit-text-shadow:0 1px 1px rgba(0,0,0,.1);-moz-text-shadow:0 1px 1px rgba(0,0,0,.1);text-shadow:0 1px 1px rgba(0,0,0,.1);
	font-size:15px;padding: 60px 36px 0;width:696px;
	color:#1a1a11;
	margin:0 auto;
	/*text-shadow:0 1px 0px rgba(0,0,0,.1);*/
	}

#all {margin-left:-24px;overflow:hidden;padding:0 0 1em 0;}

.box {float:left;min-height:60px;margin:0 0 24px 24px;}

.dot {background:url(../img/coin.png) no-repeat left .2em;}

.un		{width:120px;}
.deux	{width:264px;}
.trois	{width:408px;}
.quatre {width:552px;}
.cinq,.six,.sept,.huit,.neuf,.dix,.onze,.douze {width:696px;}

.box.six.ciao {width:264px;}

img {width:100%;margin:0;float:left;}
object,iframe {width:100%;}

ul {list-style:none;line-height:1.6em;}
ul li.selected a {font-weight:bold;color:#1a1a11;}

a {color:#7a7a71;text-decoration:none;}
a:hover {color:#1a1a11;}
li a, p a {border-bottom:1px solid #eaeae1;}
li a:hover, p a:hover {border-bottom:1px solid #1a1a11;}

dl {}
dt {line-height:1.2em;font-size:.8em;font-weight:bold;letter-spacing:1px;margin:0 0 .1em 0;text-transform:uppercase;}
dd {line-height:1.4em;font-size:.85em;margin:0 0 .8em 0;}
dl p {display:none;}

.first p:first-child:first-letter {font-weight:normal;font-size:2.8em;line-height:1;float:left;margin:.1em .15em -.1em 0;}
p, h5 {margin:0 0 .8em 0;}
h5 {line-height:1.5;}
/*p em {font-style:normal;background:#f7f7f7;padding:1px 0;}*/

/* Nav */

ul.nav {letter-spacing:1px;text-transform:uppercase;height:144px;}
ul.nav li a {display:inline-block;padding:2px 0 0 0;}
ul.nav li.selected a {font-weight:normal;color:#1a1a11;border-color:#1a1a11;}
ul.nav li#dr a {text-indent:1px;border:0;color:#fff;background:#dadad1;font-weight:bold;font-size:.65em;line-height:1;padding:.5em .3em .4em .3em;}
ul.nav li#dr a:hover {background:#1a1a11;}
ul.nav li#dr.selected a {color:#fff!important;background:#1a1a11!important;}
/* Lists */

ul.plist {padding:.5em 0 0;font-size:.85em;}
ul.plist li {margin:0 0 .5em 0;}
ul.plist li a {padding:.15em 0;}
ul.plist li.selected a {font-weight:normal;color:#1a1a11;border-color:#1a1a11;}

/* Footer */

#info h4 {font-family:"HelveticaInseratLTStdRoman", Helvetica, sans-serif;display:inline;padding-top:.6em;border-top:1px solid #1a1a11;}
#info p {font-size:.85em;}
a#totop {opacity:.2;float:right;text-indent:-9999px;width:72px;height:40px;background:url(../img/top.png) no-repeat left top;}
a#totop:hover {opacity:1;}

/* Home */

.home {position:relative;}
.home h3 {text-transform:none;font-weight:normal;width:252px;padding:6px 0 8px 12px;position:absolute;background:#fff;top:0;right:0;}
.home h3 a {text-transform:uppercase;padding-top:.2em;display:block;}
.home a img {opacity:.9;-webkit-border-radius:840px;-moz-border-radius:840px;border-radius:840px;} .home a:hover img {opacity:1;}

/* Projets */

#projets {margin:0 0 24px 0;width:576px;float:right;}
#projets .box {min-height:0;}
#projets .un {margin:0;width:132px;padding:6px 12px 12px 0;background:#fff;z-index:1000;}
#projets h3 {font-size:.8em;line-height:1.2em;font-weight:normal;position:absolute;top:0px;left:0px;margin:0;}
#projets .deux {position:relative;margin-bottom:3.5em;}
#projets img {opacity:1;background:#fafafa;}
#projets img:hover {opacity:.9;background:#;}

#pinfo.box.deux {width:190px;border:1px solid #eaeae1;margin-bottom:24px;padding:18px 48px 12px 24px;}

#plist p a {color:#1a1a11;border:0 none;}
#plist p a:hover {border-bottom:1px solid;}

div.caption {
	position:relative;
	float:left;
	padding-right:24px;
}
div.caption p {
	display:none;
	font-size:.85em;
	line-height:1.2;
	color:#7a7a71;
	background:#fff;
	position:absolute;
	padding: 3px 5px 3px 2px;
	max-width:264px;
	bottom: 24px;
	left: 24px;*/
}

.caption {/*width:132px;padding:6px 12px 12px 0;*/}
.caption p {margin:0;}

.poesie {font-family:'Courier New';font-size:.9em;}

/* Tags */

ul.tags {text-transform:uppercase;font-size:.7em;line-height:1em;letter-spacing:1px;}
ul.tags li {float:left;display:inline;margin:0 .5em .5em 0;}

ul.tags li a {
font-size:.95em;letter-spacing:2px;display:block;color:#5a5a51;padding:6px 3px 5px 5px;
border-color:#fff;border-style:solid;border-width:0 1px 1px 0;}

ul.tags a.selected, ul.tags.cat a.selected {background:#fafafa;}

ul.tags a.selected, ul.tags.cat a.selected, ul.tags a:hover.selected, ul.tags.cat a:hover.selected
{border-color:#eaeae1;border-style:solid;border-width:1px 0 0 1px;}
ul.tags a:hover {border-color:#eaeae1;border-style:solid;border-width:1px 0 0 1px;}

ul.tags.cat li a {font-size:1.1em;}

ul.tags a.T2002, ul.tags a.T2003, ul.tags a.T2004, ul.tags a.T2005, ul.tags a.T2006, ul.tags a.T2007, ul.tags a.T2008, ul.tags a.T2009, ul.tags a.T2010, ul.tags a.T2011, ul.tags a.T2012, ul.tags a.T2013, ul.tags a.T2014, ul.tags a.T2015, ul.tags a.T2016, ul.tags a.T2017, ul.tags a.T2018, ul.tags a.T2019, ul.tags a.T2020  {letter-spacing:1px;color:#1a1a11;font-weight:bold}

/* News */

.news h4, .new h4 {/*-webkit-transform:rotate(-10deg) skew(-10deg);*/padding:.4em 0 0 0;border-top:1px solid #dadad1;color:#7a7a71;font-weight:normal;display:inline-block;font-size:.8em;letter-spacing:1px;}
.news h4 {float:left;margin:0 0 0 -144px;}
.new h4 {margin-bottom:1.6em;}

.new {border-bottom:1px solid #eaeae1;padding-bottom:1.6em;margin-bottom:3.5em;overflow:auto;}
.new img {width:120px;float:left;margin:0 24px .5em 0;}

/* About */

.bio p {font-size:.85em;}
.bio ul {font-size:.85em;margin:0 0 1em 0;}
.bio ul li {margin-left:-10px;padding-left:10px;background:url(../img/bullet.gif) no-repeat left .8em;color:#7a7a71;}
.mugshot {float:left;display:block;width:100%;margin:0 0 1em 0;}
.mugshot img {width:120px;}

.legal p {font-size:.85em;color:#7a7a71;}
.legal p strong {color:#1a1a11;font-weight:normal;}

.collab p {clear:both;}
.collab ul {float:left;margin:0 0 2em 0;}
.collab ul li {float:left;width:264px;font-size:.85em;margin:0 3px 3px 0;}

.modif {display:none;}

/* Desirama */

#desirama {position:absolute;top:20px;right:-90px;}

/*  2-column, 320 px layout for smartphones (portrait)
	---------------------------------------
	1      2
	120px  264px   (24px gutters)        */

@media only screen and (max-width: 768px) and (orientation:portrait) {
	body {font-size:14px;padding: 34px 28px 0;width: 264px;
		-webkit-text-size-adjust:none;
		}
	.trois,.quatre,.cinq,.six,.sept,.huit,.neuf,.dix,.onze,.douze {width:264px;}
	.un {width:264px;}
	ul.nav {padding:0;}
	.ciao {display:none;}
	.box {min-height:24px;}
	#projets {width:288px;float:left;}
	#projets .un {padding:0 12px 12px 0;width:120px;}
	#projets .deux {margin-bottom:24px;}
	.mugshot img {width:120px;}
	.news h4 {float:none;margin:0;}
}


/*  3-column, 480 px layout for smartphones (landscape)
	---------------------------------------------
	1      2      3      
	120px  264px  408px  (24px gutters)        */

@media only screen and (max-width: 768px) and (orientation:landscape) {
	body {font-size:14px;padding: 48px 36px 0;width: 408px;
		-webkit-text-size-adjust:none;
		}
	.quatre,.cinq,.six,.sept,.huit,.neuf,.dix,.onze,.douze {width:408px;}
	ul.nav {padding:0;width:408px;height:auto;}
	.ciao {display:none;}
	.box.six.ciao {display:none;}
	ul.nav li {float:left;display:inline;margin:0 1em 0 0;}
	.box {min-height:24px;}
	#projets {width:432px;float:left;}
	#projets .un {padding:0 10px 12px 0;width:110px;}
	#projets .deux {width:408px;margin-bottom:24px;}
	#projets .deux img {width:264px;}
	#projets h3 {left:288px;}
	#plist {width:408px;}
	.news h4 {float:none;margin:0;}
	a.desirama {top:1.5em;left:20em;}

}


/*  8-column, 1224 px layout for desktops and laptops
	------------------------------------------------------------------------
	1      2      3      4      5      6      7      8
	120px  264px  408px  552px  696px  840px  984px  1128px   (24px gutters) */

@media only screen and (min-width: 1224px) {
	body {font-size:16px;padding: 72px 48px 0;width: 1128px;}
	.six	{width:840px;}
	.sept	{width:984px;}
	.huit,.neuf,.dix,.onze,.douze {width:1128px;}
	.push {width:552px;}
	.box.six.ciao {display:block;}
	.home {margin-left:-120px;}
	#projets {width:864px;}
	.box.trois.tagbox {width:696px;} ul.tags {width:552px;}
}


/*  12-column, 1824 px layout for gigantic screens   (24px gutters)
	---------------------------------------------------------------------------------------
	1      2      3      4      5      6      7      8       9       10      11      12
	120px  264px  408px  552px  696px  840px  984px  1128px  1272px  1416px  1560px  1704px */

@media only screen and (min-width: 1824px) {
	body {font-size:18px;padding: 72px 60px;width: 1704px;}
	.big	{}
	.push {width:1128px;}
	.box.six.ciao {width:264px;}
	.home {margin-left:144px;}
	.modif {display:block;}
	
	.six	{width:840px;}
	.sept	{width:984px;}
	.huit	{width:1128px;}
	.neuf	{width:1272px;}
	.dix	{width:1416px;}
	.onze	{width:1560px;}
	.douze	{width:1704px;}
	#projets {width:1728px;}
	
	ul.tags {width:552px;margin:0;}
	.news h4 {float:none;margin:0;}
	
}


/*  Overrides for iPhone 4 and other high device-pixel-ratio devices */

@media
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	
	
}