
/*  
Theme Design: PhonoXone Custom
Description: Simple, 1-column layout, minimal, elegant
Version: v1.00
Author: reason lahalla
Date: 10.25.09
*/


/* GLOBAL STYLES - These styles apply to all items in the classes specified */

body {
background-color: #F1F1FF;
font-family: Helvetica, Verdana, Arial, sans-serif;
margin: 0 auto;
}

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

a, a:visited { 
color: #2A6FA8;
text-decoration: none;
border-bottom: 0px solid #eee;
} 

a:hover { 
text-decoration: none;
color: #444;
border-bottom: 1px solid #ccc;
} 

/* PAGE WRAPPER - Controls the size of the entire page */

#container {
width: 800px;
margin : 0 auto;
padding: 0;
}

/* LOGO CONTAINER - Holds the logo*/

#header {
width: 800px;
padding : 0;
}

/* NAVIGATION SECTION - Position and style of navigation links contained in an unordered list and it's list items */

#topnav {
width: 800px;
height: 20px;
margin: 0;
padding: 5px;
float: left;
}

#topnav, #topnav ul { 
padding: 0;
margin: 0;
line-height: 20px;
}

#topnav li { 
text-transform: uppercase;
font-size: 11px;
float: right;
display: block;
margin-right: 20px;
}
	
/* CONTENT WRAPPER BLOCK - This only dictates the size and position of the outer bordered box*/

#content {
width: 718px;
border: 1px #cccccc solid;
padding: 40px;
font-size: 13px;
background-color: #F6F7F9;
}

/* ACTUAL CONTENT - This is where all the content actually is located */

#inner_content {
padding-top: 20px;
font-size: 13px;
}

/* TITLE BAR - This adds styling to the title of each page */

#title {
border-bottom: 1px #cccccc solid;
padding: o;
}

#title h3 {
font-size: 16px;
padding-bottom: 0px;
margin-bottom: 0px;
} 

/* FOOTER - This adds styling to the footer of each page */

#footer {
height: 20px;
text-transform: uppercase;
font-size: 11px;
margin-left: 190px;
padding: 10px;
}

/* MISCELLANEOUS - Random stuff I don't feel like explaining */
	
#clear {
clear: both;
}
