|
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-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:12px;
color:#082E38;
line-height: 1.4;
background:#fff;
}
img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.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.imgr, a img.imgl {border:1px solid #fff;}
a img.imgl:hover, a img.imgl:active, a img.imgr:active, a img.imgr:hover {border: 1px solid #cc9900;}
.imgl, .imgr{border:1px solid #ff9900; 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: 'Yeseva One', Helvetica, "Helvetica Neue", Arial, sans-serif;
}
div.wrapper h6 {
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}
div.wrapper h1 {
padding-bottom:0;
margin-botom:5px;
color:#CC6;
font-size:24px;
}
div.gallery{
width:650px;
margin:0;
}
.col1{color:#333333; background: url(../images/hudson/gold_scale2.png) repeat scroll; opacity:.8;}
.col2{color:#DBDBDB; background: url(../images/hudson/gold_scale2.png) repeat scroll; opacity:.8;}
.col3{color:#8c9667; background-color: repeat scroll;}
.col4{color:#d8e2b2; background: url(../images/hudson/water2.jpg) repeat scroll;}
.col5{color:#082E38; background: url(../images/hudson/gold_scale2.png) repeat scroll; }
.col5 a{
color:#A60303;
background-color:url(../images/hudson/gold_scale.png) repeat scroll;
}
.col5 a:hover, .col5 a:active{
text-decoration:underline;
}
.col6{color:#d8e2b2; background: url(../images/hudson/water.png) scroll;}
.col7, .col7 a{color:#fff; background:url(../images/hudson/clouds2.jpg) repeat scroll; }
/* ----------------------------------------------Generalise-------------------------------------*/
#topbar, #header, #gallery, #services, #breadcrumb, #container, #footer, #copyright, #logos{
position:relative;
margin:0 auto 0;
display:block;
width:960px;
}
/* ----------------------------------------------TopBar-------------------------------------*/
#topbar{
height:10px;
padding:5px 0;
}
/* ----------------------------------------------Header-------------------------------------*/
#header{
z-index:1000;
padding:0 0 20px 0;
font-family:'Yeseva One', Georgia, "Times New Roman", Times, serif;
}
#header #logo{
float:left;
margin: 15px 5px 0 0;
}
#header h1, #header p{
margin:0;
padding:0;
border:none;
clear:left;
font-size:14px;
}
#header h1{
display:block;
font-size:28px;
color:#8F201A;
}
#header h1 a{
color:#cc6;
background-color:#000000;
}
#header p {
color:#333333;
font-size:16px;
}
#header #name{
float:left;
width:600px;
}
/* ----------------------------------------------Header-------------------------------------*/
#services{
padding:20px 0 0 0;
font-size:24px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#services img{
margin-left: 10px;
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 0 0;
padding:0;
}
#services li.last{
width:300px;
margin-right:0;
}
#services li.last div{
padding:10px 10px 10px 20px;
}
#services li.help{
float:left;
width:650px;
height:200px;
margin:0 8px 0 0;
padding:0;
overflow:hidden;
}
#services li.help div{
letter-spacing:-1px;
font-size: 22px;
line-height: 30px;
color:#171717;
min-height: 270px;}
#services li.helplast{
display:block;
float:left;
height:200px;
width: 300px;
margin-right:0;
padding:0;
overflow:hidden;
}
#services li.helplast div{
padding:10px;
}
#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: 'Yeseva One', 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:5px;
}
#container h1, #container h2, #container h3, #container h4, #container h6,
#container h1 a, #container h2 a, #container h3 a, #container h4 a, #container h6 a{
margin:0 0 10px 0;
padding:0 0 8px 0;
color:#6B1804;
}
#container h5, #container h5 a {
margin:0 0 4px 0;
padding:0 0 2px 0;
color:#6B1804;
}
#container h1 a:hover, #container h2 a:hover, #container h3 a:hover, #container h4 a:hover, #container h5 a:hover, #container h6 a:hover,
#container h1 a:active, #container h2 a:active, #container h3 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;}
#container h6 {font-size: 13px; color:#082E38;}
#content{
display:block;
float:left;
margin:30px 0 0 0;
width:520px;
}
#content_guests{
display:block;
float:left;
width:450px;
}
#content_tickets{
display:block;
float:left;
width:620px;
}
#content p {
line-height:18px;
color:#333;
}
#content p.block {
display:block;
font-style:italic;
}
#content ul li {
line-height:17px;
font-size:12px;
padding-bottom: 10px;
}
#content ul li span {
text-transform:uppercase;
}
#content ul li span.red {
color:#a60303;
font-style:italic;
text-transform:none;
}
/* ------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;
margin-top:30px;
}
#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:11px;
display:block;
}
#column ul li span {
text-transform:uppercase;
color:#000;
}
#column ul.ticket {
}
/* Featured Block */
#column #featured a{
color:#a60303;
font-weight:bold;
}
#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:#444444;
}
#column #featured ul li ul li{
padding:15px 0;
}
#column #featured li p{
line-height:1.4em;
}
#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: 'Yeseva One', Georgia, "Times New Roman", Times, serif;
color:#6B1804;
line-height:normal;
border-bottom:1px dashed #666666;
}
#column #featured p.more{
display:block;
width:100%;
margin-top:15px;
font-weight:bold;
text-align:left;
line-height:normal;
text-transform:uppercase;
}
/* ----------------------------------------------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_photos {
display:block;
width:251px;
height:87px;
background:url(../images/demo/btn_photos.png) no-repeat top;
}
#btn_photos:hover, #btn_photos:active {
background:url(../images/demo/btn_photos.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_donate {
display:block;
width:250px;
height:77px;
background:url(../images/hudson/btn_g.png) no-repeat top;
}
#btn_donate:hover, #btn_donate:active {
background:url(../images/hudson/btn_g.png) no-repeat bottom;
}
#btn_download {
display: block;
width:36px;
height:36px;
background: url(../images/hudson/download_g.png) no-repeat top;
}
#btn_download:hover, #btn_download:active {
background:url(../images/hudson/download_g.png) no-repeat bottom;
}
#content_guests ul {
line-height: 18px;
}