/** 
 * LCP United CSS
 * Partikule Studio 2010
 *
 */

/* Reset */

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	list-style: none;
	font-size: 100.01%;
	font-style: normal;
	font-weight: normal;
	font-family: inherit;
	text-decoration: none;
}
img {
	display: block;
}

/* Global typography */
body {
	font-family: Georgia, Times New Roman, serif;
	font-size: 62.5%;
}
strong, b {
	font-weight: bold;
}
h2 {
	font-family: Georgia, Times New Roman, serif;
}

/* Containers
 * ------------------------------------------- */
div.wrap {
	width:912px;
	margin: 0 auto;
}
#header {
	background: url(../images/logo_lcp_united.png) no-repeat center center;
	background-color: #000;
}
#header a{
	height: 215px;
	width:910px;
	display: block;	
}
#content {
	clear:both;
}
#footer {
	clear:both;
	margin-top: 30px;
	position: relative;
	color:#fff;
	background-color: #000;
}


/* Navigation
 ---------------------------------- */
/* Categories */
ul.categories {
	list-style: none;
	margin-bottom: 20px;
}
ul.categories li a {
	padding: 5px 4px;
	color:#b00;
	text-decoration: none;
}
ul.categories li a:hover {
	color:#fff;
	background-color: #a00;
}
ul.categories li a.active {
	color: #fff;
	background-color: #800;
}

/* Pagination */
.pagination-container {
	height: 2.4em;
	margin-bottom: 20px;
}
.pagination {
	font-size: 1.4em;
	text-align: right;
	float: right;
	height: 2.4em;
	margin-bottom: 15px;
}
.pagination a, .pagination a:visited{
	padding:3px 10px;
	color:#b00;
	display: block;
	float: left;
}
.pagination a:hover{
	background-color: #000;
	color:#fff;
}
.pagination strong {
	background-color: #000;
	color:#fff;
	padding:3px 8px;
	display: block;
	float: left;
}
.pagination span.next a{
}


/* Navigation menu */
#nav {
	position:relative;
	margin-top:30px;
	height: 76px;
}
#nav li {
	float:left;
	width: 228px;
	text-align: center;
	position: relative;
}
#nav li a, #nav li a:visited {
	font-family: Georgia, Times New Roman, serif; 
	font-size: 1.5em;
	height:46px;
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #000;
	border: solid 1px #000;
	margin: 0 1px 0 0;
	padding-top: 30px;
	text-transform: uppercase;
	text-align: center;
/*	line-height: 76px;*/
}
#nav li a.active,
#nav li a:visited.active {
	color: #000;
	border: solid 1px #f0f0f0;
	background-color: #fff;
}
#nav li a:hover{
	background-color: #555;
	border: solid 1px #555;
}
#nav li a.active:hover{
	border: solid 1px #f0f0f0 !important;
	background-color: #eee !important;
}

/* Detailled */
#nav #nav-collaborative,
#nav #nav-charles,
#nav #nav-claude {
	height:46px;
	padding: 30px 0 0 14px;;
	text-align:left;
}
#nav #nav-collaborative:hover,
#nav #nav-charles:hover,
#nav #nav-claude:hover {
	background-color: #555;
	border: solid 1px #555;
}

#nav #nav-collaborative{
	height: 56px;
	padding: 20px 40px 0 14px;
	background: url(../images/bg_nav_collaborative.png) no-repeat 177px center;
	background-color: #000;
}
#nav #nav-collaborative.active {
	background: url(../images/bg_nav_collaborative_active.png) no-repeat 177px center;
	background-color: #eee;
}
#nav #nav-charles{
	background: url(../images/bg_nav_charles.png) no-repeat 177px center;
	background-color: #000;
}
#nav #nav-charles.active {
	background: url(../images/bg_nav_charles_active.png) no-repeat 177px center;
	background-color: #eee;
}
#nav #nav-claude{
	background: url(../images/bg_nav_claude.png) no-repeat 177px center;
	background-color: #000;
}
#nav #nav-claude.active {
	background: url(../images/bg_nav_claude_active.png) no-repeat 177px center;
	background-color: #eee;
}

