/* Webfoliox .... Laura Reed ...... */

body {
	background-image: url(http://www.webfoliox.com/images/background.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #5C5C5C;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:100%;
}

a:link {
	color: #333333;
	text-decoration: underline;
	font-size:12px;
}
a:visited {
	text-decoration: underline;
	color: #333333;
	font-size:12px;
}
a:hover {
	text-decoration: none;
	color: #333333;
		font-size:12px;
}
a:active {
	text-decoration: underline;
	color: #333333;
	font-size:12px;
}

#background { 
background-image:url(http://www.webfoliox.com/layout/leaf-images/background_leaf.jpg);
width:1000px;
height:100%;
background-repeat:no-repeat;
margin-left:0px;
margin-top:0px;
position:absolute;
}

#newsbox /* For Main Page */ {
background-image:url(http://www.webfoliox.com/layout/leaf-images/news_leaf.png);
height:257px;
width:482px;
margin-top:69px;
margin-left:430px;
}

#newsbox_body {
padding:10px;
width:391px;
height:196px;
/* overflow-x:hidden; -- Removed for Compatibility Issues
overflow-y:hidden; */
color:#525252;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

#newsbox H1 { 
margin:0;
font-weight:normal;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
} 


#new {
font-family:Arial, Helvetica, sans-serif;
color:#B4D036;
font-size:19px;
float:left;
padding-top:10px;
 }

#featured {
font-family:Arial, Helvetica, sans-serif;
color:#B4D036;
font-size:19px;
background-color:transparent;
float:left;
font-weight:normal;
padding-right:50px;
padding-left:50px;
padding-top:10px;
 }

/* HOMEPAGE ONLY */

#featured .divider {
width:300px;
height:1px;
color:#525252;
background-color:#525252;
margin:0;
padding:0;
}

#new .divider {
width:400px;
height:1px;
background-color:#525252;
margin:0;
padding:0;
}

#featured_1 {
width:152px;
height:121px;
float:left;
z-index:2;
padding-left:20px;
padding-top:10px;
}

#featured_2 {
width:152px;
height:121px;
float:left;
z-index:2;
padding-top:10px;
}

#new_1 {
width:152px;
height:121px;
float:left;
z-index:2;
padding-left:20px;
padding-top:10px;
}

#new_2 {
width:152px;
height:121px;
float:left;
z-index:2;
padding-top:10px;
}

#new_3 {
width:152px;
height:121px;
float:left;
z-index:2;
padding-top:10px;
}


.inside_h { 
position:absolute;
width:120px;
height:89px;
background:none;
margin-left:14px;
margin-top:14px;
z-index:3;
}

.inside_h:hover { 
position:absolute;
width:120px;
height:89px;
margin-left:14px;
margin-top:14px;
z-index:3;
background-image:url(http://www.webfoliox.com/layout/leaf-images/xbgtransparent.png);
/*opacity: 0.1; Removed for IE Users */
}


.link_style_photography {
padding:5px;
color: #333333;
text-decoration: underline;
font-size:12px;
text-align:center;
}

.link_style_photography a:hover {
color:#FFFF66;
text-decoration: underline;
font-size:12px;
text-align:center;
}

/* MENU  ONLY ----------------------------------- MENU */
/* MENU  ONLY ----------------------------------- MENU */
/* */
/* */
/* */
/* */

#menu {
float: left;
margin-top:21px;
margin-left:570px;
font-size:11px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
}

#menu hr {
width:350px;
height:1px;
color:#525252;
margin:0;
padding-top:10px;
}

.menustyle { font-size:11px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
padding-left: 5px; }

.menustyle:hover {
font-size:11px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline !important;
}

.menustyle:link {
font-size:11px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.menustyle:visited {
font-size:11px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.menustyle:active {
font-size:11px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
text-decoration:blink;
}

.menustyle2 { font-size:12px;
color:#525252;
font-family:Arial, Helvetica, sans-serif; }

.menustyle2:hover {
font-size:12px;
color:#B4D036;
font-family:Arial, Helvetica, sans-serif;
}

.menustyle2:link {
font-size:12px;
color:#525252;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.menustyle2:visited {
font-size:12px;
color:#525252;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.menustyle2:active {
font-size:12px;
color:#525252;
font-family:Arial, Helvetica, sans-serif;
text-decoration:blink;
}



/* --- A more efficient styled system. This is for Photography --*/

#photo_strip li {
	float:left;
	background-color:transparent;
	background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf-p-module.png);
	background-repeat:no-repeat;
	margin:6px;
	height:150px;
	width:270px;
	list-style:none;
	list-style-type:none;
	}
	
#photo_strip {
margin:auto;
height:100% !important;
}

#photo_strip ul {
margin:auto;
height:100% !important;
}

