/*
Theme Name: ZigannyPhotography
Theme URI: http://zigannyphotography.com
Description: My first theme
*/




@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Classes */

.clear { clear: both;}

/* Structure */

# html, body {
     height: 100%;
	 }

#page-background{
			background: url(images/background-paper.jpg) repeat;

}


#page-shadow{
			margin: 0px auto;
			width: 980px;
			background: url(images/page-shadow.png) repeat-y;
}


#Page-area {
	margin: 0px auto;
	width: 960px;
	display: table;
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
   color: white;

}

#Header {
		height : 280px;
		margin: 0px auto; 
		width: 950px;
		z-index:100;
		display: table;
		background: url(randombanner/rotator.php) no-repeat;
}

#Searchbox{
		margin-left:620px;}


#Headerimg{		
		background: url(images/Ziganny-Photography-logo.png) no-repeat +20px +00px;
		height: 226px;}
		
#Content_area {
		padding-top: 20px;
		padding-bottom: 50px;
		padding-left: 0px;
		padding-right:0px;
		height: 1500px;
		display: table;
}

#Content_area p {
	padding-bottom: 10px;
}

#Page_content {
		position: absolute;
		left: 10px;
		width: 580px;
}

a:link, 
a:visited,
a:hover,
a:active {
	color: #df5a00;
}


#Sidebar {
		position:relative;
		left:640px;
                top: 0px;
		z-index: 2;
		width:300px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.42em;
		
}		

#Sidebar li {
	padding-top: 10px;
}


#SidebarPortfolioHeader{
	background-image: url(images/PortfolioIcon.png);
	height: 128px;			
}
        
#SidebarPortfolioImage {
	background: url(gallerywidget/rotator.php) no-repeat +50px -0px;
	height: 350px;	
}

#HeadingRecentnews {
	background-image: url(images/Recent_News.png);
	height: 112px;
}

#SidebarRecentNewsContent{
	width: 270px;
	float: right;
	padding-right: 10px;
}

#footer{
	background: url(images/footer-image.jpg) no-repeat;
	height: 253px;
	margin: 0px auto; 
	width: 950px;
	COLOR: white;} 
	
	
#Footercurrentprojects{
	padding: 50 px;
	position: absolute;
	top: 30px;
	left: 20px;
	width: 300px;
	float: left;
	height:200px;
	background: url(images/ProudToBePartOfTheManawatu.png) no-repeat;
}
	
#Footeraboutziganny{
	display: table;
	position: absolute;  top: 30px; left: 400px;  
	width:300px;
	float: right;
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
}	

#FooterCopyright{
	position: absolute;
	top: 220px;
	left: 180px;
	font-style: italic;
}

.push {
	height: 142px; /* .push must be the same height as .footer */
}


/* Typographic styles */


.PageTitle{
	height:  50px;
	color: white;
	font-size: 2em;
}			
			
/*  menu  -  */

#Menubar{
	background:#000000;
	height: 30px;}

#nav{
background:#222;
font-size: .9em
}
#nav, #nav ul {
list-style: none;
line-height: 1;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}
#nav li {
float: left;
list-style:none;
border-right:1px solid #a9a9a9;
}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #f5f5f4;
padding:6px 12px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
background:#000;
text-decoration:none
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 1px solid #a9a9a9;
}
#nav li li {
width: 172px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
background: #777;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#nav li li a:hover, #nav li li a:active {
background:#000;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}
/* end of menu css -  */
