@import url("dnndefault.css");
@import url("nav.css");
@import url("content.css");

/* =================================

CSS Document for Parkside at Mayfair DNN skin 
Author: Rick Beddie
Email: rick@psdtodnn.com
Skype: r.beddie
Website: www.psdtodnn.com
Twitter: @psdtodnn

================================= */


/* -- General -- */

.container{
margin-bottom:10px;
}

*{
outline:none;
}

.clear{
height:0px;
clear:both;
}

.title{
margin-top:0;
}

.left{
float:left;
}

img.left{
margin:0 10px 10px 0;
}

.right{
float:right;
}

img.right{
margin:0 0 10px 10px;
}

a:link, a:visited, a:hover, a:active{
text-decoration:underline;
color:#3e8967;
font-weight:normal;
}

a:hover{
text-decoration:none;
}

p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#72706e;
margin:0 0 1em 0;
line-height:1.2em;
}

h1, h2, h3, h4, h5, h6{
font-family:Century, Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#3e8967;
}

h1{
margin:0 0 0.4em 0;
font-size:30px;
}

h2{
font-size:24px;
margin:0.8em 0 0.6em 0;
}

h3{
font-size:22px;
margin:0.8em 0 0.6em 0;
}

h4{
font-size:18px;
margin:0.8em 0 0.6em 0;
}

h5{
font-size:16px;
margin:0.8em 0 0.6em 0;
}

h6{
font-size:14px;
margin:0.8em 0 0.6em 0;
}

table{
}

tfoot, thead{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#72706e;
}

th, td{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#72706e;
}

th{
font-weight:bold;
}

td{
font-weight:normal;
}

small{
font-size:11px;
}

big{
font-size:14px;
font-weight:bold;
}

blockquote, pre{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
color:#72706e;
padding:2px;
}

li{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#72706e;
line-height:1.2em;
}

ul{
margin-top:0.8em;
margin-bottom:0.6em;
}

ul li{
list-style:disc;
}

ol{
margin-top:0.8em;
margin-bottom:0.6em;
}

ol li{
list-style-type:decimal;
}

dl{
margin:0.8em 0 0.6em 0;
font-size:13px;
color:#72706e;
}

dt, dd{
font-family:Georgia, "Times New Roman", Times, serif;
margin-left:40px;
margin-right:40px;
font-size:12px;
}

dt{
font-weight:bold;
color:#72706e;
}

hr{
color:#b0b5b1;
background-color:#b0b5b1;
border:none;
height:1px;
clear:both;
}

/* -- Body -- */

body#Body{
margin:0;
padding:0;
background:#6baad9 url(images/parkbground.jpg) scroll no-repeat top;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#72706e;
}

#Body{
}

/* -- Wrapper -- */

#parkwrapper{
background:#f6f7f2 url(images/content-tile.jpg) scroll repeat top left;
width:1020px;
margin:0 auto;
}

/* -- Header Background -- */

#parkheaderimage{
background:url(images/park-head.jpg) scroll no-repeat top;
width:100%;
}

/* -- Footer Background -- */

#parkfooterimage{
background:url(images/content-footer.jpg) scroll no-repeat bottom;
width:100%;
}

/* -- Header -- */

#parkheader{
position:relative;
width:1020px;
height:450px;
}

/* -- Logo -- */

#parklogo{
position:absolute;
margin-left:34px;
margin-top:8px;
}

/* -- Navigation -- */

#parknavbar{
width:980px;
margin: -70px 0 15px;
text-align:center;
padding:0 20px;
position: relative;
z-index: 100;
}

#parkcontentwrapper { clear:both; }

/* -- Right Content -- */

#parkcontentleft{
float:left;
width:660px;
padding-left:30px;
}

/* -- Right Content -- */

#parkcontentright{
float:right;
width:287px;
padding-right:30px;
}

/* -- Footer Links -- */

#parklinks{
text-align:center;
font-size:14px;
color:#e1ddd8;
background:url(images/links.jpg) scroll no-repeat top;
line-height:48px;

}

#parklinks a{
color:#892f19; padding: 0 17px;
}

/* -- Footer -- */

#parkfooter{
min-height:145px;
height:145px;
}

/* -- Site Footer -- */

#parksitefooter{
position:absolute;
left:50%;
margin-left:-485px;
width:970px;
margin-top:-10px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}

/* -- Copyright -- */

#parkcopyright{
float:left;
color:#fff;
}

/* -- Credit -- */

#parkcredit{
float:right;
text-align:right; color:#fff;
}

#parkcredit a{
color:#fff; text-decoration:none;
}

/* -- Panes -- */

#dnn_RotatorPane{
width:1020px;
padding:32px 0 0 30px;
}

#dnn_ContentPane{
width:960px;
margin:0 0 0 30px;
}

#dnn_HeaderPane{
position:absolute;
margin:222px 0 0 50px;
width:236px;
}

/* -- Actions button for container fix -- */

#dnn_HeaderPane table.ModuleTitle_SubMenu{
margin-top:-236px;
margin-left:-50px;
}

#dnn_AdPane1{
float:left;
width:216px;
margin-right:6px;
}

#dnn_AdPane2{
float:left;
width:216px;
}

#dnn_AdPane3{
float:right;
width:216px;
}

#dnn_FooterLeftPane{
float:left;
width:400px;
}

#dnn_FooterRightPane{
float:right;
width:400px;
}

/* -- Margin Container -- */

.container.margin{
background:url(images/margin-cont-tile.gif) scroll repeat-y top;
}

.container.margin .top{
background:url(images/margin-cont-top.gif) scroll no-repeat top;
}

.container.margin .bottom{
background:url(images/marg-cont-bottom.gif) scroll no-repeat bottom;
}

.container.margin .padd{
padding:10px;
}

/* CFWI Additions */

#parkwrapper.is-admin #parkheader { margin-bottom: 40px; }

#dnn_RotatorOverlay { position:relative;z-index: 99; margin:0 0 -389px 38px; padding:8px 0 0 0; width:256px;}
#parkwrapper.is-admin #dnn_RotatorOverlay { margin: 0 0 -455px 48px; }
#TagLine {position:absolute; z-index: 9999; top:332px; left: 334px;}

#dnn_RotatorOverlayInside { position:relative;z-index: 99; margin:0 0 -236px 30px; padding:10px 0 0 0; width:256px;}
#parkwrapper.is-admin #dnn_RotatorOverlayInside { margin: 0 0 -290px 48px; }
#TagLineInside {position:absolute; z-index: 100; top:182px; right: 42px;}

#dnn_InnerContentPane { background: url(images/content-seperator.jpg) no-repeat center bottom; padding-bottom:26px;}

#loginbox {float:left; width:100px;}
#loginbox a {color:#FFF;}
