/*
Theme Name: Liquid Concept 2009
Theme URI: http://www.liquid-concept.ch
Description: Thème 2009 de Liquid Concept
Version: 1.0
Author: Liquid Concept
Tags:
Text Domain: lc2009
*/

body {
	margin: 0;
	padding: 0;
	font-family: "trebuchet ms", FreeSans, sans-serif;
	font-size: 14px;
	color: #888a85;
	background: #edeaea url(./img/bg.png) repeat-x center top;
}

p {
	text-align: justify;
	margin: 0 0 .5em 0;
	padding: 0;
	word-wrap: break-word;
}

a {
	text-decoration: underline;
	color: #0075D6;
}
a:visited {
	color: #3172a8;
}
a:hover, a:active {
	color: #4996d6
}

p.arrow {
        text-align: right;
}
p.arrow a:before {
	content: "► ";
}

p.arrow a {
	color: #eeeeec;
	text-shadow: 0 0 5px #ccc;
	font-weight: bold;
	text-decoration: none;
        line-height: 1.5em;
        font-size: 1.3em;
}

p.arrow a:hover {
	color: #fff;
	text-shadow: 0 0 3px #fff;
	text-decoration: underline;
}

img.left, img.alignleft {
	float: left;
	padding: 4px 10px 5px 0;
}
img.right, img.alignright {
	float: right;
	padding: 4px 0 5px 10px;
}

video, object.video {
	margin: 5px 0 10px 0;
}
object.player {
        margin: 0;
}

div.clear {
	clear: both;
}

/*---------------------------------------
 *  PAGE
 * -------------------------------------*/
#page {
	width: 938px;
	margin: 30px auto 0 auto;
}

/*---------------------------------------
 *  HEADER
 * -------------------------------------*/
#header {
	width: 935px;
	margin: 0;
	position: relative;
}

#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	margin: 20px 0 10px 30px;
	padding: 0;
	width: 459px;
	height: 131px;
	overflow: hidden;
	text-indent: -900000px;
	background: transparent url(./img/liquid-concept.png) no-repeat;
}

#header p,
#header h2 {
	display: block;
	float: right;
	width: 420px;
	margin: 0;
	padding: 0;
	margin-right: 30px;
	
}
#header h2 {
	font-size: 24px;
	width: 383px;
	color: #555753;
}

#nav {
	list-style: none;
	margin: 0;
	margin: 0;
	position: absolute;
	top: 72px;
	right: 90px;
}
#nav li {
	display: inline;
	padding-left: 3px;
	margin-right: 3px;
}
#nav li a {
	text-decoration: none;
}

#lang-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 72px;
	right: 30px;
}

#lang-menu li {
	display: inline;
	padding-left: 3px;
	margin-right: 3px;
	border-left: 1px solid #bbb;
}

#lang-menu li:first-child {
	border-left: none;
}

#lang-menu li a {
	text-decoration: none;
}

#lang-menu li.current-lang {
	text-decoration: none;
	color: #bbb;
}

/*---------------------------------------
 *  MAIN
 * -------------------------------------*/
#main {
	width: 938px;
	margin: 0;
	clear: both;
}

.block {
	color: #eeeeec;
	margin: 0;
	padding: 0;
}
.block h2 {
	font-family:  "Helvetica Neue", FreeSans, "Trebuchet MS", sans-serif;
	font-size: 44px;
	line-height: 52px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 7px 0 2px -3px;
	padding: 0;
}
.block:hover h2,
.block:hover h3 {
	text-shadow: 0 0 10px #fff;
}
.block h3 {
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
}

.content {
	padding:33px 20px 20px 29px;
}
.img {
	padding: 33px 0 0 0;
}
#red {
	float: left;
	width: 469px;
	height: 344px;
	
	background: transparent url(./img/bloc2/red.png) no-repeat;
}
#red .content {
	padding: 35px 40px 20px 45px;
}
#red .content p {
	line-height: 1.6em;
	font-size: 12px;
	
}
#red a {
	text-decoration: underline;
	color: #FFDDDD;
}
#red a:visited {
	color: #FFCCCC;
}
#red a:hover, a:active {
	color: #FFEEEE
}
#red p.arrow a {
	text-decoration: none;
	color: #eeeeec;
}
#red p.arrow a:hover {
	text-decoration: underline;
}

#blue {
	float: right;
	width: 469px;
	height: 567px;
	background: transparent url(./img/bloc2/blue.png) no-repeat;
}
#blue .content {
	padding: 35px 48px 20px 37px;
}
#blue .content p {
	line-height: 1.5em;
	font-size: 12px;
        word-spacing: -0.05em;
}

#blue .novideo {
	width: 344px;
	height: 168px;
	padding: 40px 20px 0 20px;
	margin-bottom: 5px;
	background: #edeaea url(./img/video2.png) top left no-repeat;
}
#blue .novideo p {
	text-align: center;
	color: #333;
}


