Return to main.css CVS log

Up to [Local Repository] / pettastic / html / css

Formatted 'Services' page, started writing the gallery but disabled it for now.

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #404040;
    font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
    font-size: medium;
    font-size: 80%;
        /* fallback */
        background-color: #C7B7D5;
        background-image: url(images/radial-bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;

        /* Safari 4-5, Chrome 1-9 */
        /* Can't specify a percentage size? Laaaaaame. */
        background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f0e5fc), to(#C7B7D5));

        /* Safari 5.1+, Chrome 10+ */
        background: -webkit-radial-gradient(circle, #f0e5fc, #C7B7D5);

        /* Firefox 3.6+ */
        background: -moz-radial-gradient(circle, #f0e5fc, #C7B7D5);

        /* IE 10 */
        background: -ms-radial-gradient(circle, #f0e5fc, #C7B7D5);

        /* Opera cannot do radial gradients yet */
}

p {
        font-family: Tahoma, Geneva, sans-serif;
}


#location {
    display: none;
}

a {
	color: #502060;
}

#menubar {
	margin-top		: 10px;
	margin-left		: 0px;
	margin-bottom		: 10px;
	padding-top		: 4px;
	padding-bottom		: 5px;
	background-color	: transparent;
	background		: url(/images/transpurple.png);
	color			: #f0f0f0;
	border-top		: 1px solid black;
	border-bottom		: 1px solid black;
	font-size		: medium;
    	clear			: both;
	height			: 100%;
	width			: 800px;
        font-family		: Tahoma, Geneva, sans-serif;
        font-size		: 15px;
        font-weight		: bold;
        text-align		: center;
	float			: center;
	margin-left		: auto;
	margin-right		: auto;
}


#title_header {
	margin-top:		0px;
	margin-bottom:		0px;
	padding-top: 		0px;
	padding-bottom: 	0px;
	background-color:	transparent;
	width:			800px;
	clear:			both;
	text-align:		center;
	margin-left:		auto;
	margin-right:		auto;
}

#footer {
	margin-top		: 30px;
	margin-bottom		: 10px;
	padding-top		: 5px;
	padding-bottom		: 5px;
	background-color	: transparent;
	background		: url(/images/transpurple.png);
	color			: #f0f0f0;
	border-top		: 1px solid black;
	border-bottom		: 1px solid black;
	font-size		: x-small;
	width			: 100%;
	clear			: both;
	text-align		: center;
	margin-left		: auto;
	margin-right		: auto;
	width			: 800px;
}

#mainbody {
	float			: center;
	height			: 100%;
	width			: 750px;
	margin-left		: auto;
	margin-right		: auto;
	margin			: 0;
	padding			: 0;
	clear			: both;
	border			: 2px solid red;
	clear			: both;
}

#content {
	float			: center;
    	width			: 770px; 
	margin-left		: auto;
	margin-right		: auto;
	background		: url(/images/transwhite.png);
	border			: 1px solid #e0e0e0;
	margin-bottom		: 30px;
	padding			: 5px;
	clear			: both;
}

#coupons {
	text-align		: center;
	font-size		: 120%;
	margin-left		: 150px;
	margin-top		: 30px;
	margin-bottom		: 30px;
	border			: 5px dotted #000000;
	width			: 450px;
}

#coupons img.head {
	float			: center;
	margin-top		: 5px;
	margin-bottom 		: 0px;
}

#coupons p.title {
	text-align		: center;
	font-size		: 200%;
	color			: #E21717;
	font-weight		: bold;
	margin-top		: 10px;
	margin-bottom		: 10PX;
}

#coupons p.fineprint {
	font-size		: 80%;
	color			: #000000;
	margin-bottom		: 10px;
	margin-top		: 10px;
}

#coupons p.expiration {
	text-align		: right;
	font-size		: 60%;
	color			: #000000;
	margin-bottom 		: 10px;
	margin-top		: 15px;
}

#pring-button {
	display			: none;
}

#hours {
	float			: center;
	text-align		: center;
	font-size		: 130%;
	font-weight		: bold;
	margin-left		: 50px;
	margin-bottom		: 30px;
	border			: 1px solid #763E7A;
	width			: 300px;
}

#hours.p {
	text-align		: center;
}

td.title {
	text-align		: center;
	font-weight		: bold;
	font-size		: medium;
	color			: #FFC7E8;
	margin-bottom		: 5px;
	background		: #763E7A;
}

td.item_light {
	font-weight		: bold;
	font-size		: 12px;
	margin-right		: 15px;
}

