@import url("dnndefault.css");
@import url("nav.css");
@import url("login.css");

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

CSS Document for Gramafilm DNN Skin 
Author: Rick Beddie
Email: rick@psdtodnn.com
Website: www.psdtodnn.com
Twitter: @psdtodnn
Blog: blog.psdtodnn.com
YouTube: www.youtube.com/psdtodnn

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

/* -- General -- */

*{
outline:none;
}

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

.left{
float:left;
}

.right{
float:right;
}

a{
font-weight:bold;
}

a:link{
color:#ef3d3a;
text-decoration:none;
}

a:visited{
color:#ef3d3a;
text-decoration:none;
}

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

a:active{
color:#ef3d3a;
text-decoration:none;
}

p{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6d6f71;
line-height:16px;
}

h1, h1 .Head{
font-family:"Century Gothic", Calibri, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#6d6f71;
font-size:22px;
}

h2, h2 .Head{
font-family:"Century Gothic", Calibri, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#6d6f71;
font-size:20px;
}

h3, h3 .Head{
font-family:"Century Gothic", Calibri, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#6d6f71;
font-size:16px;
}

h4{
font-size:14px;
font-family:"Century Gothic", Calibri, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#6d6f71;
}

h5{
font-size:13px;
font-family:"Century Gothic", Calibri, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#6d6f71;
}

h6{
font-size:12px;
font-family:"Century Gothic", Calibri, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#6d6f71;
}

ul{

}

ul li{
list-style-type:disc;
font-size:12px;
color:#6d6f71;
}

ol{

}

ol li{
list-style-type:decimal;
font-size:12px;
color:#6d6f71;
}

td{
font-size:12px;
color:#6d6f71;
}

th{
text-align:left;
font-size:12px;
color:#000;
}

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


/* -- Body -- */

body{
margin:0;
padding:0;
background-color:#f1f1f2;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

/* -- Wrapper -- */

#gramawrapper{
background-color:#FFFFFF;
text-align:left;
margin:0 auto;
width:950px;
}

/* -- Header -- */

#gramaheader{
background-color:#231f20;
width:950px;
min-height:50px;
}

#gramalogo{
float:left;
padding:12px 0 0 23px;
}

#gramanav{
padding-left:25px;
float:left;
}

/* -- Search -- */

#gramasearch{
padding:15px 0 0 0;
float:right;
width:245px;
text-align:left;
}

#gramasearch span{
display:block;
width:228px;
height:22px;
background:url(images/search-bground.gif) scroll no-repeat top;
margin:0;
padding:0;
}

#gramasearch input.NormalTextBox{
margin:0;
padding:3px 0;
float:right;
width:200px;
background-color:transparent;
border:none;
}

#gramasearch a.dnnsearch{
margin:0;
padding:0;
position:absolute;
}

#gramasearch a.dnnsearch img{
margin:0;
padding:0;
border:none;
}


/* -- Content -- */

#gramacontent{
padding:15px;
}

#dnn_ContentPane{
}

#dnn_LeftContentPane{
float:left;
width:608px;
}

#dnn_RightMarginPane{
float:right;
width:296px;
}

#dnn_LeftThirdPane{
float:left;
width:296px;
margin-right:16px;
}

#dnn_MiddleThirdPane{
float:left;
width:296px;
}

#dnn_RightThirdPane{
float:right;
width:296px;
}

#dnn_LeftMarginPane{
float:left;
width:296px;
}

#dnn_RightContentPane{
float:right;
width:608px;
}

#dnn_LeftHalfPane{
float:left;
width:452px;
}

#dnn_RightHalfPane{
float:right;
width:452px;
}

#dnn_FooterPane{
}

/* -- Footer -- */

#gramafooter{
text-align:left;
margin:0 auto;
width:780px;
background:url(images/footer-logo.gif) scroll no-repeat left;
padding:25px 0 25px 170px;
}

#gramacopyright{
float:left;
font-size:12px;
color:#808284;
}

#gramafootlinks{
float:right;
}

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

#gramafootlinks li{
margin:0;
padding:0;
list-style:none;
float:left;
margin:0 12px;
}

#gramafootlinks a{
font-size:12px;
color:#808284;
float:left;
display:block;
}

/* -- Containers -- */

.title{
margin-top:0;
}

.container{
margin-bottom:15px;
}

.plain{
padding-bottom:2px;
background:url(images/cont-tile.gif) scroll repeat-x bottom;
}

.container h1.title{
text-transform:uppercase;
padding-bottom:7px;
margin-bottom:10px;
background:url(images/cont-tile.gif) scroll repeat-x bottom;
}

.container h2.title{
text-transform:uppercase;
padding-bottom:7px;
margin-bottom:10px;
background:url(images/cont-tile.gif) scroll repeat-x bottom;
}

.container h3.title{
text-transform:uppercase;
padding-bottom:7px;
margin-bottom:10px;
background:url(images/cont-tile.gif) scroll repeat-x bottom;
}

/* -- Layout -- */

a.arrow{
background:url(images/red-arrow.gif) scroll no-repeat right;
padding-right:20px;
}

a.triangle{
background:url(images/red-triangle.gif) scroll no-repeat right;
padding-right:12px;
}