#orange {
	float: left;
	width: 469px;
	height: 223px;
	background: transparent url(./img/bloc2/orange.png) no-repeat;
}
#orange .content {
	padding: 16px 40px 20px 45px;
}
#orange form {
	margin: 10px 0 0 0;
	padding: 0;
}
#orange input.text {
	vertical-align: top;
	border: none;
	font-size: 24px;
	font-family: "trebuchet ms", sans-serif;
	margin: 0;
	padding: 6px 0 0 10px;
	width: 260px;
	height: 38px;
	background: #fff url(./img/text.png) top left no-repeat;
}
#orange input.button {
	vertical-align: top;
	border: none;
	color: #fff;
	font-size: 21px;
	line-height: 21px;
	font-family: "trebuchet ms", sans-serif;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 44px;
	background: #fd6e01 url(./img/button.png) top right no-repeat;
}
#orange .blog-headlines {
        margin: 10px 10px 0 0;
}
#orange .social {
        float: right;
        width: 30px;
        margin: -45px 0 0 0;
}
#orange .social a img {
        border: none;
}
#orange p.arrow {
        text-align: left;
        font-weight: normal;
        margin-bottom: 2px;
}
#orange p.arrow a {
        font-weight: normal;
        text-shadow: none;
}
h2 a,
#red h2 a,
h2 a:visited,
h2 a:hover,
#red h2 a:visited,
h2 a:active {
	text-decoration: none;
	color: #fff;
}

#email-form {
	margin: 0 31px 0 27px;
	padding: 0;
        font-size: 18px;
        text-align: right;
}
#email-form form {
	margin: 0;
	padding: 0;
}
#email-form input.text {
	vertical-align: top;
	border: none;
	font-size: 18px;
	font-family: "trebuchet ms", sans-serif;
	margin: 0 0 0 8px;
	padding: 0 0 0 5px;
	width: 162px;
	height: 22px;
	background: #fff url(./img/email-field.png) top left no-repeat;
}
#email-form input.button {
	vertical-align: center;
	border: none;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-family: "trebuchet ms", sans-serif;
	margin: -2px 0 0 0;
	padding: 0;
	width: 101px;
	height: 24px;
	background: transparent url(./img/email-button.png) 0px 1px no-repeat;
}

.category-communication .storymeta a,
.category-communication-en .storymeta a
{
	color:#0071CE;
	text-decoration: none;
	font-weight: bold;
}
.category-developpement .storymeta a,
.category-development .storymeta a
{
	color: #B71C19;
	text-decoration: none;
	font-weight: bold;
}
.category-design  .storymeta a,
.category-design-en  .storymeta a
{
	color:#535551;
	text-decoration: none;
	font-weight: bold;
}
.category-portfolio .storymeta a,
.category-portfolio-en .storymeta a
{
	color: #f35602;
	text-decoration: none;
	font-weight: bold;
}
.category-culture-web .storymeta a,
.category-web-culture .storymeta a
{
	color: #69c114;
	text-decoration: none;
	font-weight: bold;
}

.page .content {
	color: #555753;
}

#col1 {
	float: left;
	width: 500px;
	color: #555753;
}
#col1 .content {
	padding: 33px 20px 20px 29px;
}
#col2 {
	float: right;
	width: 430px;
	color: #555753;
}
#col2 .content {
	padding: 33px 30px 20px 16px;
}

/*--------------------------------------*/
/*  page 
/*--------------------------------------*/

div.intro {
	width: 450px;
	min-height: 340px;
}
div.intro h2 {
	font-size: 40px;
}
div.page-right-content {
	float: right;
	margin: 0 0 0 0;
}
#page-144 div.page-right-content {
	float: right;
	margin: -80px 0 0 0;
}
.dropdown-list {
	height: 420px;
}
.dropdown-list h4:hover {
	cursor: pointer;
}
.dropdown-list h4:before {
	content: "► ";
}
.dropdown-list h4.open:before {
	content: "▼ ";
}

.dropdown-list h4 {
	border-bottom: 2px #888A85 solid;
	width: 450px;
	font-size: 18px;
	margin: 15px 0 10px 0;
}
.dropdown-list .hideable {
	display: none;
	height: 200px;
	overflow: hidden;
}
.dropdown-list .hideable p {
	width: 450px;
}
.dropdown-list .illustration {
	display: block;
	float: right;
	width: 450px;
	margin-left: 0px;
}
.page-bottom-content {
	margin: 0 0 30px 29px;
}
.page-bottom-content img {
	margin: -60px 0 0 0;
}

/*---------------------------------------
 *  BLOG
 * -------------------------------------*/

