/* A simple Browser Reset */
            
            *{
              margin:0;
              padding:0;
            }
            
             /* General Layout
            ________________________________*/
body 
{
font-size: 13px;
margin: 0px;
text-align: left;
color: #333;
font-family:  Verdana, Georgia, "Times New Roman", Times;
background: #0c9de0 url('http://darlingteen.com/images/style-4/back.gif');
background-repeat: repeat-x
}
            
            #page{
              width:980px;
              position:relative;
              margin:0 auto;
            }
            
            /* Layout is inspired by the holy Grail, 
            except that the content is wrapped around
            a floating div that pull the sidebars.
            */
            
            #content {
              float:left;
              width:100%;
              margin-right:-100%;
            }
            .column {
			  margin-top:-16px;
              padding:10px;
            	float:left;
            }
            /* -- compensating the padding on sidebars --
            multiply the padding of columns by 2, and remove
            it from the width of each sidebar.
            */
            
            #left{width:140px;}    /* 220 - (15x2) */
            #right{width:140px;}   /* 150 - (15x2) */
			
            /* You can easily change the layout proportions
            by just changing the matching values. For example,
            to have a 100px left sidebar, I just have to change
            all the 220 to 100 (and the -220 to -100).
            */
            
            #content-inner {
              float:none;
              margin-left: 160px;   /* LEFT Sidebar width */
              margin-right: 160px;  /* RIGHT Sidebar width */
            }  
            .left {
              width: 160px;         /* LEFT Sidebar width */
              margin-right:-160px;  /* LEFT Sidebar width */
            }                       
            .right{                 
            	float:right;          
              width: 160px;         /* RIGHT Sidebar width */
            }
            #footer2 {
              clear:both;
              text-align:center;
              font-size:2em;
            }
			
			
			
			            
            #content-left {
              float:none;
              margin-left: -10px;   /* LEFT Sidebar width */
              margin-right: 160px;  /* RIGHT Sidebar width */
            } 
			.left2 {
              width: 820px;         /* LEFT Sidebar width */
              margin-right:-160px;  /* LEFT Sidebar width */
            }    
            .right2{                 
            	float:right;          
              width: 160px;         /* RIGHT Sidebar width */
            }
			
            #content-right {
              float:none;
              margin-left: -10px;   /* LEFT Sidebar width */
              margin-right: 160px;  /* RIGHT Sidebar width */
            } 
			.left2 {
              width: 160px;         /* LEFT Sidebar width */
              margin-right:-160px;  /* LEFT Sidebar width */
            }    
            .right2{                 
            	float:right;          
              width: 820px;         /* RIGHT Sidebar width */
            }
            
            /* Equal Height Columns 
            ________________________________*/
            
            /* The columns are created using empty DIV that have to be 
            inside the main wrapper (#page) and should be positionned 
            relative. Each DIV have the same width as its corresponding 
            columns (done by using class), and by postionning them 
            absolutelly (bottom) and giving them a height of 100%, the 
            DIVs fill the entire space that the columns should fill.
            As the actual content is not positionned absolutelly, the 
            footer still behave normally and is pushed down by it. Last 
            but not least, we have to set the z-index of the real 
            content to 2 to bring it back on top of the columns.
            */
            
            .bg{
              position:absolute;
              bottom:0;
              height:100%;
            }

            #bgleft{left:0;}
            #bgright{right:0;}
            #bgcenter{
              right:0;
              width:100%;
            }
            #content, #left, #right, #header, #footer, #navigation, #navigation2, #header-galleries, #footeradd, #footerupdates, #footertop, #img-float, #roundtop, #roundcont {
              position:relative;
              z-index:2;
            }
            
            /* COLORS */
            #footer{background-color: #e94b9a;}
            #bgleft{background-color:#e94b9a;}
            #bgright{background-color:#e94b9a;}
            #bgcenter{background-color:#ffffff;}
            
            /* menu padding */
            ul{ margin:20px; }


/************* HEADER *************/

#header
{
clear:both;
height:184px;
text-align:left;
background: url("http://darlingteen.com/images/style-4/header.gif");
color: #066fb0;
font-family: Corsiva, "Lucida Handwriting", script;
margin: 0 auto 10px auto;
padding: 0 0 0 0;
}


