/*
THEME NAME: Lollybooks Café
THEME URI: http://www.lollybooks.com/
DESCRIPTION: Theme for lollybooks Café
VERSION: 1.5
AUTHOR: Gwenhael Le Moine
AUTHOR Uri: http://cycojesus.free.fr
TAGS: two columns, white, red
*/

@import url('sandbox.css');

/* --------------------------------------------------------- */
body {
    background: #ccbbbb;/* #d0d0b4; */
    font-size: 82.5%;
    font-family: sans-serif;
}
img {
    border: none;
}
a {
    color: #edf;
}
a[href^="http://facebook.com"],
a[href^="http://www.facebook.com"] {
    padding-left: 20px;
    background : url(images/facebook_16.png) no-repeat left center;
    }
li.sexy-facebook a { padding-left; 0; background: none; }

div#wrapper {
    width: 960px;
    margin: 0 auto;
}

div#container {
    margin-top: 0;
}

div#content {
    /* position: absolute; */
    width: 728px;
    border: 3px #fff solid;
    /* border-top: 0; */
    background: #eb3f01;
    padding: 0 1em;
    display: table;
}

div#partners {
    border: 3px #fff solid;
    background: #eb3f01;
    padding: 0 1em;
}
div#partners h1 {
color:#FFF;
margin:0;
text-align:left;
text-decoration:underline;
}

div#respond {
    text-align: center;
}

.entry-title a {
    text-decoration: none;
    color: #fff;
}
div.entry-date {
    text-align: right;
    margin-top: -1.6em;
    color: #fff;
}

div.sidebar {
    background: #eb3f01;
    border: 3px #fff solid;
    border-top: 0;
    border-right: 0;
    width: 197px;
}
.sidebar li {
    margin:1em 0 1em;
    padding-left: 0.9em;
    color: #fff;
}
.sidebar li.widget a {
    text-decoration: none;
    border-bottom: 1px #ffffff dotted;
}
.sidebar li.widget ul li {
    padding: 0 5px 3px 0;
}

div#primary {
    margin-top: 0;
}

div#partners {
    float: left;
    width: 930px;
    /* height: 160px; */
    padding: 10px;
    margin: 10px;
    }
div#partners div#partners_logos {
	margin: 0 auto;
	width: 900px
}
div#partners a img {
    float: left;
    margin: 3px;
    }
div#partners a {
    width: 275px;
    height: 184px;
    }

div#footer {
    width: 100%;
    padding-top: 7px; /* like bottom shadow */
    text-align: right;
}
#copyright {
    font-size: 0.6em;
}

/* HEADER */
div#header {
    height: 170px;
    background: #eb3f01;
    border: 3px #fff solid;
    border-bottom: 0;
}

#header img#logo {
    width: 355px;
    height: 92px;
    float: left;
    position: relative;
    top: 14px;
    left: 22px;
    border: none;
}
#header img#logo:hover,
.sidebar .widget li:hover,
.sidebar .widget a:hover {
    background-color: #fc4f12;
}

#header #subtitle {
    float: left;
    width: 491px;
    height: 122px;
    padding: 17px 0 11px 94px;
    text-align: left;
}
#header #subtitle #icons {
    border-bottom: 2px #fff solid;
}
#header #subtitle #icons img {
    padding: 0;
    margin-right: 3px;
}
#header #subtitle #icons img#lollypops {
    margin-right: 0;
}
#header #subtitle #adress {
    padding-top: 6px;
    color: white;
    font-weight: bold;
    font-size: 130%;
    font-family: sans-serif;
}
#header #menu {
    float: right;
    margin: 0;
    background: none;
}
#header #menu ul {
    /* float: right; */
    padding-left: 197px; /* same as sidebar's width */
    /* padding-left: 74px; */ /* same as sidebar's width */
    font-size: 115%;
    font-weight: bold;
}
#header #menu ul li/* .page_item */ {
    width: 8em;
    border-left: 1px #eb3f01 solid;
    border-right: 1px #eb3f01 solid;
    background-color: #992A00;
}
#header #menu ul li ul {
    padding-left: 0;
}
#header #menu ul li.current_page_item,
#header #menu ul li/* .page_item */:hover,
#header #menu a:hover {
    background-color: #c91d00;
}
/* end HEADER */

#nav-above, #nav-below {
    background-color: #c91d00;
    padding: 0.1em 1em;
}
#nav-below {
    margin-bottom: 1em;
}

.post {
    margin-bottom: 2em;
}
.entry-title {
    margin-top: 0;
    margin-bottom: 0;
}
.entry-title, .entry-meta, #comments-list {
    background-color: #c91d00;
    color: #fff;
    padding: 1em;
}
.entry-content {
    padding: 1em;
    background-color: #fef;
}
.entry-content, .entry-date {
    border-left: 3px #c91d00 solid;
    border-right: 3px #c91d00 solid;
}
.entry-content a {
    color: #0000ff;
}
.entry-attachment {
    text-align: center;
}