#posts{
	float: left;
	width: 570px;
	margin: 0 20px 0 30px;
}
#post h2 {
	font-size: 21px;
	color: #555753;
}
#post h3 {
	font-size: 16px;
	color: #555753;
}
#posts .post {
	margin: 0 0 40px 0;
	padding: 0;
	border-bottom: 2px solid #bbb;
	background: transparent url(./img/post-bg.png) bottom right no-repeat;
}
#posts .feedback {
	margin:0;
	padding: 10px;
}
#posts .storytags {
	margin:0;
	padding: 0 10px;
}
#posts .storydate {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 10px 2px 0;
}
#posts h1.storytitle  {
	font-family:"Helvetica Neue",FreeSans,"Trebuchet MS",sans-serif;
	font-size: 33px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height:36px;
	margin:5px 0 15px -2px;
	padding:0;
}
#posts h1.storytitle a {
	color:#555753;
	text-decoration: none;
}
#posts .storymeta {
	font-size: 11px;
	margin: 0 0 15px 0;
}
#posts blockquote {
	background-color: #fff;
	margin: 10px 20px;
	padding: 15px 20px;
}

.storycontent {
	color: #555753;
	padding-bottom: 10px;
}
.storycontent h1 {
	font-size: 24px;
	margin: 1.5em 0 .7em 0;
}
.storycontent p {
	line-height: 18px;
	margin-bottom: 10px;
}
#commentform .commentarea {
	line-height: 0px;	
}
#commentform input {
	padding: 0 5px;
	width: 157px;
	height: 22px;
	border: none;
	background: #fff url(./img/comment-input.png) no-repeat;
}
textarea#comment {
	border: none;
	padding: 5px;
	margin: 0;
	width: 560px;
	height: 190px;
	background: #fff url(./img/comment-text.png) no-repeat;
}
input#submit {
	float: right;
	clear: right;
	padding: 0 0 5px 0;
	margin: 0;
	width: 200px;
	height: 37px;
	border: none;
	background: #FD6900 url(./img/comment-btn.png) no-repeat;
	color: #fff;
	font-family:"trebuchet ms",sans-serif;
	font-size:21px;
	cursor: pointer;
	overflow: auto;

}
#commentlist {
	padding: 0;
}
#commentlist li {
	list-style-type: none;
}
#commentlist .comment {
	width: 570px;
	background: #fff url(./img/comment-top.png) top no-repeat;
}
#commentlist .comment .commenttext{
	padding: 10px;
	color: #555753;
	width: 550px;
	background: transparent url(./img/comment-bottom.png) bottom no-repeat;
}
.comment {
	margin: 0 0 20px 0;
}
.comment .commentinfo {
	font-size: 10px;
	color: #888A85;
	padding: 10px;
}
	
/*---------------------------------------
 *  BLOG SIDEBAR
 * -------------------------------------*/
#sidebar {
	float: right;
	width: 288px;
	margin: 25px 30px 0 0;
}
 #sidebar h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 1em 0;
	list-style-type: none;
}
 #sidebar ul li.widget {
	font-size: 14px;
	font-weight: normal;
	list-style-type: none;
}
 #sidebar .widget ul {
	 margin: 0;
	 padding: 0;
 }
 #sidebar .widget ul li {
 list-style-type: none;
 padding: 0;
 margin: 0 0 10px 0;
 line-height: 14px;
}
 #sidebar .widget a,
 #sidebar .widget a:visited {
	 text-decoration: none;
 }
  #sidebar .widget ul li a:hover,
 #sidebar .widget ul li a:active {
	 text-decoration: underline;
 }
#sidebar ul li.cat-item {
	width: 212px;
	height: 21px;
	padding: 15px 5px 10px 5px;
	margin: 0;
	text-align: center;
}
#sidebar .widget_categories h2 {
	margin-bottom: .5em;
}
#sidebar  ul li.cat-item {
	margin-left: -10px;
}
#sidebar ul li.cat-item a {
	color: #fff;
	padding: 0;
	font-size: 20px;
}
#sidebar ul li.cat-item-4,
#sidebar ul li.cat-item-28
{
	height: 16px;
	padding: 20px 5px 10px 5px;
	background: transparent url(./img/cat-com.png) no-repeat;
}
#sidebar ul li.cat-item-3,
#sidebar ul li.cat-item-29
{
	background: transparent url(./img/cat-dev.png) no-repeat;
}
#sidebar ul li.cat-item-18,
#sidebar ul li.cat-item-31
{
	background: transparent url(./img/cat-por.png) no-repeat;
}
#sidebar ul li.cat-item-6,
#sidebar ul li.cat-item-30
{
	background: transparent url(./img/cat-web.png) no-repeat;
}
#sidebar ul li.cat-item-5,
#sidebar ul li.cat-item-27
{
	background: transparent url(./img/cat-des.png) no-repeat;
}

/*---------------------------------------
 *  FOOTER
 * -------------------------------------*/
#footer {
	width: 938px;
	margin: 20px 0 0 0;
	clear: both;
}
#footer p {
	display: block;
	float: left;
	margin: 0 52px 20px 30px;
	padding: 0;
	line-height: 16px;
	text-shadow: 0 0 5px #bbb;
	font-size: 12px;
}
#footer a {
	color: #888a85;
}
#footer p.copyright {
	float: right;
	margin: 0 33px 0 0;
}