/************* NAVIGATION *************/
#navigation 
{
top:-10px;
clear:both;
height:34px;
line-height:2.7em;
background:#333 url("http://darlingteen.com/images/style-4/navigation.png") no-repeat;
margin: 0 auto 10px auto;
padding: 0 0 0 0;
border-bottom:1px solid #333;
}
#navigation ul 
{
margin:0;
padding:0;
}
#navigation li {
float:left;
margin:0;
padding:0;
list-style-type:none;
white-space:nowrap;
border-color:#6F7076;
}
#navigation li a 
{
display:block;
padding:0 18px;
font-size:0.8em;
text-transform:uppercase;
letter-spacing:1px;
}
* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */
#navigation li 
{
border-color:#7F7F7F;
}
#navigation a 
{
color:white;
}
#navigation .selected,
#navigation .current_page_item,
#navigation a:hover
{
color: white;
}
#navigation a:visited
{
font-weight: bold;
}
#navigation2
{
text-align:center;
top:-10px;
clear:both;
height:34px;
line-height:2.7em;
background:#333 url("http://darlingteen.com/images/style-4/navigation.png") no-repeat;
margin: 0 auto 10px auto;
padding: 0 0 0 0;
border-bottom:1px solid #333;
}
#navigation2 ul 
{
margin:0;
padding:0;
}
* html #navigation2 a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */
#navigation2 a 
{
color:white;
}
#navigation2 a:hover
{
color: white;
}
#navigation2 a:visited
{
font-weight: bold;
}


/************* HEADER GALLERIES *************/
#header-galleries
{
top:-20px;
clear:both;
height:118px;
width:980px;
background:#E94B9A;
margin: 0 auto 0px auto;
padding: 0px 0px 8px 0px;
border-bottom:1px solid #333;
}
#header-galleries ul
{
font-size: 12px;
list-type:none;
list-style-type:none;
margin:0 0 0 0;
}
#header-galleries li
{
margin-left:0;
background: #fca3d0;
padding-bottom: 5px;
}
#header-galleries h2 {
font-family: Arial, sans-serif; 
color: #E8CFA9;
margin-top:0px;
background:#8c0047 url("http://darlingteen.com/images/style-4/h2s.png") top right no-repeat;
border-bottom:1px solid #E8CFA9;
}


/************* CONTENT *************/
#content-inner ul
{
padding-left: 15px;
}
#content-inner ul li{
margin-left: 15px;
list-style-type: square;
}
#content-inner ul ul li{
padding-left: 3px;;
}
#content-inner ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}
#content-inner p
{
padding-left: 10px;
}


/************* LEFT SIDEBAR *************/
#left ul
{
font-size: 12px;
list-type:none;
list-style-type:none;
margin:0 0 0 0;
}
#left li
{
margin-left:0;
background: #fca3d0;
padding-bottom: 8px;
}
#left ul li
{
padding-bottom: 2px;
}
#left ul li li
{
margin-left: 6px;
margin-right: 10x;
padding: 1px 0;
list-style-type:disc;
list-style-position:inside;
}
#left a:link {
color: #8c0047;
text-decoration: none;
border: none;
font-weight: bold;
}
#left a:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#left a:visited:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#left a:visited {
color: #8c0047;
text-decoration: none;
border: none;
font-weight: bold;
}
#left h2 {
font-family: Arial, sans-serif; 
color: #E8CFA9;
padding: 0px 0px 0px 0px;
margin-top:8px;
background:#8c0047 url("http://darlingteen.com/images/style-4/h2s.png") top right no-repeat;
border-bottom:1px solid #E8CFA9;
}
#left p
{
padding: 3px;
}


/************* RIGHT SIDEBAR *************/
#right ul
{
font-size: 12px;
list-type:none;
list-style-type:none;
margin:0 0 0 0;
}
#right li
{
margin-left:0;
background: #fca3d0;
padding-bottom: 8px;
}
#right ul li
{
padding-bottom: 2px;
}
#right ul li li
{
margin-left: 6px;
margin-right: 10x;
padding: 1px 0;
list-style-type:disc;
list-style-position:inside;
}
#right a:link {
color: #8c0047;
text-decoration: none;
border: none;
font-weight: bold;
}
#right a:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#right a:visited:hover {
color: #7F1717;
text-decoration: underline;
border: none;
}
#right a:visited {
color: #8c0047;
text-decoration: none;
border: none;
font-weight: bold;
}
#right h2 {
font-family: Arial, sans-serif; 
color: #E8CFA9;
padding: 0px 0px 0px 0px;
margin-top:8px;
background:#8c0047 url("http://darlingteen.com/images/style-4/h2s.png") top right no-repeat;
border-bottom:1px solid #E8CFA9;
}
#right p
{
padding: 3px;
}


