/*****************************************************************
############################################
TITLE: Sweet Simplicity Stylesheet
AUTHOR: CopyCat Designs (la.senorita.maria[at]gmail.com)
CREATED: June 09, 2006 (Go England!)
############################################
*****************************************************************/
body {
font-family : 'ＭＳ ゴシック','Trebuchet MS', Arial, sans-serif;
background-color : #FFE4E1;
color : #706060;
font-weight : lighter;
font-size : 13px;
line-height : 1.5;
padding-bottom : 20px;
padding-right : 10px;
margin-left : auto;
margin-right : auto;
}
/**************
LAYOUT
###########################################*/
#pagewidth {
width : 700px;
text-align : left;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
padding : 25px;
font-size : 13px;
color : #706060;
}
#header {
position : relative;
height : 85px;
width : 100%;
padding-top : 57px;
background-image : url(/assets/images/title.jpg);
}
#subheader {
position : relative;
height : 100px;
background-color : inherit;
font-family : 'Trebuchet MS', Arial, serif;
color : #4e4e4e;
font-weight : lighter;
font-size : 13px;
}
#maincol {
float : right;
display : inline;
position : relative;
padding-right : 10px;
padding-left : 10px;
width : 77%;
z-index : 1;
}
#leftcol {
float : left;
display : inline;
position : relative;
width : 20%;
}
#footer {
height : 55px;
clear : both;
text-align : center;
padding-top : 30px;
}
#footer p {
font-size : 13px;
}
#footer a:hover {
text-decoration : none;
color : #DA70D6;
background-color : inherit;
}
#footer a {
color : #706060;
background-color : inherit;
}
#subfooter {
background-color : inherit;
text-align : center;
font-family : 'Trebuchet MS', Arial, sans-serif;
color : #706060;
font-weight : lighter;
font-size : 13px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-table;
}
html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
@media print {
}
/**************
LINKS
###########################################*/
a:link {
text-decoration : none;
color : #DA70D6;
background-color : inherit;
}
a:visited {
text-decoration : none;
color : #DA70D6;
background-color : inherit;
}
a:active {
text-decoration : none;
color : #DA70D6;
background-color : inherit;
}
a:hover {
text-decoration : none;
color : #706060;
background-color : inherit;
}
#maincol a:hover {
text-decoration : none;
color : #706060;
background-color : inherit;
border-bottom : 1px solid #DA70D6;
}
#leftcol a:hover {
text-decoration : none;
color : #706060;
background-color : inherit;
border-bottom : 1px solid #DA70D6;
}
/**************
HEADERS
###########################################*/
h1 span {
color : #706060;
font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : normal;
background-color : inherit;
font-size : 14px;
}
h1 {
font-size : 26px;
color : #DA70D6;
font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : normal;
background-color : inherit;
}
h2 {
font-size : 14px;
padding-bottom : 15px;
color : #DA70D6;
font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : normal;
background-color : inherit;
}
#leftcol h2 {
font-size : 14px;
padding-bottom : 15px;
color : #DA70D6;
font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : lighter;
background-color : inherit;
}
/**************
PARAGRAPHS
###########################################*/
p {
font-family : 'Trebuchet MS', Arial, sans-serif;
color : #706060;
font-weight : lighter;
font-size : 13px;
background-color : inherit;
}
span {
font-family : 'Trebuchet MS', Arial, sans-serif;
color : #DA70D6;
background-color : inherit;
}
#maincol p {
font-family : 'Trebuchet MS', Arial, sans-serif;
color : #706060;
font-weight : lighter;
font-size : 13px;
padding-bottom : 20px;
padding-right : 10px;
background-color : inherit;
}
#leftcol p {
font-family : 'Trebuchet MS', Arial, sans-serif;
color : #706060;
font-weight : lighter;
font-size : 13px;
padding-bottom : 25px;
background-color : inherit;
margin-bottom : 30px;
}
/**************
BLOCKQUOTES
###########################################*/
blockquote {
font-family : 'Trebuchet MS', Arial, sans-serif;
color : #706060;
font-weight : lighter;
font-size : 14px;
margin-left : auto;
margin-right : auto;
width : 80%;
margin-bottom : 10px;
padding-right : 10px;
background-color : inherit;
background : url(/assets/images/quotebottom.gif) no-repeat bottom right;
}
blockquote p {
font-size : 14px;
padding-bottom : 14px;
color : #706060;
font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : lighter;
background-color : inherit;
background : url(/assets/images/quotetop.gif) no-repeat 5px 0;
padding-left : 24px;
padding-top : 20px;
}
/**************
LISTS
###########################################*/
#maincol ul {
margin-bottom : 20px;
margin-left : 20px;
}
/*
#maincol li {
list-style-image : url(/aassets/images/bullet.gif);
}
*/
#maincol dt {
font-weight: bold;
margin-top: 10px;
}
#maincol dd {
margin-left: 50px;
}
#right {
left : 100px;
position : relative;
}
/*##########################################
FORMS
###########################################*/
form {
padding-top : 10px;
}
input, textarea {
border-right : 1px solid #fcb9b9;
border-left : 1px solid #fcb9b9;
border-top : 1px solid #fcb9b9;
border-bottom : 1px solid #fcb9b9;
}
/*
label, input, textarea {
display : block;
width : 150px;
float : left;
margin-bottom : 10px;
font-family : 'Trebuchet MS', serif, Arial;
background-color : inherit;
color : #706060;
border-right : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #fcb9b9;
overflow : auto;
}
input, textarea {
color : #706060;
background-color : inherit;
}
label {
text-align : left;
width : 75px;
padding-right : 20px;
font-family : 'Trebuchet MS', serif, Arial;
border : 1px solid #ffffff;
}
br {
clear : left;
}
.button {
background-color : #ffffff;
color : #706060;
border-bottom : 1px solid #ffffff;
font-size : 13px;
padding : 0;
margin-top : 20px;
font-family : 'Trebuchet MS', sans-serif, Arial;
cursor : default;
}
.button:hover {
background-color : inherit;
color : #fcb9b9;
cursor : pointer;
}
.hidden {
border : 0;
overflow : hidden;
}
*/
/**************
IMAGES
###########################################*/
a img {
border : none;
margin-top : 5px;
margin-bottom : 5px;
}
a img:hover {
border : 1px solid #706060;
}
img.left, img.center, img.right {
padding : 4px;
border : 1px solid #fcb9b9;
}
img.left {
float : left;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
}
img.center {
display : block;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
}
img.right {
float : right;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
}
/*######################################################
News List
#######################################################*/
#news_list {
background-color: #FFFACD;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
#news_list p {
background-color: #FFFACD;
}
#news_list h2 {
color : #00EEEE;
font-weight : bold;
padding-left : 45px;
background : url(/assets/images/news_icon.png) no-repeat 5px 0;
}
#news_list img {
border : none;
padding : 15px 15px 15px 15px;
}
/*######################################################
Mini Gallery
#######################################################*/
#minigallery img {
border : none;
padding : 15px 15px 15px 15px;
max-width: 100px;
}