.pmodule_footer {
background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf-p-module-footer.png);
width:250px;
height:39px;
background-repeat:no-repeat;
margin-left:9px;
margin-right:9px;
}

.pmodule_footer a:link {
	text-decoration:none;
	border:0;
	}
	
.pmodule_footer img {
	text-decoration:none;
	border:0;
	}

.pmodule_top {
height:105px;
width:270px;
}

.pmodule_top img {
border:2px solid #333333;
float:left;
margin-left:9px;
margin-top:5px;
margin-right:5px;
}

.pmodule_top .description {
text-align:left;
font-size:12px;
padding:5px;
color:#333333;
}


.pmodule_zoom {
width:42px;
height:29px;
margin-top:5px;
margin-left:5px;
display:block;
position:relative;
float:left;
}

.pmodule_zoom a:hover img {
visibility:hidden;
}

.pmodule_zoom img /* NOTE: Important to keep syntax like this for every rollover */ 
{  width:42px;
height:29px; } 

	
.pmodule_zoom a {
	border:0;
	width:42px;
	visibility:visible;
	height:29px;
	text-decoration:none;
	background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf-over-zoom.png);
	display:block;
	float:left;
	}
	
.pmodule_zoom_inv a { /* For Large Versions NOT FOUND */
	border:0;
	width:42px;
	visibility:visible;
	height:29px;
	text-decoration:none;
	background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf-no-zoom.png);
	display:block;
	float:left;
	}
	

.pmodule_devart {
width:64px;
height:29px;
margin-top:5px;
margin-left:5px;
display:block;
position:relative;
float:left;
}

.pmodule_devart a:hover img {
visibility:hidden;
}

.pmodule_devart img /* NOTE: Important to keep syntax like this for every rollover */ 
{  width:64px;
height:29px; } 

	
.pmodule_devart a {
	border:0;
	width:64px;
	visibility:visible;
	height:29px;
	text-decoration:none;
	background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf-over-deviantart.png);
	display:block;
	float:left;
	}
	
.pmodule_devart_inv a { /*For Invalid/Not Found DeviantART pages */
	border:0;
	width:64px;
	visibility:visible;
	height:29px;
	text-decoration:none;
	background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf-no-deviantart.png);
	display:block;
	float:left;
	}
	
.pmodule_type {
	width:125px;
	font-size:12px;
	text-align:center;
	height:29px;
	margin-top:5px;
	margin-left:5px;
	display:block;
	position:relative;
	float:left;
	color: #333333;
	overflow:hidden;
}


.description h2 {
margin:0;
color:#333333;
font-size:14px;
}


.p_resolution {
margin:0;
color:#FFFFFF;
font-size:10px;
}

#photonow { 
background:none;
color:#97BC35;
width:482px;
height:247px;
margin-left:430px;
margin-top:63px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#photo_photonow { 
width:321px;
height:245px;
float:left;
background-image:url(http://www.webfoliox.com/images/medium/PBH.jpg);
}

#dd { 
width:400px;
height:300px;
margin-left:501px;
margin-top:310px;
position:absolute;
color:#333333;
text-decoration:underline;
font-size:11px;
}

#dd:hover { 
width:500px;
height:550px;
background-color:#333333;
border:1px #B4D036 solid;
margin-left:452px;
margin-top:310px;
position:absolute;
color:#B4D036;
text-decoration:none;
z-index:5;
padding:10px;
font-size:11px;
}

.ddstyle {
color:#B4D036; 
font-size:16px;
}

#footer_extension {
width:911px;
height:24px;
background-image:url(http://www.webfoliox.com/images/bottomimg.png);
bottom:0%;
background-color:#595959;
margin-left:35px;
 }

#bgextend { 
background-image:url(http://www.webfoliox.com/images/bgextend.png);
width:912px;
height:100% !important;
overflow:auto;
}

#extend_background {
background-image:url(http://www.webfoliox.com/layout/leaf-images/leaf_photo_background.png);
background-repeat:repeat-x;
width:912px;
margin-left:35px;
background-color:#595959;
margin-top:50px;
}

#midvein {
background-color:#595959;
height:28px;
width:912px;
margin-top:501px;
margin-left:35px;
}

/* About Me Page */

#about {
	padding-left:50px;
	padding-right:50px;
	color:#666666;
	font-size:12px;
	margin:auto;
	height:100% !important;
	}
	
#about a, #about a:link, #about a:visited, #about a:active {
	color:#666666;
	font-size:12px;
	}

#about a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:12px;
	}


#about h1 {
margin:0;
}
	
#brief { 
	background:none;
	color:#97BC35;
	width:482px;
	height:247px;
	margin-left:430px;
	margin-top:63px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#brief img { 
	float:right;
	margin-left:5px; }