@font-face {
font-family: 'Ubuntu';
src: url(//home-cinema-prestige.com/wp-content/themes/picolight/ubuntu-r.woff) format('woff');
font-weight: normal;
font-style: normal;
} body {
font-family: Arial,sans-serif; 
margin:0 auto;
font-size:14px;
color: #292929;
}
img { 
border:0;
}
a:link ,a:active ,a:visited { 
text-decoration: none; 
border: none;
text-decoration: none;
}
input::-moz-focus-inner {
border:0;
}
p a:link, p a:active, p a:visited, .entry li a:link, .entry li a:active, .entry li a:visited {
text-decoration: underline;
}
a:hover { 
text-decoration: none;
color: #000;
border: none;
}
a:focus {
outline: none;
text-shadow: 0 0 5px #BFBFBF;
}
textarea {
border: 1px solid #F0F0F0;	
width: 80%;
font-family: Arial,sans-serif; 
font-size: 13px;
}
input {
width: 150px;
}
input:focus {
outline: none;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
.aligncenter,div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} #wrapper {
margin:0 auto;
clear: both;
background: #fff;
}
#wrapper #main {
clear:both;
overflow:hidden;
}
#wrapper #header #image {
text-align: center;
}
#headerimage {
width: 100%;
clear: both;
}
#wrapper #header, #wrapper #footer {
font-family: Ubuntu, Arial, 'sans serif';
padding-top: 2px;
}
#wrapper #header {
background: #f0f0f0;
border-top: 1px solid #CCCCCC;
margin-bottom: 20px;
}
#wrapper #header h1 {
font-weight: normal;
font-size: 30px;
margin: 0;
float: left;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}
#wrapper #header h1 a {
color: black;
}
#wrapper #header h1 a:hover {
color: #808080;
}
#wrapper #header .description {
font-size: 16px;
text-transform: uppercase;
color: black;
text-shadow: 0 1px 0 #fff;
}
#wrapper #footer { 
padding: 15px;
margin-top: 40px;
min-height: 30px;
color: black;
background: #f0f0f0;
border-top: 1px solid #ccc;
}
#footer a {
}
#main #content {
margin-top: 7px;
padding: 0;
}
#main #sidebar {
line-height:18px;
color: #292929;
}
#main #sidebar a:link, #main #sidebar a:visited {
text-decoration: none;
}
#main #sidebar a:hover, #main #sidebar a:active {
}
#footer .left {
margin: 10px;
}
#footer .right { 
margin: 10px;
}
#footer .right a:link, #footer .right a:visited {
text-decoration: none;
}
#footer .right a:hover, #footer .right a:active {
} #mainnav {
margin: 0 auto;
display: block;
font-size: 13px;
text-transform: uppercase;
clear: both;
}
#mainnav ul {
padding: 0;
margin: 0;
min-height: 27px;
}
#mainnav ul li {
list-style: none;
position: relative;
float: left;
margin: 0 0 1px 0;
padding: 0;
border-bottom: none;
}
#mainnav ul ul li {
padding: 0;
margin-bottom: 0;
border: none;
}
#mainnav ul ul li a {
padding: 5px;
}
#mainnav ul li a {
margin: 0;
display: block;
color: black;
padding: 3px 0 0 15px;
line-height: 38px;
text-shadow: 0 1px 0 #fff;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
}
#mainnav ul li:last-child a {
padding-right: 15px;
}
#mainnav ul li a:hover {
text-decoration: none;
color: #808080;
text-shadow: none;
}
#mainnav ul ul {
display: none;
float: left;
position: absolute;
top: 42px;
left: 2px;
z-index: 500;
font-size: 12px;
padding: 0;
padding-left: 8px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
}
#mainnav ul ul ul {
left: 100%;
top: 0;
font-size: 12px;
}
#mainnav ul ul a {
width: 9em;
height: auto;
line-height: 15px;
border: none;
}
#mainnav ul li:hover > ul {
display: block;
}
.navigation {
padding: 15px;
} .widget { 
overflow:hidden;
clear:both;
margin-bottom: 25px;
font-size: 13px;
}
.widget .textwidget, .widget .tagcloud {
padding: 0 10px 0 10px;
margin-bottom: 10px;
}
.widget table {
padding: 0 0 10px 10px;
margin-right: 10px;
}
.widget h4 { 
font-size:12px;
margin: 0 0 10px 0; 
padding: 8px 5px 5px 8px;
text-transform: uppercase;
color: #808080;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget ul li {
background:url(//home-cinema-prestige.com/wp-content/themes/picolight/images/icon_bullet.png) 5px 2px no-repeat; 
padding:0 7px 7px 24px;
list-style-type: none;
}
.widget_categories ul li { 
width:40%; 
float:left; 
margin:0;
}
.widget select {
margin: 10px;
}
.widget_search {
max-width: 300px;
}
.widget_search form { 
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 35px;
margin: 0 15px;
}
.widget_search input{
width:65%;
border: none;
background: transparent;
height: 25px;
padding: 5px 5px 5px 15px;
color: #808080;
text-shadow: 0 1px 0 #fff;
}
.widget_search input:focus {
color: #292929;
}
.widget_search input#searchsubmit { 
width: 30px;
color: transparent;
background: transparent;
border: none;
background: url(//home-cinema-prestige.com/wp-content/themes/picolight/images/lupe.png) 0 -21px no-repeat;
text-shadow: none;
position: relative;
left: 15px;
}
.widget_search input#searchsubmit:hover {
background: url(//home-cinema-prestige.com/wp-content/themes/picolight/images/lupe.png) 0 0px no-repeat;	
}
.widget_calendar table {
width: 100%;
text-align: center;
padding-left: 0;
}
.search-title {
padding: 0 15px;
} .post, .pages {
margin-bottom: 25px;
}
.post .title, .pages .title { 
float:left; 
width: 100%;
}
.post .title h1, .pages .title  h1, .post .title h2, .pages .title h2 { 
font-size: 22px;
margin: 7px 15px;
padding: 0;
}
.post .meta, .pages .meta { 
font-size: 13px;
color: #808080;
padding: 5px 15px;
clear: both;
border-top: 1px solid #ccc;
}
.post .thumbnail {
float: left;
margin: 10px 15px 10px 10px;
}
.post .entry, .pages .entry {
line-height:24px;
display:block;
clear:both;
overflow:hidden;
color:#292929;
text-align: justify;
padding: 10px 15px 16px 15px;
}
.post p, .pages p {
margin:0;
padding: 6px 0;
}
.post blockquote, .pages blockquote {
background:transparent url(//home-cinema-prestige.com/wp-content/themes/picolight/images/quote.png) no-repeat scroll 0 0;
font-style:italic;
margin:5px 0 5px 0;
padding:10px 15px 10px 60px;
}
.post ul.split3cols,.post ul.split2cols,.pages ul.split3cols,.pages ul.split2cols  {
font-size: 13px;
overflow:auto;
width:520px;
}
.post ul, .pages ul {
list-style-type:none;
margin:10px 0;
padding:0 0 0 10px;
}
.post ul.split3cols li, .pages ul.split3cols li {
float:left;
width:155px;
margin-right:5px;
}
.post ul.split2cols li, .pages ul.split2cols li {
float:left;
width:240px;
margin-right:5px;
}
.pages ul.split3cols,.pages ul.split2cols {
font-size: 13px;
overflow:auto;
width:520px;
}
.pages ul {
list-style-type:none;
margin:10px 0;
padding:0 0 0 10px;
}
.post ul li, .pages ul li {
background:url(//home-cinema-prestige.com/wp-content/themes/picolight/images/icon_bullet.png) 5px 2px no-repeat; 
line-height: 24px;
margin:4px 0;
padding:0 0 0 25px;
}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4, .pages .entry h1,.pages .entry h2,.pages .entry h3,.pages .entry h4, #comment-form h3, .commentform h3 {
padding: 5px 5px 2px 0;
}
h1, h2, h3, h4 {
font-family: Ubuntu, Arial, 'sans serif';
font-weight: normal;
}
.post .entry h1, .pages .entry h1 {
font-size:20px;
}
.post .entry h2, .pages .entry h2, #comment-form h3,.commentform h3 {
font-size:18px;
margin-top: 20px;
}
.post .entry h3, .pages .entry h3 {
font-size:16px;
margin-top: 20px;
}
.post .entry h4, .pages .entry h4 {
font-size:14px;
margin-top: 5px;
}
.pages h1,.pages h2,.pages  h3,.pages h4 {
margin: 10px 0 5px 0;
padding: 5px 0 0 5px;
color: #292929;
}
.pagelinks {
clear: both;
color: #808080;
margin-top: 25px;
}
.pagelinks p {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0 1px 0 #fff;
background: #f0f0f0;
padding: 10px;
display: inline;
}
.pagelinks a:link, .pagelinks a:visited {
text-decoration: none;
}
.pagelinks a:hover {
} .post table th, .pages table th, .comment table th {
font-size: 13px;
font-weight: normal;
color: #808080;
text-transform: uppercase;
padding: 2px 4px;
text-align: left;
}
.post table, .pages table, .comment table {
margin: 10px 0;
width: 100%;
border-collapse: collapse;
}
.post td, .pages td, .comment td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 2px 4px;
} #author-box {
clear: both;
background: #f0f0f0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 20px;
margin-bottom: 25px;
margin-top: -10px;
}
#author-box-content {
overflow: hidden;
}
#author-box-text {
line-height: 24px;
} #comments {
}
.comment {
overflow: hidden;
}
#comments h3, h3#reply-title {
font-size: 22px;
margin: 0;
padding: 10px 15px 7px;
background: #fff;
border-bottom: 1px solid #ccc;
}
.commentlist {
padding: 15px; 
list-style:none; 
overflow:hidden;
clear:both;
margin: 0;
}
.commentlist li {
list-style:none;
}
.children li {
border: 0px;
}
.children p {
clear: left;
}
.commentlist p {
color:#292929;
line-height:24px;
clear: left;
text-align: justify;
}
.comment-body {
padding: 6px 0px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 5px;
}
.comment-body ul li {
list-style-type: disc;
}
.comment-body ol li {
list-style-type: decimal;
}
.comment-body ul, .comment-body ol {
margin-top: 15px;
}
.comment-body li {
border: none;
padding:0 7px 7px 4px;
margin: 0 0 0 10px;
}
.comment-author .says {
display: none;
}
.commentlist cite, .commentlist cite a {
font-style: normal;
}
.avatar {
float: left;
margin: 0 15px 0 0;
}
.comment-meta-date a, .reply a {
color: #808080;
}
.comment-meta-date a:hover, .reply a:hover {
color: #000;
}
.comment-meta-date {
font-size: 12px;
}
.commentlist .reply {
padding:0px 5px 5px 10px;
text-align:right;
font-size: 13px;
}
.comment .fn, .comment .fn a:link {
font-size: 15px;
display: block;
}
.pingback p {
margin: 10px 0 10px 0;
}
.pingback a:link {
text-decoration: none;
}
#respond {
margin-top: 25px;
}
#comment-form, #respond a {
text-decoration: none;
}
#comment-form {
}
#commentform {
padding: 5px 20px 10px 15px;
margin-top: 10px;
color: #292929;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
}
#comment-form span .required {
width: 20px;
}
#comment-form input, #respond input {
display: block;
background: #fff;
padding: 7px 10px;
margin: 5px 5px 5px 0;
width: 97%;
max-width: 300px;
color: #7F7F7F;
border: none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f0f0f0;
text-shadow: 0 1px 0 #fff;
}
#comment-form #submit, #respond #submit {
width: 250px;
height: 30px;
}
#comment-form input:focus, #respond input:focus {
color: #292929;
outline: none;
}
#comment-form #submit:hover, #respond #submit:hover, #comment-form #submit:focus, #respond #submit:focus {
outline: none;
color: #292929;
}
#comment-form textarea, #respond textarea { 
width: 97%;
padding: 10px; 
margin: 5px 5px 5px 0;
color: #7F7F7F;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f0f0f0;
text-shadow: 0 1px 0 #fff;
}
#comment-form textarea:focus, #respond textarea:focus {
color: #292929;
outline: none;
}
#cancel-comment-reply-link {
font-size: 13px;
}
.comment-notes {
}
.comment-nav { 
margin: 10px 15px 0 15px;
font-size: 13px;
} #content .wp-caption {
max-width: 100%!important;
margin-top: 25px!important;
margin-bottom: 25px!important;
}
img.centered, img.aligncenter {
display: block;
margin:0 auto;
overflow:hidden;
}
img.alignright {
display: inline;
}
img.alignleft {
display: inline;
}
#content img {
max-width:100%;
height: auto;
}
#content img.aligncenter, #content .wp-caption.aligncenter {
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px;
}
#content img.alignleft, #content .wp-caption.alignleft {
margin: 15px 20px 0 0;
}
#content img.alignright, #content .wp-caption.alignright {
margin: 15px 0 0 20px;
}
#content img.alignnone {
margin: 20px 0;
}
#content .wp-caption.alignnone {
margin: 0 0 20px 0;
}
#content .single-entry-content .wp-caption {
max-width: 100%;
text-align: center;
}
.wp-caption-text {
font-size: 13px;
color: #808080;
text-align: center;
}
#content object,
#content embed,
#content iframe {
max-width: 100%;
margin: 25px 0 25px 0;
display: block;
} .more-link {
}
.sticky {
background: #f0f0f0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 15px;
text-shadow: 0 1px 0 #fff;
}
.sticky .pagelinks p {
background: #fff;
}
.gallery-caption {
}
.bypostauthor {
}
.form-allowed-tags {
display: none;
}
.nocomments {
margin-left: 15px;
color: #7F7F7F;
}
.results {
background: #f0f0f0;
padding: 5px 15px 5px 15px;
margin: 0 0 10px 0;
}
.comment-awaiting-moderation {
font-size: 12px;
font-style: normal;
}
a, input, submit {
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
} @media screen and (max-width: 850px) {
#wrapper #header h1 {
padding: 10px 0 0 15px;				
}
#content {
max-width: 643px;
margin: 0 auto;
}
#sidebar {
width: 100%;
clear: left;
margin-top: 40px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f0f0f0;
padding: 10px 10px 0 10px;
text-shadow: 0 1px 0 #fff;
}
.widget {
max-width: 300px;
margin: 0 auto;
margin-bottom: 20px;
}
.right {
clear: left;
text-align: left;
}
.left {
clear: left;
text-align: left;
}
.description {
clear: left;
margin: 15px 15px 10px;
font-size: 14px!important;
}
.widget_search form { 
background: #fff;
}
}
@media screen and (min-width: 851px) {
#content {
float: left;
max-width: 67%;
margin-left: 2%;
}
#wrapper #header h1 {
padding: 10px 0 8px 15px;		
}
#sidebar {
min-width: 180px;
width: 25%;
float: right;
margin-top: 7px;
margin-right: 2%;
padding-right: 0px;
padding-left: 0px;
}
#wrapper {
max-width: 1050px;
padding: 25px 25px 0 25px;
}
.right {
float:right; 
width:40%; 
text-align:right;
}
.left {
width: 40%;
text-align: left;
float: left;
}
.description {
float: right;
position: relative;
top: 1px;
right: 15px;
}
.widget_search form { 
background: #f0f0f0;
}
}
@media screen and (min-width: 501px) {
#mainnav {
padding-bottom: 14px;
}
#header {
border-bottom: 1px solid #CCCCCC;
}
.indexexzerpt {
margin-left: 180px;
}
.comment-content {
margin: 15px 5px 0 0;
}
.pingback p {
margin-left: 75px;
}
}
@media screen and (max-width: 500px) {
#mainnav ul {
min-height: 34px;
border-bottom: none;
}
#mainnav ul li {
width: 50%;
height: 34px;
overflow: hidden;
}
#mainnav ul li a {
line-height: 30px;
}
#main {
padding-top: 20px;
}
#header {
border-bottom: none;
}
#mainnav {
border-bottom: none;
}
.thumbnail {
display: none;
}
.avatar {
width: 40px;
}
ul.children {
padding-left: 15px;
}
.comment-content {
margin-top: 5px;
}
}