/************* FOOTER TOPLIST *************/
#footertop
{
clear: both;
background: none;

font-weight: normal;
text-align:center;
background:  #fff;
border-top: 1px solid #333;
}


/************* TOP FOOTER UPDATES *************/
#footerupdates
{
clear: both;
background: none;
font-weight: normal;
text-align:center;
background:  #e94b9a;
border-top: 1px solid #333;
}
#footerupdates h2 {
font-family: Arial, sans-serif; 
color: #E8CFA9;
padding: 0px 0px 0px 0px;
margin:10px 0 0 0;
background:#8c0047 url("http://darlingteen.com/images/style-4/h2s.png") top right no-repeat;
border-bottom:1px solid #E8CFA9;
}


/************* TOP FOOTER ADS *************/
#footeradd
{
clear: both;
background: none;
font-weight: normal;
text-align:center;
background:  #fff;
border-top: 1px solid #333;
}


/************* FOOTER *************/
#footer
{
clear: both;
background: none;
padding: 5px 1em 10px 1em;
font-weight: normal;
text-align:center;
background:  url("http://darlingteen.com/images/style-4/footer.png") bottom no-repeat;
border-top: 1px solid #333;
}
#footer p
{
display: block;
margin-top: 5px;
margin-bottom: 5px;
text-align:center;
}
#footer a:link {
color: #fca3d0;
text-decoration: none;
border: none;
font-weight: bold;
}
#footer a:hover {
color: #fca3d0;
text-decoration: underline;
border: none;
}
#footer a:visited:hover {
color: #fca3d0;
text-decoration: underline;
border: none;
}
#footer a:visited {
color: #fca3d0;
text-decoration: none;
border: none;
font-weight: bold;
}
#footer img {
padding: 0px 5px 0px 5px;
}


/************* BLOCKQUOTE *************/
blockquote
{
margin: 0px 0px 0px 30px;
padding: 0px 25px 0px 0px;
font-style: italic;
color: #999;
border-left: 4px solid #8c0047;
}


/************* LINKS *************/
a:link
{
color: #7F1717;
text-decoration: none;
font-weight: bold;
}
a:hover
{
text-decoration: underline;
}
a:visited
{
color: #7F1717;
text-decoration: none;
font-weight: normal;
}
a:visited:hover
{
text-decoration: underline;
}
a img 
{
padding:3px;
background:#8c0047;
border:0px;
}
a img:hover 
{
border:0px;
background:#333;
padding:3px;
}


/************* HEADINGS *************/
h1
{
font-size: 36px;
color: #666666;
}
h2
{
font-family: Arial, sans-serif; 
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h3
{
font-family: Arial, sans-serif; 
display: block;
font-size: 14px;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h4
{
font-family: Arial, sans-serif; 
margin-top: 15px;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h5
{
font-family: Arial, sans-serif; 
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}
h6
{
font-family: Arial, sans-serif; 
margin-top: 15px;
font-size: 22px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: center;
}
h3.posttitle   
{
font-family: Arial, sans-serif; 
font-size: 22px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 8px;
text-align: center;
}


/************* ROUNDED CORNERS *************/
.roundcont {
background-color: #fca3d0;
margin-top: 10px;
}
.roundcont p {
	margin: 0 10px;
}
.roundtop { 
	background: url("http://darlingteen.com/images/style-4/tl.png") no-repeat top right; 
}
.roundbottom {
	background: url("http://darlingteen.com/images/style-4/br.png") no-repeat top right; 
}
img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}

  /***** Paragraph *****/

p
{
margin-bottom: 12px;
margin-top: 12px;
}


/************* IMAGES *************/
#img-float { position: absolute; }
#bigimage IMG {max-width: 828px;}
#smallimage IMG {max-width: 58px;}