|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/rcwsweb1/petroushka_ball/styles/ |
Upload File : |
/*
Template Name: PhotoBusiness
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
*/
@import url(navi.css);
body{
margin:0;
padding:0;
font-size:12px;
font-family:verdana, Arial, Helvetica, sans-serif;
color:#cc6;
background-color:#2e2e2e;
background: #000;
}
img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{color:#d8e2b2;font-weight:bold; text-transform:uppercase;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a {outline:none; text-decoration:none;}
ul li { list-style:none;}
.fl_left{float:left;}
.fl_right{float:right;}
a img.imgl, a img.imgr, a img.imgholder {border:1px solid #D8E2B2; padding:5px;}
a img.imgl:hover, a img.imgl:active, a img.imgr:active, a img.imgr:hover, a img.imgholder:active, a img.imgholder:hover {border: 1px solid #A60303;}
.imgl, .imgr, .imgholder{border:1px solid #666666; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
/* ----------------------------------------------Wrapper-------------------------------------*/
div.wrapper{
display:block;
width:100%;
margin:0;
text-align:left;
}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
margin:0 0 20px 0;
padding:0 0 8px 0;
font-size:22px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}
div.wrapper h1 {
padding-bottom:0;
margin-bottom:5px;
color:#CC6;
font-size:24px;
text-transform:uppercase;}
div.wrapper h5 {
padding:0;
margin:0;
}
div.wrapper h6{
font-size:18px;
font-weight:normal;
text-align:center;
color:#F00;
}
div.gallery{
width:650px;
margin:0;
}
div.gallery2{
width:290px;
margin:0;
}
.col1{color:#333333; background:url(../images/demo/bg2.jpg)}
.col2{color:#DBDBDB; background-color:#000000;}
.col3{color:#8c9667; background-color:#000000;}
.col4{color:#d8e2b2; background: #cc6 url(../images/bg.jpg) repeat;}
.col5{color:#d8e2b2; background-color:#000000; }
.col5 a{
color:#cc6;
background-color:#000000;
text-decoration:underline;
}
.col5 a:hover, .col5 a:active{
color:#d8e2b2;
text-decoration:none;
}
.col6{color:#d8e2b2; background:url(../images/demo/bg2.jpg) repeat-x;}
.col7, .col7 a{color:#fff; background:url(../images/bg.jpg)}
/* ----------------------------------------------Generalise-------------------------------------*/
#topbar, #header, #gallery, #services, #breadcrumb, #container, #footer, #copyright, #logos{
position:relative;
margin:0 auto 0;
display:block;
width:960px;
}
/* ----------------------------------------------TopBar-------------------------------------*/
#topbar{
height:25px;
padding:10px 0;
}
/* ----------------------------------------------Header-------------------------------------*/
#header{
z-index:1000;
padding:0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
}
#header #logo{
float:left;
width:370px;
}
#header h1, #header p{
margin:0;
padding:0;
border:none;
clear:left;
font-size:14px;
}
#header h1{
display:block;
font-size:26px;
color:#cc6;
}
#header h1 a{
color:#cc6;
background-color:#000000;
}
#header p {
font-family: 'Averia Libre', cursive;
color:#8C9667;
}
/* ----------------------------------------------Header-------------------------------------*/
#services{
padding:20px 0 0 0;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#services img{
margin-left: 0;
padding:0;
line-height:normal;
}
#services ul{
display:block;
width:960px;
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
#services li{
display:block;
float:left;
width:650px;
height:420px;
margin:0 10px 8px 0;
padding:0;
}
#services li.last{
width:300px;
margin-right:0;
}
#services li.last div{
padding:10px 10px 10px 20px;
}
#services li.home{
float:left;
width:650px;
height:290px;
padding:0;
}
#services li.helpfirst{
float:left;
width:195px;
height:290px;
padding:0;
margin-left:0;
overflow:hidden;
}
#services li.helpsecond{
float:left;
width:255px;
height:290px;
padding:0;
margin-left:0;
overflow:hidden;
}
#services li.help{
width:450px;
height:290px;
margin:0 8px 0 0;
padding:0;
overflow:hidden;
}
#services li.helpfirst p {
font-family: 'Averia Libre', cursive;
font-size:14px;
color:#fff;
position:relative;
}
#services li.helplast{
display:block;
float:left;
height:290px;
width: 230px;
margin-right:0;
padding:0;
overflow:hidden;
}
#services li.helplast div{
padding:7px;
}
#services li.sponsors{
float:left;
width:650px;
height: 90px;
margin:0 8px 0 0;
padding:0;
overflow:hidden;
}
#services li.sponsorslast{
display:block;
float:left;
width: 300px;
height: 90px;
margin-right:0;
padding:0;
overflow:hidden;
}
#services li.sponsorslast div{
padding:10px;
}
#services a strong{
display:none;
width:100%;
margin:0;
padding:15px 0;
font-weight:normal;
text-align:center;
color:#000;
}
#services a:hover strong{
display:block;
}
#services div.title {
padding:15px 0;
}
/* ----------------------------------------------logos-------------------------------------*/
#logos{
padding:0;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#logos h2, #logos h2 a {
margin:0 0 10px 0;
padding:0 0 8px 0;
color:#CC6;
font-size:18px;
}
#logos h2 a:hover {
color:#A60303;
}
#logos ul{
display:block;
width:960px;
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
#logos li{
display:block;
float:left;
width:234px;
height:235px;
margin:0 8px 8px 0;
padding:0;
overflow:hidden;
}
#logos li.last{
margin-right:0;
}
/* ----------------------------------------------BreadCrumb-------------------------------------*/
#breadcrumb{
padding:10px 0px;
background:#000000;
}
#breadcrumb a{color:#cc6; background-color:#000000; text-decoration:underline;}
#breadcrumb a:hover, #breadcrumb a:active {
text-decoration:none;
color:#a60303;
}
#breadcrumb ul{
margin:0;
padding:0;
list-style:none;
}
#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:none; color:#a60303;}
/* ----------------------------------------------Content-------------------------------------*/
#container{
padding:15px 0;
}
#container h1, #container h2, #container h4,
#container h1 a, #container h2 a, #container h4 a, #container h6 a {
margin:0 0 10px 0;
padding:0 0 8px 0;
color:#CC6;
}
#container h5, #container h5 a {
color:#CC6;
}
#container h3 a {
color:#CC6;
text-decoration:underline;
}
#container a:hover h3, #container a:active h3 {
color:#d8e2b2;
text-decoration:none;
}
#container h6 {
color:#A60303;
text-transform:uppercase;
text-decoration:underline;
padding-bottom:0;
}
#container h1 a:hover, #container h2 a:hover, #container h4 a:hover, #container h5 a:hover, #container h6 a:hover,
#container h1 a:active, #container h2 a:active, #container h4 a:active, #container h5 a:active, #container h6 a:active{
color:#A60303;
}
#container h1 {font-size: 22px; font-weight:normal;}
#container h2 {font-size: 18px; font-weight: normal; }
#container h3, h4 {font-size: 16px; font-weight: normal;}
#container h5 {font-size: 16px; text-transform:uppercase;}
#h6 {font-size: 14px;}
#container h1 span {
font-size: 12px;
font-weight:normal;
line-height:20px;
}
#container h1 span a {
color:#a60303;
}
#container h5 span {
display:block;
line-height: 16px;
font-size:12px;
font-family:verdana, Arial, Helvetica, sans-serif;
color:#D8E2B2;
text-transform:none;
}
#content{
display:block;
float:left;
width:520px;
}
#content_guests{
display:block;
float:left;
width:450px;
}
#content_thanks{
display:block;
float:left;
width:450px;
}
#content_tickets{
display:block;
float:left;
width:620px;
}
#content p {
line-height:18px;
color:#D8E2B2;
}
#content div.center {
text-align:center;
display:block;
}
#content ul li {
list-style:circle;
line-height:17px;
font-size:11px;
padding-bottom: 10px;
}
#content ul li span {
text-transform:uppercase;
}
#content ul li span.red {
color:#a60303;
font-style:italic;
text-transform:none;
}
#content ul.number li {
list-style:decimal;
line-height:17px;
font-size:11px;
padding-bottom: 17px;
}
#content ul.number li ul {
margin-top: 10px;
}
#content ul.number li ul li{
list-style:circle;
line-height:15px;
font-size:11px;
padding: 10px 0 10px 0;
}
#content ul.gallery {
margin:0;
padding:0;
list-style:none;
}
#content ul.gallery li {
list-style:none;
}
#content ul.gallery li {
display:block;
float:left;
margin:0 15px 10px 35px;
padding:5px;
border: 1px solid #D8E2B2;
}
#content ul.gallery li last {margin-left:0;
}
/* ------Comments-----*/
#comments{margin-bottom:40px;}
#comments .commentlist {margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
/* ----------------------------------------------Column-------------------------------------*/
#column{
display:block;
float:right;
width:300px;
}
#column_third{
display:block;
float:left;
width:300px;
margin-right:30px;
}
#column_third.last{
margin-right:0;
}
#column_guests{
display:block;
float:right;
width:450px;
}
.flickrbox ul{
margin:0;
padding:0;
list-style:none;
}
.flickrbox li a {
display:block;
float:left;
width:80px;
height:80px;
margin:0 15px 15px 0;
padding:4px;
border: 1px solid #D8E2B2;
}
.flickrbox li.last a{margin-right:0;}
.flickrbox li a:hover, .flickrbox li a:active {
border: 1px solid #A60303;
}
#column .holder, #column #featured{
display:block;
width:300px;
margin-bottom:10px;
}
#column .holder p{
line-height:1.6em;
}
#column h2{
font-size:20px;
}
#column .holder h2.title{
display:block;
width:100%;
height:65px;
margin:0;
padding:15px 0 0 0;
font-size:20px;
line-height:normal;
border-bottom:1px dashed #666666;
}
#column .holder h2.title img{
float:left;
margin:-15px 8px 0 0;
padding:5px;
border:1px solid #666666;
}
#column .holder p.readmore{
display:block;
width:100%;
font-weight:bold;
text-align:right;
line-height:normal;
}
#column div.imgholder{
display:block;
width:290px;
margin:0 0 10px 0;
padding:4px;
border:1px solid #666666;
}
#column ul li {
line-height:17px;
font-size:12px;
display:block;
}
#column ul li span {
text-transform:uppercase;
color:#FFF;
}
#column ul.ticket {
}
/* Featured Block */
#column #featured a{
color:#CC6;
font-weight:bold;
background:#171717;
}
#column #featured a:hover, #column #featured a:active{
color:#d8e2b2;
text-decoration:none;
}
#column #featured ul, #column #featured h2, #column #featured p{
margin:0;
padding:0;
list-style:none;
}
#column #featured li{
display:block;
width:250px;
margin-top:0;
padding:10px 20px;
color:#a60303;
background-color:#171717;
}
#column #featured ul li ul li{
padding:15px 0;
}
#column #featured li p{
line-height:1.6em;
}
#column #featured li p.imgholder{
display:block;
width:220px;
height:155px;
margin:20px 0 15px 0;
padding:4px;
color:#666666;
background-color:#333333;
border:1px solid #666666;
}
#column #featured li h2{
margin:0;
padding:0 0 14px 0;
font-size:20px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
color:#777777;
background-color:#161616;
line-height:normal;
border-bottom:1px dashed #666666;
}
#column #featured p.more{
display:block;
width:100%;
margin-top:15px;
font-weight:bold;
text-align:right;
line-height:normal;
}
/* ----------------------------------------------Footer-------------------------------------*/
#footer{
padding:10px 0;
}
#footer a{
color:#cc6;
}
#footer a:hover, #footer a:active {
color:#a60303;
}
#footer h2{
margin:0 0 15px 0;
padding:0 0 8px 0;
font-size:22px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
color:#CCCCCC;
background-color:#1B1B1B;
line-height:normal;
border-bottom:1px dashed #CCCCCC;
}
#contactform{
display:block;
float:left;
width:350px;
}
/* ------Company Details------*/
#compdetails{
display:block;
float:right;
width:550px;
}
#compdetails ul{
margin:0;
padding:0;
list-style:none;
}
#compdetails li{
margin:0 0 12px 0;
}
#compdetails li.last{
margin:0;
}
#officialdetails{float:left}
#officialdetails li.last{margin-bottom:20px;}
#contactdetails{float:right}
/* ----------------------------------------------Copyright-------------------------------------*/
#copyright{
padding:10px 0;
}
#copyright p{
display:block;
float:right;
text-align:right;
margin:0;
padding:0;
width:300px;
}
#copyright p a {
color:#900;
}
#copyright p a:hover, #copyright p a:active {
text-decoration:underline;
}
#copyright ul{
display:block;
float:left;
margin:0;
padding:0;
width:600px;
}
#copyright li{
display:inline;
margin-right:8px;
padding-right:10px;
border-right:1px solid #CCCCCC;
}
#copyright li.last{
margin-right:0;
padding-right:0;
border-right:none;
}
/* ----------------------------------------------Buttons-------------------------------------*/
#btn_tickets {
display:block;
width:251px;
height:87px;
background:url(../images/demo/btn_tickets.png) no-repeat top;
}
#btn_tickets:hover, #btn_tickets:active {
background:url(../images/demo/btn_tickets.png) no-repeat bottom;
}
#btn_tickets2 {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_tickets2.png) no-repeat top;
}
#btn_tickets2:hover, #btn_tickets:active {
background:url(../images/demo/btn_tickets2.png) no-repeat bottom;
}
#btn_photos {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_photos2.png) no-repeat top;
}
#btn_photos:hover, #btn_photos:active {
background:url(../images/demo/btn_photos2.png) no-repeat bottom;
}
#btn_act {
display:block;
width:251px;
height:87px;
background:url(../images/demo/btn_act.png) no-repeat top;
}
#btn_act:hover, #btn_act:active {
background:url(../images/demo/btn_act.png) no-repeat bottom;
}
#btn_sponsor {
display:block;
width:251px;
height:87px;
background:url(../images/demo/btn_form.png) no-repeat top;
}
#btn_sponsor:hover, #btn_sponsor:active {
background:url(../images/demo/btn_form.png) no-repeat bottom;
}
#btn_donate {
display:block;
width:251px;
height:87px;
background:url(../images/demo/btn_donate.png) no-repeat top;
}
#btn_donate:hover, #btn_donate:active {
background:url(../images/demo/btn_donate.png) no-repeat bottom;
}
#btn_donate2 {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_donate2.png) no-repeat top;
}
#btn_donate2:hover, #btn_donate:active {
background:url(../images/demo/btn_donate2.png) no-repeat bottom;
}
#btn_sponsor2 {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_sponsor.png) no-repeat top;
}
#btn_sponsor2:hover, #btn_donate:active {
background:url(../images/demo/btn_sponsor.png) no-repeat bottom;
}
#btn_acknowledgements {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_acknowledgements.png) no-repeat top;
}
#btn_acknowledgements:hover, #btn_acknowledgements:active {
background:url(../images/demo/btn_acknowledgements.png) no-repeat bottom;
}
#btn_gallery {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_gallery.png) no-repeat top;
}
#btn_gallery:hover, #btn_gallery:active {
background:url(../images/demo/btn_gallery.png) no-repeat bottom;
}
#btn_gallery_14 {
display:block;
width:190px;
height:60px;
background:url(../images/demo/btn_gallery_14.png) no-repeat top;
}
#btn_gallery_14:hover, #btn_gallery_14:active {
background:url(../images/demo/btn_gallery_14.png) no-repeat bottom;
}
#btn_download {
display:block;
width:99px;
height:34px;
background:url(../images/demo/btn_download.png) no-repeat top;
}
#btn_download:hover, #btn_download:active {
background:url(../images/demo/btn_download.png) no-repeat bottom;
}
#btn_gallery16 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery16.png) no-repeat top;
}
#btn_gallery16:hover, #btn_gallery16:active {
background:url(../images/demo/btn_gallery16.png) no-repeat bottom;
}
#btn_gallery15 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery15.png) no-repeat top;
}
#btn_gallery15:hover, #btn_gallery15:active {
background:url(../images/demo/btn_gallery15.png) no-repeat bottom;
}
#btn_gallery14 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery14.png) no-repeat top;
}
#btn_gallery14:hover, #btn_gallery14:active {
background:url(../images/demo/btn_gallery14.png) no-repeat bottom;
}
#btn_gallery13 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery13.png) no-repeat top;
}
#btn_gallery13:hover, #btn_gallery13:active {
background:url(../images/demo/btn_gallery13.png) no-repeat bottom;
}
#btn_gallery12 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery12.png) no-repeat top;
}
#btn_gallery12:hover, #btn_gallery12:active {
background:url(../images/demo/btn_gallery12.png) no-repeat bottom;
}
#btn_gallery11 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery11.png) no-repeat top;
}
#btn_gallery11:hover, #btn_gallery11:active {
background:url(../images/demo/btn_gallery11.png) no-repeat bottom;
}
#btn_gallery10 {
display:block;
width:169px;
height:40px;
background:url(../images/demo/btn_gallery10.png) no-repeat top;
}
#btn_gallery10:hover, #btn_gallery10:active {
background:url(../images/demo/btn_gallery10.png) no-repeat bottom;
}
#content_guests ul {
line-height: 18px;
}
#content .center p span {
font-size: 11px;
font-style: italic;
}
#top .wrapper.col5 #container #content p.bold {
text-transform: uppercase;
font-weight: bold;
}
#top .wrapper.col5 #container p span {
font-style: italic;
color:#cc6;
}
#content div span {
font-size: 10px;
font-style: italic;
}