@import url(dnndefault.css);

/* =================================

CSS Document for Graphite 
Author: Rick Beddie
Email: rick@psdtodnn.com
Skype: r.beddie
Website: www.psdtodnn.com
Twitter: @psdtodnn

================================= */

/* -- General -- */

*{
outline:none;
}

img{
margin:0;
padding:0;
border:none;
}

.clear{
height:0px;
clear:both;
}

.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:#1d1d1d;
}

a:hover{
text-decoration:none;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1d1d1d;
margin:0 0 1em 0;
line-height:1.2em;
}

h1, h2, h3, h4, h5, h6{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:normal;
}

h1{
margin-top:0;
font-size:20px;
}

h2{
font-size:18px;
margin:0.8em 0 0.6em 0;
}

h3{
font-size:16px;
margin:0.8em 0 0.6em 0;
}

h4{
font-size:14px;
margin:0.8em 0 0.6em 0;
font-weight:bold;
}

h5{
font-size:13px;
margin:0.8em 0 0.6em 0;
font-weight:bold;
}

h6{
font-size:12px;
margin:0.8em 0 0.6em 0;
font-weight:bold;
}

table{
}

tfoot, thead{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1d1d1d;
}

th, td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1d1d1d;
}

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:#1d1d1d;
}

li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1d1d1d;
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;
color:#000;
}

dt, dd{
font-family:Arial, Helvetica, sans-serif;
margin-left:40px;
margin-right:40px;
font-size:12px;
}

dt{
font-weight:bold;
color:#000;
}

hr{
color:#1d1d1d;
background-color:#1d1d1d;
border:none;
height:1px;
clear:both;
}

/* -- Body -- */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1d1d1d;
background-color:#fff;
}

#Body{
background-color:#fff;
}

/* -- HTML -- */

.width{
width:980px;
margin:0 auto;
}

/* -- Top Bar -- */

#skintopbar{
background:url(images/top-tile.gif) scroll repeat-x bottom;
border-bottom:1px solid #131619;
line-height:30px;
color:#333333;
font-size:11px;
min-width:992px;
}

#skintopbar .width{
width:960px;
}

#skintopbar a{
color:#333333;
text-decoration:none;
}

#skintopbar a:hover{
text-decoration:underline;
}

/* -- Breadcrumb -- */

#skinbread{
float:left;
}

/* -- Login and register links -- */

#skinlogin{
float:right;
}

a.reglink{
margin-left:5px;
padding-left:7px;
background:url(images/reg-divide.gif) scroll no-repeat left;
}

/* -- Header -- */

#skinheader{
border-top:1px solid #4e565c;
background:#293036 url(images/head-tile.gif) scroll repeat-x bottom;
min-width:992px;
}

#skinheadbg{
background:url(images/head-bg.gif) scroll no-repeat bottom;
}

#skinheader .width{
width:992px;
}

/* -- Search Bar -- */

#skinsearchbar{
font-size:11px;
height:48px;
}

/* -- Date -- */

#skindate{
float:right;
color:#fff;
line-height:33px;
padding-top:9px;
}

/* -- Search skin object -- */

#skinsearch{
float:right;
font-size:11px;
}

#skinsearch span{
display:block;
position:relative;
width:224px;
height:41px;
background:url(images/search-bg.png) scroll no-repeat top left;
margin:5px 0 0 10px;
}

#skinsearch input{
margin:0;
padding:0;
border:0;
font-size:11px;
width:145px;
color:#fff;
position:absolute;
left:10px;
top:13px;
background:transparent;
}

#skinsearch a{
display:block;
position:absolute;
width:55px;
height:33px;
text-align:center;
line-height:33px;
background:url(images/search-btn.png) scroll no-repeat top right;
margin:0;
padding:0 0 0 2px;
color:#fff;
font-size:11px;
text-decoration:none;
top:3px;
left:162px;
}

/* -- Nav -- */

#skinnav ul{
margin:0;
padding:0;
}

#skinnav ul li img{
vertical-align:middle;
margin-right:3px;
}

#skinnav ul li{
margin:0 1px;
padding:0;
float:left;
list-style:none;
height:53px;
line-height:40px;
font-size:18px;
color:#fff;
cursor:default;
white-space:nowrap;
}

#skinnav ul li.first{
margin-left:6px;
}

#skinnav ul li.sel.first{
margin-left:0;
}

#skinnav ul li a{
display:block;
float:left;
background:url(images/nav-hover.png) scroll repeat-x top;
padding:0 15px;
text-decoration:none;
color:#fff;
padding-top:2px;
height:38px;
}

#skinnav ul li a:hover{
background:url(images/nav-hover.png) scroll repeat-x bottom;
}

#skinnav ul li.sel, #skinnav ul li.bc{
padding:0 0 0 6px;
position:relative;
cursor:pointer;
background:url(images/nav-active-left.png) scroll no-repeat top left;
margin:0 -5px;
}

#skinnav ul li.sel a, #skinnav ul li.bc a{
color:#293036;
padding-right:21px;
height:53px;
background:url(images/nav-active-right.png) scroll no-repeat top right;
padding-top:0;
}

#skinnav ul ul{
margin:0;
padding:0;
z-index:9999;
background-color:#252b30;
}