td.item_dark {
	font-weight		: bold;;
	font-size		: 12px;
	background		: #FFC7E8;
	margin-right		: 25px;
}

p.description {
	font-weight		: normal;
	font-size		: 10px;
	margin-left		: 20px;
	margin-right		: 50px;
	margin-bottom		: 5px;
}

p.price_note {
	font-weight		: bold;
	font-size		: 10px;
	margin-left		: 110px;
}

td.description {
}

img.floatLeft {
	float			: left;
	margin			: 10px;
}

img.floatRight {
	float			: right;
	margin			: 10px;
}



#debug {
	float: left;
	padding: 10px;
	border: 2px dotted red;
	background-color: #EBEAC0;
	font-family: courier;
	width:700px;
	margin-left: 10px;
	margin-bottom: 10px;
}



#debug_top {
        float: left;
        padding: 0px;
        border: 2px dotted red;
        background-color: #EEEEEE;
        font-family: courier;
        width:720px;
        margin-left: 10px;
        margin-bottom: 10px;
	font-size:150%
	font-weight: bold;
}

#menu {
	height: 100%;
	float: left;
    margin-left: 0px;
    margin-bottom: 30px;
    width: 170px;
    border: 1px solid #a0a0a0;
    padding: 0px;
/*	background: url(transwhite.png);*/
    background-color: #f0f0f0;
    font-size: 90%;
	overflow: hidden;
}

#menu div.nav {
    font-family: georgia, garamond, agaramond, times new roman, times, serif;
    background-color: #d0d0d0;
    color:  #400010;
    font-size: 150%;
    text-align: center;
    padding: 2px;
    border-bottom: 1px solid #a0a0a0;
}

#menu a {
    text-decoration: none;
}

#menu ul {
    margin-top: 3px;
    /*padding-left: 18px;*/
}

#menu li {
    list-style: none;
}

#menu div {
    text-align: center;
}

#menu p {
    padding: 0px;
    margin: 4px;
    text-align: center;
    color: black;
    font-size: 90%;
}

#menu img {
    border: 0px;
}

#messages {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #ffdddd;
}

h1 {
	padding-left: 30px;
    padding-right: 30px;
    font-size: 180%;
    color: #400010;
    font-family: georgia, garamond, agaramond, times new roman, times, serif;
}

p {
	padding-left: 30px;
    padding-right: 40px;
    margin-top: 0px;
    text-align: justify;
    line-height: 140%;
}

#list {
	padding-left: 50px;
	font-size: 100%
	margin-bottom:10px;
}

h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;	
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0px;
    font-size: 130%;
    color: black;
}

h3 {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0px;
    font-size: 100%;
}

h1:first-child {
    font-weight: bold;
}

#lastmodified {
	position: relative;
	margin-top: 120px;
    font-size: x-small;
	text-align:center;
}

.image {
    float: left;
    margin: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 10px;
    padding-bottom: 0px;
/*    border: 1px solid #a0a0a0;*/
    text-align: center;
}

.image p {
    font-size: 80%;
    margin: 1px;
    padding: 0px;
    text-align: center;
}

.image img {
    border: 2px solid #a0a0a0;
}

.image h2 {
    margin: 0px;
}

ul {
	list-style-type: circle;
}

pre {
	padding-left: 30px;
    padding-right: 40px;
}

.gotobar {
	color: #191970; 
	font-size:10px;
}

.edit bar {
	color: #949ce5; 
}

.header {
float: right;
margin-top: 15px;
margin-right: 50px;
padding: 5px;
padding-top: 10px,10px,10px,10px;

}

#header_title {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 4px;
	padding: 5px;
	color: #fcfcfc;
	font-size: 12px;
}

#header_title a {
    color: white;
    text-decoration: none;
}


.copyright {
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 50px;
	color: #8f8f8f;
	font-size: 8px;
}

#contactInfo {
	float: left;
	margin-left: 30px;
	font-size: 12px;
}


a:link {color:#082e58;  text-decoration: none; font-weight:normal;}
a:visited {color:#082e58; font-weight:normal; text-decoration:none;}
a:hover {color:#349ce5;}


a.definition:before { content:"[::"; }
a.definition:after { content:"]"; }
a.alias { text-decoration:none; border-bottom: thin dashed; }
a.near:link { color:#093; }
a.near:visited { color:#550; }
a.upload:before { content:"<"; }
a.upload:after { content:">"; }
a.outside:before { content:"["; }
a.outside:after { content:"]"; }