@font-face {
font-family: 'PFDinDisplayPro-Light';
src: url('fonts/ufonts.com_pfdindisplaypro-light.eot'); /* IE9 Compat Modes */
src: url('fonts/ufonts.com_pfdindisplaypro-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/ufonts.com_pfdindisplaypro-light.woff') format('woff'), /* Modern Browsers */
url('fonts/ufonts.com_pfdindisplaypro-light.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
font-family: 'PFDinTextCondPro Thin';
src: url('fonts/pfdintextcondpro-thin.eot'); /* IE9 Compat Modes */
src: url('fonts/pfdintextcondpro-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/pfdintextcondpro-thin.woff') format('woff'), /* Modern Browsers */
url('fonts/pfdintextcondpro-thin.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* ================== */
/* = RESET CSS v2.0 = */
/* ================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
p {
margin: 0 0 8px 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button::-moz-focus-inner{
border: none;
margin: 0;
padding: 0;
}
:focus {
outline: 0;
}
a,
a:visited {
-moz-transition: all 160ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-ms-transition:all 160ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-o-transition: all 160ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-webkit-transition: all 160ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
color: #BFA556;
text-decoration: none;
transition: all 160ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
}
a:hover {
color: #A29E8D;
}
/* ================== */
/* ===================================== */
/* = TYPOGRAPHIC RYTHM & MODULAR SCALE = */
/* ===================================== **
_________________________________
| |
| SCALE @ 5/8 (0.625) |
| |
| base: 14px / 87.5% / 1em |
| _________________________ |
| |
| EM------ PX------ |
| |
| 0.390625em 5.46875 |
| 0.625em 8.75 |
| 1em 14 |
| 1.6em 22.4 |
| 2.56em 35.84 |
| 4.096em 57.344 |
| 6.5536em 91.7504 |
| |
| alt1: 12px / 0.857143em |
| ________________________ |
| |
| EM------ PX------ |
| |
| 0.535714em 7.5 |
| 0.857143em 12 |
| 1.371429em 19.2 |
| 2.194286em 30.72 |
| 3.510857em 49.152 |
| |
|_______________________________|
** ===================================== */
body {
background: url("images/cannes11/lines_bg.png") repeat fixed 0 0 transparent;
color: #716E62;
min-height: 100%;
height: 100%;
/*font-family: 'PFDinDisplayPro-Light';
line-height: 1.5rem;*/
position: relative;
width: 100%;
font: 1em/1 "PFDinTextCondPro Thin", sans-serif;
}
.page {
background-color: #FFFFFF;
height: 100%;
margin: 0 auto;
width: 1000px;
}
.page:before,
.page:after {
-webkit-box-shadow: 0 0 20px rgba(62, 60, 57, 0.75);
background-color: transparent;
border-radius: 50%;
box-shadow: 0 0 20px rgba(62, 60, 57, 0.75);
content: " ";
height: 10px;
position: fixed;
width: 960px;
z-index: 10;
}
.page:before { top: -10px; }
.page:after { bottom: -10px; }
.container {
}
/* ========== */
/* = HEADER = */
/* ========== */
.header {
background:url("images/cannes11/bg_main.png") 0 0 no-repeat;
display: block;
height: 204px;
width: 1000px;
}
.header2017 {
background:url("images/cannes11/bg_main2017.jpg") 0 0 no-repeat #c82623;
}
.header2016 {
background:url("images/cannes11/bg_main2016.jpg") 0 0 no-repeat;
}
.header2015 {
background:url("images/cannes11/bg_main2015.jpg") 0 0 no-repeat;
}
.logos {
display: block;
height: 159px;
width: 100%;
}
.cinemag {
}
.cinemag >img {
width: 250px;
height: 50px;
float: left;
clear: right;
margin: 55px 0 5px 20px;
}
.e_go {
}
.e_go >img {
width: 140px;
height: 25px;
float: left;
clear: both;
margin: 5px 0 20px 25px;
}
.home {
}
.home >img {
width: 690px;
height: 160px;
}
.logos > img {
}
.menu1 {
border-bottom: 3px solid #C8C6C0;
float: left;
font-weight: bold;
/*height: 41px;*/
width: 1000px;
}
.menu1 a,
.cannes_archive {
-moz-transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-ms-transition:all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-o-transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-webkit-transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
border-bottom: 3px solid transparent;
color: #ABA9A2;
cursor: pointer;
display: block;
float: left;
font: bold 14px/25px Georgia,"Times New Roman",Times,serif;
height: 21px;
margin: 0 0 0 20px;
padding: 10px 0;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
}
.menu1 a.actv {
color: #b2863d;
cursor: pointer;
font-weight: bold;
text-decoration: none;
}
.menu1 a:hover,
.cannes_archive:hover {
border-bottom: 3px solid #B2863D;
color: #b2863d;
}
.cannes_archive {
width: 80px;
}
.cannes_archive ul {
background-color: #FFFFFF;
border: 3px solid #B2863D;
display: none;
left: -45px;
position: relative;
top: 6px;
width: 150px;
z-index: 10;
}
.cannes_archive:hover ul {
display: block;
}
.cannes_archive:hover ul:before {
border-color: transparent transparent #B2863D;
border-style: solid;
border-width: 10px;
content: " ";
height: 0;
left: 65px;
position: absolute;
top: -22px;
width: 0;
}
.cannes_archive:hover ul:after {
border-color: transparent transparent #FFFFFF;
border-style: solid;
border-width: 8px;
content: " ";
height: 0;
left: 67px;
position: absolute;
top: -16px;
width: 0;
}
.cannes_archive ul li,
.cannes_archive ul li.actv {
display: block;
height: 45px;
padding: 0 20px;
}
.cannes_archive ul li a,
.cannes_archive ul li.actv a {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 45px;
margin: 0;
padding: 8px 0;
width: 100%;
}
/* ============= */
/* = MAIN PAGE = */
/* ============= */
#container {
-webkit-box-shadow: 0 10px 15px -15px #555555 inset;
background-color: white;
border-color: transparent #DED6BF;
border-style: solid;
border-width: 0 1px;
box-shadow: 0 10px 15px -15px #555555 inset;
padding: 0 0 40px;
position: relative;
width: 1000px;
}
#container:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* = LEFT COLUMN = */
#main {
width: 660px;
float: left;
margin: 0 18px 0 0;
text-align: left;
}
.wrapper {
overflow: hidden;
display: block;
margin: 20px 0 0 20px;
}
.news {
color: #8A858C;
float: left;
height: auto;
margin: 0 20px 20px 0;
text-align: left;
/*width: 376px;*/
}
.day,
.article > .day {
color: #B7B4A7;
font: bold italic 1.371429em/1.3 'Arimo', Tahoma, sans-serif;
letter-spacing: 0;
margin: 0.57142875em 0;
text-align: left;
text-decoration: none;
word-spacing: normal;
}
.newsum {
border-bottom: 1px solid #ded6bf;
display: block;
height: 160px;
position: relative;
}
.newshomeimg {
float: left;
padding: 5px 20px 10px 0;
}
.newsum h2,
.news_list li h2 {
font-family: "PFDinTextCondPro Thin", sans-serif;
font-weight: bold;
font-size: 1.27037em;
line-height: 1.1em;
margin: 0 20px 0.3375em 0;
}
}
.newsum h2 > a:hover {
color: #c82623;
}
.newsum > p,
.news_list p {
font: 1.1em/1.2 "PFDinTextCondPro Thin", sans-serif;
margin: 0 20px;
min-height: 110px;
}
.more2, .more2:visited {
background-color: #fff;
border: 1px solid #ded6bf;
bottom: -14px;
display: inline-block;
font-size: 15px;
/* height: 22px; */
padding: 5px 6px;
position: absolute;
right: 0;
}
.more2:hover,
.more2:active {
background-color: #F6F9F8;
color: #A29E8D;
text-decoration: none;
}
.button {
background-color: #fff;
border: 1px solid #ded6bf;
display: block;
font-size: 17px;
padding: 10px 6px;
width: 100px;
}
.button:hover {
background-color: #E2DFC7;
}
.button:hover a {
color: #fff;
}
.photo {
-webkit-box-shadow: 0 5px 10px -5px #716F67;
border: 1px solid #DED6BF;
box-shadow: 0 5px 10px -5px #716F67;
float: left;
height: auto;
margin: 0 0 30px;
padding: 10px;
width: 180px;
display: none;
}
.title {
background-color: #F9F9F8;
border: 1px solid #E2DFC7;
height: 35px;
margin: 0 0 20px;
}
.title h1 {
padding: 0 10px;
font: 1.371429em/35px 'Arimo', Tahoma, sans-serif;
height: 35px;
text-decoration: none;
}
.title a {
display: block;
height: 100%;
width: 100%;
}
.title h6 {
padding: 2px 10px;
font: 0.857143em/35px 'Arimo', Tahoma, sans-serif;
height: 35px;
line-height: 16px;
text-decoration: none;
}
.title h6 > a {
}
.photo > a {
}
.photo > a img {
}
.blog1 {
font: italic 1.37143em/1.3 "Times New Roman",serif;
margin: 10px 0 0;
}
.blog1 > a {
}
.image_slider {
}
.critsum,
.summary {
border-bottom: 1px solid #DED6BF;
float: left;
margin: 0 0 35px;
padding: 0 0 20px;
position: relative;
}
.critsum > a {
}
.critsum > a > img {
}
.critsum h2,
.medium_title {
font: bold 1.3333em/1.2 "PFDinTextCondPro Thin", sans-serif;
margin: 0 0 0.6em;
}
.critsum h2 > a {
}
.critsum p,
.summary p {
font: 1.1em/1.2 "PFDinTextCondPro Thin", sans-serif;
margin: 0 20px;
min-height: 110px;
}
.summarybottom {
float: left;
margin: 40px 0 20px;
}
.news_list {
clear: both;
display: block;
width: 620px;
}
.news_list li {
border-bottom: 1px solid #DED6BF;
float: left;
height: 200px;
margin: 0 20px 20px 0;
padding: 0;
position: relative;
width: 290px;
}
.daysum {
color: #B7B4A7;
font: italic 0.857143em/1.3 'Arimo', Tahoma, sans-serif;
text-align: left;
text-decoration: none;
}
.news_list li h2 {
font-size: 1.1em;
line-height: 1.3em;
}
.news_list li h2 a {
}
.selected {
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
-ms-box-sizing: padding-box;
box-sizing: padding-box;
border: 1px solid #DED6BF;
margin: 0 0 30px;
padding: 30px 49px 20px;
}
.main_caption {
margin: 20px 0 0;
text-align: center;
font: italic 0.857143em/1.6 Georgia,"Times New Roman",Times,serif;
}
.thumb_gallery {
display: block;
float: left;
margin: 15px 0 0;
overflow: hidden;
position: relative;
width: 620px;
}
.thumb_item {
float: left;
list-style: none outside none;
margin: 0 20px 20px 0;
padding: 0;
width: 186px;
}
.thumb_item a,
.artgall li a {
background-color: rgba(191, 165, 86, 0.5);
display: block;
width: 100%;
}
.thumb_item a img,
.artgall li a img {
-moz-opacity: 1;
-moz-transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-ms-transition:all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-o-transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
-webkit-transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
filter:alpha(opacity=100);
opacity: 1;
transition: all 300ms cubic-bezier(0.185, 0.810, 0.500, 0.950);
}
.thumb_item a img:hover,
.artgall li a img:hover {
-moz-opacity: 0.5;
filter:alpha(opacity=50);
opacity: 0.5;
}
.article_wrapper {
float: left;
width: 620px;
}
.schedule_day {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-shadow: 0 5px 10px -5px #716F67;
-webkit-box-sizing: border-box;
background-color: #F7F7F5;
border: 1px solid #DED6BF;
box-shadow: 0 5px 10px -5px #716F67;
box-sizing: border-box;
display: inline;
float: left;
margin: 0 20px 30px 0;
min-height: auto;
padding: 10px;
width: 290px;
/*width: 30.1075%;*/
}
.schedule_day h2 {
font: bold 1.6em/1.2 'Arimo', Tahoma, sans-serif;
margin: 0 0 0.5em;
text-decoration: none;
}
.schedule_day > div {
}
.schedule_day > div > p {
margin: 0.25em 0 0.5em;
}
.schedule_day > div > p strong {
color: #BFA556;
font-weight: bold;
margin: 10px 0 0;
}
.schedule_day > div > p > u {
border-bottom: 1px solid #BFBEB7;
padding: 0 0 0.1em;
text-decoration: none;
}
.schedule_day > div > p > u > strong {
color: #716E62;
font: 1.37143em/1.2 'Arimo',Tahoma,sans-serif;
}
.article {
float: left;
width: 600px;
}
.arttitle {
color: #c82623;
font: bold 2.46049em/1 "PFDinTextCondPro Thin", sans-serif;
letter-spacing: -0.05em;
margin: 0 0 0.506252em;
word-spacing: 0.05em;
}
.article > h4 {
color: #BFA556;
font: bold 0.625em/20px 'Arimo',Tahoma,sans-serif;
letter-spacing: 0.2em;
word-spacing: -0.1em;
}
.artintro > h3 {
font: 1em/1.4 'Arimo',Tahoma,sans-serif;
margin: 0 0 10px;
color: #A3977D;
}
.article > img {
padding: 30px auto 10px auto;
}
.share_buttons {
text-align: center;
position: absolute;
width: 600px;
}
.article > p {
font-size: 1.1em;
line-height: 1.3em;
}
.article > p:first-of-type:first-letter {
color: #A3977D;
float: left;
font-size: 5em;
line-height: 0.65;
padding: 0.11429em 0.115em 0 0;
}
.article > p strong {
color: #7C7B76;
font-weight: bold;
}
.article > p em {
font-style: italic;
}
.article p[style] {
font-family: 'Arimo',Tahoma,sans-serif;
text-indent: 0;
}
.article > p + p {
/*text-indent: 2em;*/
}
.article p > img[style],
.article p > strong > img[style] {
display: block;
height: auto !important;
margin: 0 auto;
padding: 1em 0;
text-indent: -2em !important;
}
.article p > a > span[style],
.article p > em > a > span[style],
.article p > strong > a:hover > span[style] {
color: #B2863D !important;
}
.article p > a:hover > span[style],
.article p > em > a:hover > span[style],
.article p > strong > a:hover > span[style] {
color: #BFA556 !important;
border-bottom: 1px solid #BFA556;
}
.artgall {
border: 1px solid #DED6BF;
display: block;
float: left;
margin: 30px 20px 20px;
padding: 9px;
width: auto;
}
.artgall li {
border: medium none;
float: left;
height: 200px;
margin: 10px;
width: 250px;
}
.artgall li img {
width: 250px;
height: 200px;
}
#trailer {
border: 1px solid #DED6BF;
float: left;
margin: 0 20px 20px;
overflow: hidden;
padding: 20px 23px;
text-align: center;
width: auto;
}
/* = RIGHT COLUMN = */
/*#aside {
right: 20px;
width: 300px;
position: absolute;
height: 100%;
padding: 20px 0 0 0;
top: 0;
bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}*/
#aside {
float: right;
width: 300px;
overflow: hidden;
padding: 20px 0 0 0;
margin: 0 20px 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.stickem {
}
.tweets {
margin: 0 0 20px;
width: 300px;
}
.programme {
background-color: #E2E1DC;
border: 1px solid #B2AFA7;
box-shadow: 0 5px 10px -5px #878379;
margin: 0 0 20px;
padding: 10px;
}
.programme > .title {
background-color: #CCC7B9;
border: 1px solid #B2AFA7;
}
.programme h6 {
color: #4A4843;
}
.programme > h2 {
color: #988A62;
font: bold 1.37143em/1.2 'Arimo',Tahoma,sans-serif;
margin: 0 0 0.5em;
text-shadow: 0 1px 0 #F5F5F2;
}
.programme > span > p strong {
color: #716E62;
font-weight: bold;
}
/* ========== */
/* = FOOTER = */
/* ========== */
.cfooter {
background: #e2e1dc;
background: -moz-linear-gradient(top, #e2e1dc 15%, #fbfbfa 66.6%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#e2e1dc), color-stop(66.6%,#fbfbfa));
background: -webkit-linear-gradient(top, #e2e1dc 15%,#fbfbfa 66.6%);
background: -o-linear-gradient(top, #e2e1dc 15%,#fbfbfa 66.6%);
background: -ms-linear-gradient(top, #e2e1dc 15%,#fbfbfa 66.6%);
background: linear-gradient(to bottom, #e2e1dc 15%,#fbfbfa 66.6%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e1dc', endColorstr='#fbfbfa',GradientType=0 );
border-top: 10px solid #A59F90;
padding: 20px 20px 40px;
text-align: center;
}
.contact {
clear: both;
float: left;
margin: 0 auto 20px;
overflow: hidden;
width: 100%;
}
.foo_logo {
display: block;
margin: 0 auto;
width: 260px;
}
.footer_nav,
.archive {
display: block;
margin: 0 auto 15px;
padding: 5px 0;
width: 100%;
overflow: hidden;
}
.footer_nav > li,
.archive > li {
margin: 0 10px 20px;
display: inline-block;
text-align: center;
}
.footer_nav a {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
border-bottom: 3px solid;
font: bold 16px/25px Georgia,"Times New Roman",Times,serif;
padding: 0 0 5px;
}
.footer_nav .active a {
border-bottom-style: double;
color: #A29E8D;
}
.archive .active > a {
background-color: #E2E1DC;
border-color: #BFBBB3;
color: #4A4843;
text-shadow: none;
}
.archive a {
border: 1px solid #D1D0CC;
color: #8C8A85;
font: 14px/25px 'Arimo',Tahoma,sans-serif;
letter-spacing: 1px;
padding: 5px 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.archive a:hover {
background-color: #F6F9F8;
box-shadow: 0 3px 3px -4px rgba(0, 0, 0, 0.5);
color: #716E62;
}
.legal {
font: 0.857143em/20px 'Arimo',Tahoma,sans-serif;
}
.legal > p {
font-family: verdana;
font-size: 0.857143em;
}
/* ============= */
/* = UTILITIES = */
/* ============= */
::selection {background: #E8E7CC; color: #000;}
::-moz-selection {background: #E8E7CC; color: #000;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
/* ============= */
.breadcrumb {
color: #93928C !important;
display: inline-block;
font: bold 0.857143em/20px;
letter-spacing: 1px;
margin: 20px 10px;
text-decoration: none;
}
.breadcrumb:hover {
color: #BFA556 !important;
}
/* ============= */
#backtop {
position: fixed;
right: 18px;
top: 20px;
}
#backtop a {
-moz-transition: all 220ms ease 0s;
-ms-transition: all 220ms ease 0s;
-o-transition: all 220ms ease 0s;
-webkit-transition: all 220ms ease 0s;
color: #BBBBBB;
display: block;
font: 0.625em/1.3 'Arimo',Helvetica,Arial,Sans-Serif;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: uppercase;
transition: all 220ms ease 0s;
width: 78px;
}
#backtop a:hover {
color: #000000;
}
#backtop a:hover span {
background-color: #3E3C39;
}
#backtop span {
-moz-transition: all 600ms ease 0s;
-ms-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
-webkit-transition: all 600ms ease 0s;
background: url("images/up_arrow.png") no-repeat scroll center center #A29E8D;
display: block;
height: 78px;
margin: 0 0 5px;
transition: all 600ms ease 0s;
width: 78px;
}
/* ============= */
.stickem-container {
position: relative;
}
.stickit {
margin: 20px 0 0;
position: fixed;
top: 0;
}
.stickit-end {
bottom: 40px;
position: absolute;
}
.publisher {
border-bottom: 1px solid #959595;
font-weight: 700;
margin: 20px 0;
padding: 0 2px 0 0;
text-align: right;
width: 100%;
}
.widget-popular, .advright {
width: 300px;
margin: 0 0 30px 0;
font-family: "PFDinTextCondPro Thin", sans-serif;
}
.widget-header, .advright h6 {
background-color: #c82623;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 20px;
margin: 0 0 10px;
padding: 8px;
font-size: 20px;
}
.popular-item {
clear: both;
display: block;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
min-height: 70px;
}
.media {
float: left;
width: 122px;
}
.dimofili {
background-color: #5d5d5d;
color: #fff;
display: block;
float: left;
font-size: 25px;
font-weight: 300;
height: 48px;
margin: 0 5px 0 0;
padding: 8px 4px 0;
text-align: center;
width: 30px;
}
.popular-item a h6.category {
color: #534f51;
float: right;
font-weight: 700;
width: 170px;
font-size: 14px;
/* height: 15px; */
letter-spacing: normal;
margin: 0;
padding: 0;
background-color: transparent;
}
.populartit {
float: right;
font-size: 16px;
line-height: 17px;
margin-bottom: 0;
padding-top: 0;
width: 170px;
}
.list_summary {
float: left;
margin: 0 0 20px;
width: 100%;
}
.list_summary > li {
border-radius: 2px;
display: block;
float: left;
min-height: 335px;
margin: 0 0 20px;
padding: 0 10px 10px;
width: 200px;
}
.list_summary > li:hover {
background-color: #FDFCFC;
background-color: rgba(255, 255, 255, 0.8);
}
.list_summary img {
padding: 10px 0 0.8em;
}
.list_summary h3 {
font: bold 1.3333em/1.2 "PFDinTextCondPro Thin", sans-serif;
margin: 0 0 0.6em;
}
.list_summary p {
font: 1.1em/1.1 "PFDinTextCondPro Thin", sans-serif;
}
.photosartgaltitle {
color: #c82623;
font: bold 2.46049em/1.13906 "PFDinTextCondPro Thin", sans-serif;
letter-spacing: -0.05em;
margin: 0 0 0.506252em;
word-spacing: 0.05em;
}
.photosartgaltext {
margin: 0 0 8px 0;
padding: 0;
font: 1.1em/1.1 "PFDinTextCondPro Thin", sans-serif;
}
.photosartgal {
padding: 0 0 0 10px;
}
ul.photo_gallery li {
display: block;
float: left;
margin: 0 7px 12px 10px;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
blockquote {
color: #242628;
display: block;
float: left;
font-size: 22px;
line-height: 26px;
font-weight: bold;
padding: 10px 30px 0 0;
width: 250px;
}
.ban300250 {
margin: 0 0 30px 0;
}