/*---------- C I T Y B L I S S . C O M || LAYOUT BY: PIA D. ----------*/

/*---------- THE BODY ----------*/

body { 
background-color:#8edddd;
background-repeat:repeat-y;
background-position:top left;
background-image:url(/skiesctnr.png);
background-attachment:fixed;
text-align:justify;
cursor:crosshair;
}

/*---------- POSITIONS ----------*/

#header {
position:absolute; 
left:0px; 
top: 0px;
}
#content {
position:absolute; 
top:323px; 
left:253px; 
width:480px;
background-color:transparent;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
#sidebar {
position:absolute; 
top:90px; 
left:56px; 
width:171px;
background-color:transparent;
padding-left:3px;
padding-right:3px;
}

/*---------- SCROLLBAR STYLE ----------*/

body {
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-shadow-: #000000;
scrollbar-face-color: #353535;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}

/*---------- TEXT STYLE ----------*/

body { 
color : #797979;
font-family:arial;
font-size:11px;
line-height:12px;
}

::-moz-selection, cb {
color: #ffffff;
background-color:#a5d14b;
}

/*---------- TEXT AREA ----------*/

input {
font-family:arial;
font-size:11px;
height: 18px;
color: #575757;
padding-left: 2px;
padding-right:2px;
border: 1px dashed #a5d14b;
background: black url(http://i50.tinypic.com/33nykva.png);
}
textarea {
font-family: arial;
text-transform:uppercase;
color: #575757;
font-size: 7px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
border: 1px dashed #a5d14b;
line-height:11px;
width:228px;
height:90px;
background: black url(http://i46.tinypic.com/2rm3uvc.png);
}

/*---------- BLOCK QUOTE ----------*/

blockquote { 
background-color: #f1f1f1;
padding: 8px;
border-top: 0px dashed #000000;
border-bottom: 0px dashed #000000;
border-left: 5px solid #62beca;
border-right: 0px dashed #000000;
width: 380px;
text-align: justify;
font-family:arial 11px #797979;
font: arial;
color: #797979;
font size: 11px;
line-height:12px;
}

/*---------- FONT STYLES ----------*/

b, B {
color: #62beca;
}
i, I {
font-family: georgia;
font-size: 11px;
color: #047bad;
}
u, U {
font-weight: bold;
color: #544123;
border-bottom: 1px dashed #047bad;
}
s, S {
color: #544123;
}
strong, STRONG {
color : #44e1f0;
font-size:11px;
line-height:11px;
}
small, SMALL {
font-family: small fonts;
text-transform:uppercase;
font-size: 7px;
color: #62beca;
line-height:7px;
}
big, BIG {
color : #544123;
font-size:18px;
line-height:18px;
letter-spacing:-2px;
text-transform:uppercase;
}

/*---------- THE HEADERS ----------*/


h1 {
color : #544123;
font-size : 34px;
line-height : 34px;
font-family : century gothic;
letter-spacing : -4px;
font-weight : normal;
border-bottom: 1px dashed #544123;
border-top: 0px dashed #000000;
background-image : url(http://dl6.glitter-graphics.net/pub/575/575266us4crzygeq.gif);
background-repeat : no-repeat;
background-position : bottom left;
text-align : left;
padding-left: 33px;
margin : 0px;
text-transform:lowercase;
}
h1:first-letter {
color: #047bad; 
}

h2 {
margin-bottom: 0px;
margin-top: 0px;
line-height:16px;
font-size:16px;
font-family: century gothic;
text-transform: uppercase;
font-weight: normal;
color: #047bad;
border-bottom: dashed 0px #000000;
text-align: left;
padding-left:2px;
background-color: transparent;
}

h3 {
margin-bottom: 0px;
margin-top: 0px;
line-height:20px;
font-size:20px;
font-family: century gothic;
text-transform: uppercase;
font-weight: normal;
color: #544123;
border-top: dashed 0px #000000;
text-align: center;
padding-left:2px;
background-color: transparent;
}

h4 {
color : #544123;
font-size : 29px;
line-height : 29px;
font-family : century gothic;
letter-spacing : -3px;
font-weight : normal;
border-top: 0px dashed #000000;
border-bottom: 0px dashed #000000;
background-image : url(http://dl.glitter-graphics.net/pub/575/575281br5nqkcttj.gif);
background-repeat : no-repeat;
background-position : center right;
text-align : left;
padding-right: 0px;
margin : 0px;
text-transform:lowercase;
}
h4:first-letter {
color: #047bad; 
}

h5 {
color : #047bad;
font-size : 28px;
line-height : 19px;
font-family : courier new;
letter-spacing : 1px;
font-weight : normal;
border-bottom: 2px dashed #ffffff;
border-top: 2px dashed #ffffff;
background-image : url();
background-repeat : no-repeat;
text-align : center;
margin : 0px;
text-transform:uppercase;
}

/*---------- NAVIGATION LINKS ----------*/

a:link img { 
border: 1px solid #000000;
} 
a:visited img { 
border: 1px solid #000000;
} 
a:hover img { 
border: 1px solid #666666;
}

a:link, a:visited, a:active {
font: 11px arial;
color: #525252;
font-size:11px;
text-decoration: none;
text-transform: none;
}
a:hover {
font: 11px arial;
color: #44e1f0;
font-size:11px;
text-transform: none;
text-decoration: overline;
}


a.navi1, a.navi1:active, a.navi1:link, a.navi1:visited {
display:block;
font-family: arial;
font-size: 11px;
line-height:13px;
font-weight: normal;
letter-spacing:0px;
color: #808080;
text-transform: lowercase;
text-align: left;
background: #ffffff;
text-decoration:none;
border-right:8px solid #62beca;
border-left:8px solid #62beca;
padding: 3px;
padding-left: 6px;
margin-bottom: 2px;
}
a.navi1:hover {
display:block;
font-family: arial;
font-size: 11px;
line-height:13px;
font-weight: normal;
letter-spacing:0px;
color: #000000;
text-transform: lowercase;
text-align: left;
background: #ffffff;
text-decoration:none;
border-right:8px solid #047bad;
border-left:8px solid #047bad;
padding: 3px;
padding-left: 6px;
margin-bottom: 2px;
}

a.navi11, a.navi11:active, a.navi11:link, a.navi11:visited {
display:block;
font-family: arial;
font-size: 11px;
line-height:13px;
font-weight: normal;
letter-spacing:0px;
color: #808080;
text-transform: lowercase;
text-align: left;
background: #ffffff;
text-decoration:none;
border-right:8px solid #544123;
border-left:8px solid #544123;
padding: 3px;
padding-left: 6px;
margin-bottom: 2px;
}
a.navi11:hover {
display:block;
font-family: arial;
font-size: 11px;
line-height:13px;
font-weight: normal;
letter-spacing:0px;
color: #000000;
text-transform: lowercase;
text-align: left;
background: #ffffff;
text-decoration:none;
border-right:8px solid #deb887;
border-left:8px solid #deb887;
padding: 3px;
padding-left: 6px;
margin-bottom: 2px;
}

a.navip2, a.navip2:active, a.navip2:link, a.navip2:visited {
display:block;
font-family: small fonts;
font-size: 7px;
line-height: 7px;
font-weight: normal;
letter-spacing:0px;
text-decoration:none;
background: #f4f4f4;
color: #363636;
text-transform: uppercase;
text-align: left;
padding:0px;
padding-left:2px;
border-left:5px solid #047bad;
border-right:5px solid #047bad;
margin-bottom:0px;
}
a.navip2:hover {
background-color: #525252;
color: #ffffff;
letter-spacing:0px;
border-left:5px solid #797979;
border-right:5px solid #797979;
padding-left: 1px;
}

a.navip22, a.navip22:active, a.navip22:link, a.navip22:visited {
display:block;
font-family: small fonts;
font-size: 7px;
line-height: 7px;
font-weight: normal;
letter-spacing:0px;
text-decoration:none;
background: #ffffff;
color: #363636;
text-transform: uppercase;
text-align: left;
padding:0px;
padding-left:2px;
border-left:5px solid #62beca;
border-right:5px solid #62beca;
margin-bottom:0px;
}
a.navip22:hover {
background-color: #525252;
color: #ffffff;
letter-spacing:0px;
border-left:5px solid #797979;
border-right:5px solid #797979;
padding-left: 1px;
}

a.navip222, a.navip222:active, a.navip222:link, a.navip222:visited {
display:block;
font-family: small fonts;
font-size: 7px;
line-height: 7px;
font-weight: normal;
letter-spacing:0px;
text-decoration:none;
background: #e5e5e5;
color: #363636;
text-transform: uppercase;
text-align: left;
padding:0px;
padding-left:2px;
border-left:5px solid #afeeee;
border-right:5px solid #afeeee;
margin-bottom:0px;
}
a.navip222:hover {
background-color: #525252;
color: #ffffff;
letter-spacing:0px;
border-left:5px solid #797979;
border-right:5px solid #797979;
padding-left: 1px;
}

a.navi2:link,a.navi2:visited,a.navi2:active {
color:#808080;
font-size: 28px;
font-family:century gothic;
height:auto;
line-height: 28px;
letter-spacing: -3px;
text-transform:uppercase;
text-decoration: none;
text-align:center;
font-weight:normal;
font-style:none;
margin: 0px;
}
a.navi2:hover{
color:#62beca;
font-size: 28px;
font-family:century gothic;
height:auto;
line-height: 28px;
letter-spacing: -3px;
text-transform:uppercase;
text-align:center;
font-weight:normal;
font-style:none;
margin: 0px;
text-decoration: none;
}

a.navi22:link,a.navi22:visited,a.navi22:active {
color:#808080;
font-size: 24px;
font-family:century gothic;
height:auto;
line-height: 20px;
letter-spacing: -2px;
text-transform:lowercase;
text-decoration: none;
text-align:center;
font-weight:normal;
font-style:none;
margin: 0px;
padding-left: 7px;
}
a.navi22:hover{
color:#62beca;
font-size: 24px;
font-family:century gothic;
height:auto;
line-height: 20px;
letter-spacing: -2px;
text-transform:lowercase;
text-align:center;
font-weight:normal;
font-style:none;
margin: 0px;
padding-left: 7px;
text-decoration: none;
}