So I thought I did a good job with creating my first skin. I kept it simple and used the html method for creating my skin. Everything looks and work great except for when I click on the syndicate or print icons. The new browser window opens and everything is ok with that but back on the originating page the styling is all screwy. The background is gone, text formatting isn’t correct, and the page is set to the left not centered like it should be. I press F5 and nothing, same with ctrl+F5. The Nav menu look ok so I’m thinking its something to do with my skin.css. Any ideas? Has anyone else had this happen? I couldn’t find much on this but that could be because I didn't look in the correct locations. Here is my css...

@import url("css/menu.css");
body {
    margin: 20px;
    padding: 0;
    background: #aaaaaa url(images/background.gif) repeat-x;
    font: normal small Arial, Helvetica, sans-serif;
    color: #000000;
}

#fckbody{
    background: #ffffff;
    background-image: none;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #999967;
}

img {
    border: none;
}

/* Header (Login & Search) */

#header {
    width: 950px;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    background: #999967;
    border: 5px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#login {
    float:left;
    margin: 8px 0px 0px 8px;
    color: #000000;
}

#search {
    float: right;
    margin: 8px 8px 0px 0px;
    color: #000000;
}

#search input{
    vertical-align: top;
}

#search img{
    vertical-align:top;
}

#header a {
    color: #000000;
}

#header a:hover {
    color: #ffffff;
}

/* Logo */

#logo {
    width: 950px;
    margin: 0 auto;
    background: #999967;
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
}

/* Menu */

#menu {
    width: 950px;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    background: #4E4E4E;
    border: 5px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#menu h2 {
    display: none;
}

/* Child Menu */

#childmenu {
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: auto;
    color: #cccccc;
    background: #ffffff;
    border-top: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
}

#childmenu p {
    margin: 0;
    padding: 0;
    text-align: center;
}

#childmenu a {
    color: #666666;
    font-size: 13px;
}

#childmenu a:hover{
    color: #CCCCCC;
    text-decoration: underline;
}

/* Breadcrumb */

#breadcrumb{
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 20px;
    color: #cccccc;
    background: #ffffff;
   
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;
}

#breadcrumb a{
    color: #cccccc;
}

#breadcrumb a:hover{
    color: #666666;
}

/* Content */

#body {
    width: 950px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 5px solid #FFFFFF;
    border-top: 1px solid #ffffff;
}

/* Footer */

#footer {
    width: 930px;
    margin: 0 auto;
    padding: 10px 10px;
    background: #666666;
    border: 5px solid #FFFFFF;
    border-top: none;
}

#footer p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: small;
    color: #CCCCCC;
}

#footer a {
    color: #CCCCCC;
}

#footer a:hover{
    color: #000000;
}

/* DNN Classes & Controls */

.ControlPanel {
    width: 960px;
    margin: -19px auto 30px;
    background: #999967;
    border: solid 5px #ffffff;
}

#dnn_LeftPane{
    margin: 3px;
}

#dnn_RightPane{
    margin: 3px;
}

#dnn_ContentPane{
    margin: 3px;
}

#dnn_TopPane{
    margin: 3px;
}

#dnn_BottomPane{
    margin: 3px;
}