/* .page */
.page div#content {
    /* padding: 0; */
    padding-bottom: 33px;
}
.page div#content h2 {
    margin-top: 20px;
    }
/* GIOI THIEU */
.page .gioi_thieu {
    border: 0;
    margin-bottom: 25px;
}

/* div#primary, div#content { */
/*     min-height: 389px; */
/* } */

/* NEWPAGE CONTEST */
/* .page */ #content #submissions /* .sidebar */ {
    float: right;
    /* border-right: 3px white solid; */
    border: 0;
    margin: 0;
    padding-bottom: 10px;
    width: 25%;
    background-color: #c91d00;
    }
/* .page */ #content #submissions li {
    padding-top: 0.25em;
    font-size: 1.2em;
    color: #fff; /* bullet */
    }
/* .page */ #content #intro {
    float: left;
    width: 67%;
    background-color: #ffaf88;
    padding: 0.5em;
    }


/******************* CSS3 et gros hacks de fölỹẹ *******************/
/* see http://www.phpied.com/css-performance-ui-with-fewer-images/ */
/********** SHADOWS **********/
#header, #content, #primary, #partners {
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}
#primary {
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='gray')";
}

/* /\**** TEXT SHADOWS ****\/ */
/* #header #subtitle #adress { */
/*     text-shadow: 1px 1px 0 #992A00; /\* Looks funny next to non-shadowed images... *\/ */
/* } */
/* .sidebar li.widget */ a:hover {
    text-shadow: 1px 1px 0 #992A00;
}
.entry-content a:hover {
    text-shadow: 1px 1px 0 #ddad99;
}

/********** ROUNDED CORNERS **********/
    /* -moz-border-radius: <top-left> <top-right> <bottom-right> <bottom-left> */
div#content, .entry-content {
    -moz-border-radius: 0 0 40px 0;
    border-radius: 0 0 40px 0;
    -webkit-border-bottom-right-radius: 40px;
}
.sidebar {
    -moz-border-radius: 0 0 0 40px;
    border-radius: 0 0 0 40px;
    -webkit-border-bottom-left-radius: 40px;
}
div#header {
    -moz-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
}
div#partners {
    -moz-border-radius: 0 40px 40px 40px;
    border-radius: 0 40px 40px 40px;
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
}
.entry-title, #nav-below, #comments-list {
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
}
#menu, .entry-meta, #nav-above, #nav-below, #comments-list {
    -moz-border-radius: 0 18px 18px;
    border-radius: 0 18px 18px;
    -webkit-border-top-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;
}
#content #intro, /* .page */ #content #submissions {
    -moz-border-radius: 0 0 18px 18px;
    border-radius: 0 0 18px 18px;
    -webkit-border-bottom-left-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;
    }
#header #menu ul li {
    -moz-border-radius: 4px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    }
/* .page h2 { */
/*     -moz-border-radius: 0; */
/*     border-radius: 0; */
/*     -webkit-border-radius: 0; */
/* } */

/* /\********** GRADIENTS **********\/ */
/* .gradient { */
/*     background-image: -moz-linear-gradient(top, #641d1c, #f00); */
/*     background-image: -webkit-gradient(linear, left top, left bottom, from(#641d1c), to(#f00)); */
/*     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff641d1c,endColorstr=#ffff0000); */
/*     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff641d1c,endColorstr=#ffff0000)"; */
/* } */








/* /\******** ALTERNATIVE: fixed header and sidebar ********\/ */
/* body { */
/*     margin: 0; */
/*     padding: 0; */
/*     } */
/* div#fake_background { */
/*     background: #ccbbbb; */
/*     width: 100%; */
/*     height: 181px; */
/*     z-index: 2; */
/*     position: fixed; */
/*     top: 0; */
/*     } */
/* div#wrapper { */
/*     margin-top: 8px; */
/*     } */
/* div#header, div#primary { */
/*     position: fixed; */
/*     z-index: 2; */
/*     } */
/* div#content { */
/*     position: relative; */
/*     top: 173px; */
/*     z-index: 1; */
/*     width: 737px; */
/*     border-left: 0; */
/*     border-top: 0; */
/*     } */
/* div#header { */
/*     width: 960px; */
/*     } */
/* div#primary { */
/*     top: 181px; */
/*     } */
/* /\* #footer { *\/ */
/* /\*     position: relative; *\/ */
/* /\*     /\\* bottom: 0; *\\/ *\/ */
/* /\*     } *\/ */
/* div#primary { */
/*   /\* offset left, top, thickness, color with alpha *\/ */
/*   -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); */
/*   -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); */
/*   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); */
/*   /\* IE *\/ */
/*   filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray'); */
/*   /\* slightly different syntax for IE8 *\/ */
/*   -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')"; */
/* } */