/*
Theme Name: Moments of Dance
Theme URI: http://momentsofdance.com/
Description: The custom template for Becky Larson's Dance and Dance Video business
Version: 1
Author: Christopher Moy, Michael Moy, Melissa Spencer
*/

/* Zero Base */
html {padding: 0px; margin: 0px; }
p, ul, li {margin: 0px; padding: 0px}
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #B6A8C8;
 background-image: url(images/page_back.gif);
 background-repeat: repeat-x; 
} 

/* Main Layout IDs */

#wrapper {
width: 808px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 50px;
}

#header {
width: 808px;
height:136px;
margin-left: auto;
margin-right: auto;
background-image: url(images/header.png);
}


#horizontal_menu {
width: 808px;
height: 36px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(images/nav_back.png);
}

#content_wrap {
width: 808px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(images/content_back.png);
}

#main_content {
width: 774px;
margin-left: auto;
margin-right: auto;
}

#home_image {
float: left;
margin-left: 2px;
padding:0px;
width: 418px;
height: 509px;
background-image: url(images/main_image.png);
}

#sub_page {
float: left;
margin-left: 2px;
padding:0px;
width: 336px;
}


#sub_page_page {
float: left;
margin-left: 2px;
padding:0px;
width: 200px;
}

#right_float_wrap {
float: right;
margin-right: 0px;
width: 342px;
padding: 5px;
}

#right_float_wrap_page{
float: right;
margin-right: 0px;
width: 564px;
}

#news_box {
width: 336px;
}

#page_box {
width: 200px;
}

#news_top {
width: 334px;
height:15px;
background-image: url(images/news_top.gif);
background-repeat: no-repeat;
background-color:#DAD3E3;
margin-left: auto;
margin-right: auto;
}

#news_content {
width: 334px;
background-image: url(images/news_back.png);
background-repeat: repeat-y; 
margin-left: auto;
margin-right: auto;
}

#news_bottom {
width: 334px;
height:15px;
background-image: url(images/news_bottom.gif);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

#page_top {
width: 200px;
height:15px;
background-image: url(images/page_top.gif);
background-repeat: no-repeat;
background-color:#DAD3E3;
margin-left: auto;
margin-right: auto;
}

#page_content {
width: 200px;
background-image: url(images/page_sidebar_back.gif);
background-repeat: repeat-y; 
margin-left: auto;
margin-right: auto;
border: 0;
}

#page_bottom {
width: 200px;
height:15px;
background-image: url(images/page_bottom.gif);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

#content_box {
width: 336px;
background-color:#fff;
color: #0099FF;
text-align: left;
padding-left: 5px;
padding-right: 5px;
font: .8em Trebuchet MS, Georgia, Times, serif;
}

#page_content_box {
width: 550px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
color: #44555f;
text-align: justify;
font: .8em Trebuchet MS, Georgia, Times, serif;
}

#footer {
width: 808px;
height: 41px;
margin-left: auto;
margin-right: auto;
background-image: url(images/footer.png);
}

#copy {
width: 808px;
height: 25px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
color: #455660;
text-align: center;
font: .8em Trebuchet MS, Georgia, Times, serif;
}

/* Forcing Floats to Align */

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }



/* Sub Content Link Styling (is this in use?)  */
#sub_content_box a:link, #sub_content_box a:visited { 
text-decoration: none;
color: #009966;
}

#sub_content_box a:hover, #sub_content_box a:active { 
color: #6600CC;
text-decoration: underline;
}

/* Footer Link Styling */
#copy a:link, #copy a:visited { 
text-decoration: none;
color: #44555f;
}

#copy a:hover, #copy a:active { 
color: #0099ff;
text-decoration: underline;
}

/* Page Content Box Styling */
#page_content_box a:link, #page_content_box a:visited { 
text-decoration: none;
color: #826ab7;
padding: 0;
}

#page_content_box a:hover, #page_content_box a:active { 
color: #0099ff;
text-decoration: underline;
padding: 0;
}

/* News Content Link Styling */
#news_content a:link, #news_content a:visited { 
text-decoration: none;
color: #009966;
padding-left: 5px;
}

#news_content a:hover, #news_content a:active { 
color: #0099ff;
text-decoration: underline;
padding-left: 5px;
}

/* Sidebar Content Link Styling */
#page_content a:link, #page_content a:visited { 
text-decoration: none;
color: #0099ff;
padding: 0;
}

#page_content a:hover, #page_content a:active { 
color: #fff;
text-decoration: underline;
padding: 0;
}

/* Main Menu Navigation */

#navigation2 ul{
	padding-top:4px;
	list-style: none;
	font: .8em Trebuchet MS, serif;
	text-align: center;
}

#navigation2 ul li {
	display: inline;
	margin-right: 15px;
	
}

#navigation2 ul li a:link, #navigation2 ul li  a:visited {
	padding: 5px 1em;
	height: 20px;
	line-height: 20px;
        font: Trebuchet MS, serif;
	text-decoration: none;
	color: #807CAB;
}

#navigation2 ul li a:hover,#navigation2 ul li  a:active {
	padding: 5px 1em;
	height: 20px;
	line-height: 20px;
	text-decoration: underline;
	color: #0099FF;	
}

/* List styling for News box */
#news_content ul {
padding-left: 20px;
padding-right: 10px;
text-align: left;
list-style-type: circle;
font: .8em Trebuchet MS, Georgia, Times, serif;
color: #455660;
}

#news_content p {
padding-top: 5px;
padding-bottom: 5px;
}

/* List Styling for Sidebar */
#page_content ul {
padding:0px;
text-align: left;
list-style-type: circle;
font: .8em Trebuchet MS, Georgia, Times, serif;
color: #455660;
}

#page_content p {
padding-top: 5px;
padding-bottom: 5px;
}

/*
#sidebar {
font: 1em Trebuchet MS, Georgia, Times, serif;
} */

#sidebar ul {
padding-left: 10px;
list-style: none;
}

#sidebar ul ul li {
font-size: 1.3em;
padding:0px;
}

#sidebar ul li {
padding-top:0px;
padding-bottom: 5px;
padding-right: 5px;
margin-left:auto;
margin-right:auto;
}

#sidebar ul li h2 {
padding: 0;
margin: 0;
font: 1.4em Trebuchet MS, Georgia, Times, serif;
color: #826AA0;
}

#sidebar ul ul{
padding-bottom: 5px;
}

/* Font Stylings */

#page_content_box h2, h3 {
color: #0099ff;
}

#page_content_box ul {
margin-left: 10px;
}

#page_content_box ul li {
margin-left: 15px;
}