/* Sub Navigation menu */
#subnav {
	position:relative;
	overflow: hidden;
	margin-top:30px;
	border-bottom: solid 4px #000;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#subnav li {
	float:left;
	text-align: center;
	position: relative;
}
#subnav li a, #subnav li a:visited {
	font-family: Georgia, Times New Roman, serif; 
	font-size: 1.5em;
	color: #000;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	text-align: center;
	margin:0 1px 0 0;
	padding:10px 15px;
}
#subnav li a:hover,
#subnav li a.active,
#subnav li a:visited.active {
	color: #fff;
	background-color: #000;
}


/* Content
 * ------------------------------------------- */
#content h2 {
	font-size: 2.6em;
	min-height: 40px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
#content h2 span{
	text-transform: none;
	font-size: 0.65em;
	font-style: italic;
}
#content h2 a {
	color:#000;
	display: block;
	padding: 5px 0;
	padding-right: 50px;
}
#content h2 a:visited {
	color:#888;
}
#content h2 a:hover {
	color:#c00;
}
/* Icons of titles */
#content .article h2.claude {
	background: url(../images/bg_nav_claude_active.png) no-repeat 878px top;
}
#content .article h2.charles {
	background: url(../images/bg_nav_charles_active.png) no-repeat right top;
}
#content .article h2.collaboration {
	background: url(../images/bg_nav_collaborative_active.png) no-repeat right top;
}

/* Date */
#content p.date {
	font-size:1.4em;
}
#content p.date a,
#content p.date a:visited {
	color:#000;
}
/* Paragraph */
#content p {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

#sentence{
	margin:15px 0;
	font-size: 1.4em;
	text-align: justify;
}

/* article */
#content .article-pictures{
	margin-bottom: 10px;
	width:912px;
	overflow-x: hidden;
}
#content .article {
	border-bottom: solid 4px #000;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#content .article .text .credits {
	font-style: italic;
	color:#777;
	font-size: 1.2em;
}
#content .article p.date {
	margin-bottom: -5px;
	line-height: 1em;
}
#content  .article p.date a{
	display: block;
}
#content .article .text {
	clear:both;
}
#content .article .text p {
	position: relative;
	text-align: justify;
}
#content .article .text p a,
#content .article ul li a {
	color: #c00;
	text-decoration: underline;
}
#content .article .text p a:visited,
#content .article ul li a:visited{
	color: #888;
	text-decoration: underline;
}

#content .article .text p a:hover,
#content .article ul li a:hover{
	text-decoration: none;
}


/* Loader */
.img-loader{
	height: 28px;
	position: absolute;
	width: 28px;
	z-index: 1001;
}

/* Social network */
.share {
	margin:10px 0 0 0;
	height:30px;
	
}
.share a {
	display:block;
	width:27px;
	height: 27px;
	float:right;
	margin-left:5px;
	cursor:pointer;
}
.share a.facebook {
	background: url(../images/bg_icon_share.png) no-repeat 0 -27px;
}
.share a.facebook:hover {
	background: url(../images/bg_icon_share.png) no-repeat 0 0px;
}

.share a.myspace {
	background: url(../images/bg_icon_share.png) no-repeat -27px -27px;
}
.share a.myspace:hover {
	background: url(../images/bg_icon_share.png) no-repeat -27px 0px;
}
.share a.twitter {
	background: url(../images/bg_icon_share.png) no-repeat -54px -27px;
}
.share a.twitter:hover {
	background: url(../images/bg_icon_share.png) no-repeat -54px 0px;
}

/* thumbs gallery */
.thumbs {
	margin-top:5px;
	overflow: hidden;
	
}
.thumbs a{
	float:left;
	margin: 0 5px 5px 0;
}

/* Flash media */
.video p, .video ul li, .video ol li,
.music p, .music ul li, .music ol li{
	font-size: 1.8em;
	text-align: center;
}


/* Footer */
#footer div.fbloc {
	float:left;
	width:198px;
	padding:20px 0 10px 20px;
}
#footer .fbloc p{
	float:left;
}
#footer .fbloc img{
	display:inline;
}

#footer #copyright {
	clear:both;
	text-align: right;
	font-size: 0.7em;
	padding:10px;
}
/* Footer typography */
#footer h2 {
	font-size: 1.8em;
	font-variant: small-caps;
	margin-bottom: 10px;
	border-bottom: solid 1px #fff;
	margin-right:40px;
}
#footer p{
	font-size: 1.2em;
}
#footer a,
#footer a:visited {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}