/* --------------------------------------------- */ 
/*	pigeonnierdetivoli										       */
/*	Build start date: 16/07/2009                 */
/* --------------------------------------------- */

/* --------------------------------------------- */
/* KEY                                           */
/* --------------------------------------------- */
/* 1.	General Setup                              */
/* 2.	SkipLinks                                  */
/* 3.	Typography		                             */
/* 4.	Wrapper                                    */
/* 5.	Navigation                                 */
/* 6.	Footer		                                 */
/* --------------------------------------------- */
/* 0.875 = 14		                                 */
/* 0.8125 = 13		                               */
/* 0.75 = 12		                                 */
/* 0.6875 = 11		                               */
/* 0.625 = 10		                                 */
/* 0.5625 = 9		                                 */
/* 0.5 = 8		                                 	 */


/* --------------------------------------------- */
/* 1. General Setup                              */
body { font: 100%/1.125em arial, helvetica, verdana, sans-serif; background: #FFF url(/a/img/global/textures/light-blue.gif) repeat 0 0; padding: 0; margin: 0; color: #2A2A2A; }

/* --------------------------------------------- */
/* 2. Generic Classes                            */
.offScreen { position: absolute; left: -5000px; }
.clear { clear: both; }
.post h2 a:link,
.post h2 a { text-decoration: none; }
.post h2 a:hover { background: #d9d9d9; color: #2a2a2a; }

a:link { color: #2a2a2a; }
a:visited { color: #6a6a6a; }
a:hover { background: #a2b364; color: #FFF; }

/* --------------------------------------------- */
/* 3. Flickr 					                           */
#flickr_badge_wrapper { width: 190px; margin: 0 auto; overflow: hidden;}
	#flickr_badge_wrapper .flickr_badge_image img { border: 5px solid #FFF; float: left; margin: 0 0 5px 5px; }

/* --------------------------------------------- */
/* 4. Typography			                           */
h1 { font-size: 3em; border-bottom: 2px solid #FFF; padding-bottom: 10px; letter-spacing: -0.02em; font-weight: normal; line-height: 1em; margin:0 0 30px 0}
	h1 a { color: #FFF !important; text-decoration: none; }
div.film { background: transparent url(/a/img/global/bgTrans.png) repeat 0 0; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; overflow: hidden; width: 100%; padding: 20px; margin:10px 0 0 0;}

.twoThirds { width: 600px; float: left; }
.oneThird { margin-left: 690px; margin-top: 50px;}
#heroImage { float: left; }
.col { width: 200px; float: left; }
	.col.id { width: 350px; }
	.col.right { float: right; width: 505px; text-align:left; }

dl dt { font-weight: bold; font-size: 1.125em;}
dl dd { margin-bottom: 10px; }

p.intro { margin-top: 0; }

ul#nav { list-style-type: none; margin: 0; padding: 0; }
	ul#nav li { float: left; margin-right: 3px; }
	ul#nav li a { color: #2a2a2a; margin-right: 10px; padding-right: 10px; font-weight: bold; text-decoration: none; font-size: 1.125em; background: #FFF; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; padding: 5px 10px; }
	ul#nav li.last a { margin-right: 0px; }
	ul#nav li.active a,
	ul#nav li a:hover { background: #a2b364; color: #FFF; }
/* --------------------------------------------- */
/* 5. Structure                                  */
#wrapper { text-align: left; font-size: 1em; width:940px; margin: 20px auto; overflow: hidden; }

.full { border:1px solid #000;}
/* --------------------------------------------- */
/* 6. Header	                                   */
#header { width: 622px; background: transparent url(/a/img/global/bgTrans.png) repeat 0 0; padding: 10px 0; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; margin-bottom: 35px; margin-left: 25px;}
	#header ul { margin: 0; padding: 5px; list-style-type: none; width: 100%; overflow: hidden; font-size: 0.75em; line-height: 1em;}
		#header ul li { float: left; margin-right: 10px; }
			#header ul li a { text-decoration: none; color: #2A2A2A; padding: 3px 8px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
			#header ul li.active a,
			#header ul li a:hover { background: #B4B4B4; color: #FFF; }
			#header ul li.contactDetails { font-size: 0.875em; float: right; color: #000; margin-right: 20px; font-weight: bold;}
				#header ul li.home { margin-left: 5px; }



/* --------------------------------------------- */
/* 7. Content	                                   */
#content { font-family: georgia, helvetica, arial, serif; font-size: 0.8125em; margin-top: 50px;}
	#content #additional { float: right; width: 180px; font-size: 0.75em; margin-top: 100px;}
		#content #page { margin: 50px 0 0 0; }

		.post { padding: 15px 0px; position: relative; margin-bottom: 25px; }
		.post a { color: #2a2a2a; }
		.post a:hover { color: #FFF; }
		#content {  }


	
.side { float: right; margin-top: 5px; margin-bottom: 25px; }

.shoeBox { width: 246px; }
.shoeBoxTopSlice { background: url(/a/img/common/shoebox/shoeboxTopSlice.gif) no-repeat 0 0; height: 10px; }
.shoeBoxInner { background: url(/a/img/common/shoebox/repeater.gif) repeat-y 0 0; padding: 5px 15px; overflow: hidden; }
.shoeBoxBottomSlice { background: url(/a/img/common/shoebox/shoeboxBottomSlice.gif) no-repeat 0 0; height: 10px; }

#footer { border-top: 1px solid #fff; clear: both; background: transparent url(/a/img/global/bgTrans.png) repeat 0 0; font-size: 0.75em; min-height: 100px; height: auto !important; height: 100px; margin-top: 50px; }
	#footer .innerWrapper { text-align: left; width: 940px; margin: 0 auto; color: #000; padding-top: 10px;}
#footer #footerInfo { width: 350px;}
	#footer #footerInfo p { margin-top: 0;}
	#footer a { text-decoration: none; color: #2A2A2A; padding: 1px 0px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
		#footer a:hover { background: #a2d7df; }

#footer #side { color: #fff; }
#footer .footerPage { width: 583px; float: left; color: #FFF; }
#footer .footerSide { float: right; margin-top: 5px; margin-bottom: 25px;}
#footer h2 { margin: 0 0 -10px 0; }

span.drops { font-size: 2em; font-weight: bold; }



.inner { padding: 15px 25px; }
.news { font-size: 1em; }
	.news .inner { padding: 0; font-size: 0.916em; line-height: 1.3em; margin-bottom: 10px;}
	.news hr { color:#d4d4d4;background-color:#d4d4d4;height:1px;border:none; }
.news h2 { background: url(/a/img/global/feed.jpg) no-repeat 98% 50%;font-size: 1.333em; margin: 10px 0px; border-bottom: 1px solid #d4d4d4; padding-top: 6px; padding-bottom: 5px;  line-height: 1.375em;}
.news h3 { margin: 0 0 -7px 0; }
	
	img.right { float: right; margin-left: 10px; margin-top: 10px; }
	img.left { float: left; margin-right: 10px; margin-top: 10px; }


h2#displayingTags { -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; background: transparent url(/a/img/global/bgTrans.png) repeat 0 0; text-align: center; border: 0; font-size: 1em; }




hr
{
  border-color: #d4d4d4;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 150px 20px 150px;
  height: 0;
}


