/*
Theme Name: dv
Theme URI: http://thedesignweb.com.au.com
Description: Custom theme designed for danielle vieth
Author: Belinda Johnstone
Author URI: http://thedesignweb.com.au.com
Tags: advertising, portfolio, theme, 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* General Styles */


body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Verdana, Arial, Sans-Serif;

	background: black;

	color: #333;

	text-align: center;

}
		
	
#wrap {	
	width: 800px;
	margin: 0 auto;
	margin-top:20px;
	background-color: #ffffff;
}




a {
	color: #666600;
	text-decoration: none;

}

a:hover {
	color: red;
}

h2 {
	font-size: 2em;
	color: #cccc33;
	margin: 0px 0px 7px 0;
}

p {	font-size: 1.1em;
}


h1 {
	font-size: 1em;
	margin: 0;
	line-height: 2em;
}

h3 {
	line-height: 2em;
}


/* Header Styles */

#header {
	font-family: Verdana, Arial, Sans-Serif;
	margin:22px 0 8px 0;
}

h1#logo {
	font-size: 4.5em;
	font-weight: normal;
	line-height: .9em;
}

h1#logo a{
	color: #cccc33;
}

h1#logo span {
	letter-spacing: 2px;
	font-size: .5em;
	text-transform: uppercase;
	font-weight: normal;
}



ul#nav {
	text-transform: lowercase;
	font-size: 1.3em;
	background-color: #000;
	width: 100%;}

ul#nav li{
	display: inline;
	padding: 0px 10px;
	background-color: #999999;
			/* round corner tab - not for IE */
	-moz-border-radius-topright: 6px; 
	-moz-border-radius-topleft: 6px;
}

ul#nav li a{
	color: #ffffff;
}

ul#nav li a:hover{
	color: #333300;
}

ul#nav li.current_page_item, ul#nav li.current_page_parent{
	background-color: #ffffff;
}

ul#nav li.current_page_item a, ul#nav li.current_page_parent a{
	color: #333300;
	}	
		
/* Home Page Content */


.front_images img {
	float: left;}

/* Section Page Styles */

#section-container {
	width: 620px;
	margin: 10px auto;

	}


.section-examples {
	padding:6px 4px;
	margin: 2px;
	position: relative;
	left: 50px;
	float: left;
	width: 250px;
}

.section-examples p{
	padding:2px;
	margin-top: -25px;
	font-size:2.3em;
	letter-spacing:4px;
	text-transform: uppercase;
	color: #fff;}



/* slider styles */

/* * Required */  
.container { 
	width:600px; 
	height:464px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
	}  
	
	
.slides { 
	position:absolute; 
	top:0; 
	left:0; 
	}  
	
.slides div { 
	position:absolute; 
	top:0; 
	width:600px; 
	display:none; }  

/* * Optional */  
#loopedSlider,#newsSlider { 
	margin:0 auto; 
	margin-top: 10px;
	width:600px; 
	position:relative; 
	clear:both; 
	}  

ul.pagination { 
	list-style:none; 
	padding:13px 0; 
	margin:0 10px; 
	width: 100%;
	}  

ul.pagination li  { 
	float:left; 
	color: #666666;
	letter-spacing: 1px;
	background: #ececec; 
	padding:2px 7px;
	}  

ul.pagination li a { 
	padding:2px 4px; 
	color: #666666;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	}  
	
ul.pagination li a:hover { 
	color: red;
	} 

ul.pagination li.active a { 
	color:red;
	border: 2px solid #cccc33; }  


/* Content Styles */


#page_content {
	margin: 10px 0px 20px 0px;
	}
	
	ul.sub_nav {
	background-color: #ececec;
	padding: 1px 0px;
	margin: 0px 0px 15px 0px;
	width:100%;
		}

ul.sub_nav li {
	display: inline;
	}

ul.sub_nav li a {
	padding: 0px 8px;
	color: #666666;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	}
	
ul.sub_nav li a:hover {
	color: red;
	}
	
ul.sub_nav li.current_page_item a {
	color: red;
	border: 2px solid #cccc33;
	}
	
	

.ad_heading {
	margin: 15px 150px 0px 150px;
}
	


.caption {
	margin: 5px 150px 0px 160px;
}


.awards {
	margin: 0px 90px 0px 0px;
	width: 180px;
	position: relative;
	float: right;
	text-align: left;
}

.awards p {
	margin: 0px 0px 6px 0px;
}

.contact_panel {
	margin: 0px 90px 0px 0px;
	width: 180px;
	position: relative;
	float: right;
	text-align: left;
}

.contact p {
	margin: 0px 0px 6px 0px;
}




.about_copy {
	margin-top: 20px;
	font-size: 1.05em;
	}


.copy {
	text-align: left;
	margin: 0 20px 0px 90px;
	width: 377px;
	border-right: 5px solid #cccc33;
	padding-right: 10px;
	position: relative;
	float: right;
}	

.copy span {
	font-weight: bold;
	}
	
	
.copy p {
	margin: 0 0 5px 0px;
}


.prev, .next {
	background-color: #cccc33;
	padding: 2px 5px;
	margin-top: 15px;
}
	


.prev a, .next a {
	color: #666666;
	font-size: 1.3em;
	}
	
.prev a:hover, .next a:hover {
	color: red;
	}	




/* Footer Styles */

#footer {
	text-align: left;
	color: #666666;
	height: 20px;
}	
	

#footer a {
	color: #666600;
}

#footer a:hover {
	color: red;
}

.contact {
	font-size: 1.4em;
	color: #999999;
	margin: 35px 5px  0px 10px;
}

.copyright {
	margin: 39px 5px 5px 5px;
}