/* 
    Document   : screen.css
    Created on : May 6, 2010
    Author     : Richard Doherty
    Description: To provide a style screen for doherty.com
*/


body  {
background:#505958 url(../images/bg.png) repeat-x 0 162px;
font:normal 12px/18px Arial, Helvetica, sans-serif;
color: #b9c2c7;
margin:0;padding:0;
}

img {border:0;}

a {
color:#4dbcd7;
text-decoration:none;
}

a:hover {text-decoration:underline;}
a:active  {color:#FFF;}
p {margin:10px 0;}
h1 {font-size:20px;}
h2 {
clear:both;
font-size:15px;
padding-bottom:5px;
border-bottom:1px dashed #b9c2c7;
}

h3 {
font-weight:normal;
font-style:italic;
margin:25px 0 0 0;padding:0;
}

h3 + p  {
margin:0;padding:0;
}

h4 {
font-size: 20px;
clear:both;
color: #dbb03d;
font-family: "Apple Chancery", "Zapf Chancery", cursive;
padding-bottom: 5px;
border-bottom: 2px solid #dbb03d;
border-top: 2px solid #dbb03d;
width: 150px;
margin-bottom: 30px;
}
h4:hover {
border-bottom: 2px solid white;
border-top: 2px solid white;
color: white;
}
h5 {
font-size: 20px;
clear:both;
color: #dbb03d;
font-family: "Apple Chancery", "Zapf Chancery", cursive;
padding-bottom: 5px;
border-bottom: 2px solid #dbb03d;
border-top: 2px solid #dbb03d;
width: 225px;
margin-bottom: 30px;
}
h5:hover {
border-bottom: 2px solid white;
border-top: 2px solid white;
color: white;
}
h6 {
font-size:20px;

}
ul {margin:0 0 0 15px;padding:0;}
header, footer, section {display:block;}

/* - - - *COMMON - - - */
.clear {clear:both;}

/* - - - *HEADER - - - */
#page {
clear:both;
/*width:960px;*/
width: 1000px;
margin:0 auto;
}

#header-wrap {
background:url(../images/bg-header.png) repeat-x 0 0;
height:162px;
}

header {
width:960px;
margin:0 auto;
position:relative;
}

/* - - - *NAVBAR - - - */
#navbar {
position:absolute;
top:120px;
left:155px;
}
#navbar li {
float:left;
margin-right:13px;
list-style-type:none;
}

#navbar a {
color:#b9c2c7;
font-size:14px;
text-decoration:none;
padding:5px;
}

#navbar a:hover, #navbar a#current {
color:#FFF;
background-color:#34363c;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

/* - - - *MAIN - - - */
#main {
float:left;
width:700px;
}

#contact label {
display:block;
margin-top:5px;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="url"],
#contact input[type="submit"],
#contact textarea{
margin:5px 0;
padding:0 5px;
border:1px solid #55636b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#contact #form-submit {cursor:pointer;display:block;}
#contact #form-submit:active {
background:#4dbcd7;
color:#FFF;
}

.error-msg {
background-color:#FFF;
color:red;
font-weight:bold;
font-size:15px;
padding:5px;
border:1px solid #55636b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.note {font-size:11px;}

#hp-img {
width:450px;
height:450px;
position:relative;
}

#hp-img img {
border:15px solid #FFF;
position:absolute;
top:35px;
left:20px;
-moz-box-shadow: 0 2px 8px #000;
-webkit-box-shadow: 0 2px 8px #000;
box-shadow: 0 2px 8px #000;
}

/* - - - *SIDEBAR - - - */
aside {
float:right;
width:280px;
}

#resume-dl {margin:0 0 50px 0;}
#resume-dl li {
float:left;
margin-right:10px;
list-style-type:none;
}

#resume-dl a {
color:#FFF;
padding:5px;
text-decoration:none;
background-color:#34363c;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#resume-dl a:hover {
background-color:#4dbcd7;
}

#home aside p:first-child {
margin-top:30px;
}
/* - - - *FOOTER - - - */
footer {
clear:both;
height:30px;
font-size:11px;
line-height:14px;
}

footer ul {margin:0;}
footer li {
float:left;
margin-right:13px;
list-style-type:none;
}

footer p {clear:both;}
#stats {display:none;}

/* - - - *RESTAURANT - - - */
.rest-img {
float:left;
width:150px;
height:400px;
margin:5px;
}

.rest-img img {
border:2px solid #dbb03d;
}

.rest-img img:hover {
border:2px solid white;
}

/* - - - *CONFERENCES - - - */
.con-img {
float:left;
width:340px;
height:210px;
margin:3px;
}

.con-img {
border:2px solid #dbb03d;
}
.con-img2 {
float: left;
width: 225px;
height: 420px;
margin: 10px;
}
.con-img2 img {
border:2px solid #dbb03d;
}
.con-img2 img:hover {
border:2px solid white;
}

/* - - - *PACKAGES - - - */

img.floatright {
    float: right;
    margin: 4px;
    clear: left;
}
img.biking {
width : 220px;
height : 188px;
border: 0px;
padding: 0px;
background-image : url(/images/packages/front/circle/biking.gif);
}
img.biking:hover {
    background-image : url(/images/packages/front/circle/biking_bright.gif);
}
img.facial {
width : 220px;
height : 282px;
border: 0px;
outline-width: 0px;
padding: 0px;
background-image : url(/images/packages/front/circle/facial.gif);
}
img.facial:hover {
    background-image : url(/images/packages/front/circle/facial_bright.gif);
}

/* - - - *PHOTOS - - - */

#pg { position: relative; height: 585px; }
#pg li { position: relative; list-style: none; width: 175px; height: 117px; overflow: hidden; float: left; z-index: 2; opacity: .3; }
#pg li.active { opacity: 1; }
#pg li.selected { opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; }
#pg li img { display: block; width: 100%; }
#pg li p { margin: 10px 0; font-size: 12px; }