/* stylesheet for Andrea Palmer Photography (andreapalmer.com) by Fresher Websites (fresherwebsites.com) */

/* redefine html */
body, html {
margin:0px;
padding:0px;
background:#000000 url(/fw-images/ap-bg.jpg) no-repeat top right;
font-family:Trebuchet MS, Arial, Verdana, sans-serif;
color:black;
font-size:95%;
height:101%;
}
p {margin:0px;}
h1 {font-size:200%;margin:0px 0px 0px 0px;}
h2 {font-size:140%;margin:0px; display:inline;}
h5 {display:inline;margin:0px 10px;font-size:200%;}
ul {margin-bottom:0px;}
li {margin-bottom:8px;}
hr {height:1px;margin:8px 0px;}

/* define all link styles */
a:link, a:visited {
color:#ff0099;
text-decoration:none;
}
a:hover, a:active {
color:#ff0099;
text-decoration:underline;
}
#seo {text-align:center;width:800px;margin:0 auto;}
#seo h1 {color:#666666;font-size:12px;position:relative;}

#logo a {color:#ff0099;text-decoration:none;display:block;}

#editPage a {text-decoration:none;background-color:black;padding:3px;}

/* major divs */
#pageWrapper {
width:100%;
background:transparent;
padding:0px 0px 20px 0px;
}
#bevel {
border:outset 4px #222222;
width:820px;
text-align:center;
margin:auto;
}
#border {
border: 2px solid #ff0099;
padding:5px;
width:800px;
text-align:center;
margin:5px;
}
#logo {
width:740px;
padding:20px 30px 30px 30px;
background:transparent url(/fw-images/logo-middle.jpg) no-repeat left ;
color:#ff0099;
}
/*#image {
position:relative;
height:200px;
width:800px;
}
*/
#photographyLinks {
background-image:url(/fw-images/bg/links-bar.jpg);
width:800px;
overflow:visible;
text-align:center;
font-size:13px;
}

#photographyLinks a {text-decoration:none;padding:8px 10x;display:block;line-height:34px;}

#photographyLinks a:link, #photographyLinks a:visited {color:#000000;}

#photographyLinks a:hover, #photographyLinks a:active {color:#000000;background:#666666 url(/fw-images/bg/links-bar-hover.jpg) repeat-x;}

#linksLogin {
background:#aaaaaa;
width:800px;
text-align:center;
}
#linksLogin a {
display:block;
padding:5px;
text-decoration:none;
}
#linksLogin a:link, #linksLogin a:visited {background:#aaaaaa;color:#000000;}

#linksLogin a:hover, #linksLogin a:active {background:#b488a3;color:#000000;}

#pageContainer {
position:relative;
width:800px;
text-align:left;
background:#ffffff;
padding-bottom:10px;
height:100%;
}

#pageSidebar {
width:160px;
position:relative;
float:right;
display:inline;
border-left:1px solid #999999;
margin:80px 30px 30px 30px;
}

#pageSidebar a {
display:block;
text-decoration:none;
padding:5px;
margin:0px;
}

#pageSidebar a:link, #pageSidebar a:visited {
color:#555555;
background:transparent;
}

#pageSidebar a:hover, #pageSidebar a:active {
color:#ff0099;
background:#ffccff;
}


/*#clientLogin a:link, #clientLogin a:visited {color:#333333;}
#clientLogin a:hover, #clientLogin a:active {color:#ff0099;background-color:#ffccff;}*/
.sidebarSection {border-bottom:solid 1px #999999;padding-bottom:12px;margin-bottom:12px;}

#pageContent {
padding:30px 30px 0px 30px;
}

#pageContent h1 {
text-align:left;margin-bottom:30px;
}

#footer {
padding:5px 10px 0px 10px;
width:780px;
font-size:90%;
background:url(/fw-images/logo-middle.jpg) no-repeat left;

}
#footer-left {
float:left;
color:#ff0099;
margin-top:6px;
}
#footer-right {
float:right;
color:#cccccc;
margin-top:6px;
}

#footer-right a:link, #footer-right a:visited {color:#cccccc;text-decoration:none;}

#footer-right a:active, #footer-right a:hover {color:#ff0099;text-decoration:none;}








#mainDouble {
width:740px;
height:auto !important; /* real browsers */
height:280px; /* IE6: treaded as min-height*/
min-height:280px; /* real browsers */
padding:30px;
text-align:justify;
background:white;
}
#main {
width:800px;
background:white;
}
#basketIcon {
float:right;
margin:-20px 0px 10px 20px;
padding:0px;
border-color:#ff0099;
border-style:dotted;
border-width:0px 0px 0px 0px;
font-size:90%;
font-style:bold;
}
#photo {
width:400px;
height:auto !important; /* real browsers */
height:340px; /* IE6: treaded as min-height*/
min-height:340px; /* real browsers */
float:left;
background:white;

}
#testPhoto {
width:400px;
height:auto !important; /* real browsers */
height:340px; /* IE6: treaded as min-height*/
min-height:340px; /* real browsers */
float:left;
margin-left:-1px;
}
#text {
width:356px;
padding:30px 30px 30px 10px;
text-align:justify;
height:auto !important; /* real browsers */
height:280px; /* IE6: treaded as min-height*/
min-height:280px; /* real browsers */
float:right;
background:white;

}
#editPage {
background-color:#b488a3;
}


/* forms & form element classes */
form {
padding:0px;
margin:0px;
font-family:Trebuchet MS, Arial, Verdana, sans-serif;
}
input, select, textarea {font-family:Trebuchet MS, Arial, Verdana, sans-serif;color:#000000;}

textarea, select, input.textbox {width:350px;}

textarea {height:75px;}

select.sidebarMenu {width:150px;font-size:13px;line-height:13px;}

#editPage textarea {width:600px;height:70px;}
#editPage .textbox {width:600px;height:20px;}
#text textarea {height:50px;}
.50h {height:50px;}

.button {
width:100px;
background-color:white;
color:#222222;
text-align:center;
font-size:90%;
}
.buttonUpDown {
border:1px outset #ff0099;
color:#ff0099;
background-color:white;
padding:2px;
font-size:70%;
width:30px;
}
.pgInput {
width:30px;
}
.qInput {
width:25px;
}
.checkbox{
width:25px;
}
/* other classes and random */

#logo h1 {
font-weight:lighter;
font-size:55px;
}
.mainPhoto {
border:0px solid #000000;
padding: 2px;
}
#text h1 {margin-bottom:0px;}
.pink {color:#ff0099;}
#clientPhotos {
text-align:center;
background-colour:#ffffcc;
width:540px;
}
.thumbnail {padding:2px;border:1px solid black;}
#main h1 {text-align:left;margin-bottom:20px;}

/* text area resize links */
.tbSmaller{text-decoration:none;font-size:90%;margin-right:10px;}
.tbLarger{text-decoration:none;font-size:90%;margin-left:10px;}

#mainDouble {
background-color:white;
}
#main {
background-color:#ffffff;
}
#photo {
background-color:#ffffff;
}
#text {
background-color:white;
}
a.gallery {font-size:18px;font-weight:bold;text-decoration:none;}
a.gallery:link, a.gallery:visited {color:#ffffff;}
a.gallery:hover, a.gallery:active {color:#ff0099;}