#skinnav ul ul li{
margin:0;
padding:0;
float:none;
height:auto;
line-height:1.4em;
border-bottom:2px solid #252b30;
}

#skinnav ul ul li.first{
margin:0;
}

#skinnav ul ul li.last{
border-bottom:none;
}

#skinnav ul ul li a{
margin:0;
padding:3px 15px;
float:none;
height:auto;
background:none;
background-color:#3b4145;
}

#skinnav ul ul li a:hover, #skinnav ul ul li.sel a, #skinnav ul ul li.bc a{
background:none;
background-color:#515559;
color:#fff;
padding-right:15px;
height:auto;
padding-top:3px;
}

#skinnav ul ul li.sel, #skinnav ul ul li.bc{
padding:0;
position:relative;
background:none;
margin:0;
}

/* -- Content Area -- */

#skinbody{
padding:20px 0 20px;
border-bottom:1px solid #131619;
background:#fff url(images/body-tile.gif) scroll repeat-x bottom;
min-width:992px;
}

/* -- Footer Bar -- */

#skinbar{
border-top:1px solid #4f585e;
border-bottom:1px solid #131619;
background:#293036 url(images/footer-bg.gif) scroll no-repeat top;
padding:30px 0 10px;
min-width:992px;
}

#skinbar, #skinbar a, #skinbar li, #skinbar p, #skinbar .Normal, #skinbar h1, #skinbar h2, #skinbar h3, #skinbar h4, #skinbar h5, #skinbar h6, #skinbar .title, #skinbar .SubHead{
color:#fff;
}

/* -- Footer -- */

#skinfooter{
border-top:1px solid #c3c3c3;
background:url(images/footer-tile.gif) scroll repeat-x top;
line-height:40px;
min-width:992px;
color:#212527;
}

#skinfooter a{
text-decoration:none;
color:#212527
}

#skinfooter a:hover{
text-decoration:underline;
}

/* -- Links -- */

#skinlnks{
float:left;
}

/* -- Copyright -- */

#skincopylinks{
float:right;
}

/* -- Containers -- */

.container{
margin-bottom:20px;
}

.title{
margin-top:0;
}

/* -- Glossy Bar -- */

.container.glossy h2.title{
font-size:18px;
padding:0 15px;
margin:0;
background:#20252a url(images/cont-grey-tile.gif) scroll repeat-x top;
color:#fff;
line-height:42px;
}

.container.glossy .padd{
padding:10px 15px 0;
}

/* -- Panes -- */

#dnn_BannerPane{
}

#dnn_ContentPane{
}

#dnn_LeftMarginPane, #dnn_RightMarginPane{
float:left;
width:320px;
}

#dnn_RightMarginPane{
float:right;
}

#dnn_LeftContentPane, #dnn_RightContentPane{
float:left;
width:640px;
}

#dnn_RightContentPane{
float:right;
}

#dnn_Left50Pane, #dnn_Right50Pane{
float:left;
width:480px;
}

#dnn_Right50Pane{
float:right;
}

#dnn_LeftThirdPane, #dnn_MiddleThirdPane, #dnn_RightThirdPane{
float:left;
width:314px;
}

#dnn_MiddleThirdPane{
margin-left:19px;
}

#dnn_RightThirdPane{
float:right;
}

#dnn_Left25Pane, #dnn_InnerLeft25Pane, #dnn_InnerRight25Pane, #dnn_Right25Pane{
float:left;
width:230px;
}

#dnn_InnerLeft25Pane, #dnn_InnerRight25Pane{
margin-left:20px;
}

#dnn_Right25Pane{
float:right;
}

#dnn_Left20Pane, #dnn_InnerLeft20Pane, #dnn_Middle20Pane, #dnn_InnerRight20Pane, #dnn_Right20Pane{
width:180px;
float:left;
}

#dnn_InnerLeft20Pane, #dnn_Middle20Pane, #dnn_InnerRight20Pane{
margin-left:20px;
}

#dnn_Right20Pane{
float:right;
}

#dnn_BottomPane{
}

#dnn_BarLeft50Pane, #dnn_BarRight50Pane{
float:left;
width:480px;
}

#dnn_BarRight50Pane{
float:right;
}

#dnn_BarLeftThirdPane, #dnn_BarMiddleThirdPane, #dnn_BarRightThirdPane{
float:left;
width:314px;
}

#dnn_BarMiddleThirdPane{
margin-left:19px;
}

#dnn_BarRightThirdPane{
float:right;
}

#dnn_BarLeft25Pane, #dnn_BarInnerLeft25Pane, #dnn_BarInnerRight25Pane, #dnn_BarRight25Pane{
float:left;
width:230px;
}

#dnn_BarInnerLeft25Pane, #dnn_BarInnerRight25Pane{
margin-left:20px;
}

#dnn_BarRight25Pane{
float:right;
}

#dnn_BarLeft20Pane, #dnn_BarInnerLeft20Pane, #dnn_BarMiddle20Pane, #dnn_BarInnerRight20Pane, #dnn_BarRight20Pane{
width:180px;
float:left;
}

#dnn_BarInnerLeft20Pane, #dnn_BarMiddle20Pane, #dnn_BarInnerRight20Pane{
margin-left:20px;
}

#dnn_BarRight20Pane{
float:right;
}