/* @override http://localhost:8888/wordpress/wp-content/themes/wpfolio/trunk/style.css */
/*
Theme Name: WPFolio
Theme URI: http://dev.eyebeam.org/projects/wpfolio/wiki/
Description: Photoblog theme for WP. Created by Patrick Carey, Jeff Crouse and Steve Lambert in the Eyebeam OpenLab.  Originally built out from the Click! Theme by Taly.  Released as free software under the GPLv3 license.
Version: 1.4.1
Author: Eyebeam OpenLab
Author URI: http://eyebeam.org/labs
Tags: fixed-width, photoblogging,  one-column, theme-options,custom-colors, custom-header
*/
/* BEGIN requirements for Theme Options */
/* warning: editing the the following section may completely disable your theme and site */
/* END requirements for Theme Options */ 
/* BEGIN user editable area */
/* To make changes to the CSS edit the CSS rules below. Do not change the php tags as this will effect the theme options*/






body  { 

	
background-color:#444444;
padding: 5px; 
background-image: url(http://www.rebeccaclarkart.com/images/background.jpg);
background-position:center center; 
	font-family: helvetica, arial, verdana, sans-serif;

}



/* @group htags */

h1 a{ 
display:block;
width:202px;
height:0px;
padding:25px 0 0 0;
margin:0px;
overflow:hidden;
line-height:normal;
background-image: url(http://www.rebeccaclarkart.com/images/pagetitle.gif);

}

h1,h2,h3,h4,h5,h6,form,fieldset {

	margin:0;

	padding:0;

	}

div.pages div h2 {
text-transform:capitalize;
margin-top: 50px;
text-align:left;
margin-bottom:0px;
padding:0px 20px 0 0px;
position:relative;
font-size:18px;
color:#685b4e;

}


/* this is so that the CV page title could be in all caps or used for any other page title - vlek */
div.pages div h2 span.upper {
	text-transform:uppercase;

}


h2.pagetitle {
text-transform:capitalize;
margin-top: 50px;
text-align:left;
margin-bottom:0px;
padding:0px 20px 0 35px;
position:relative;
top:20px;
font-size:18px;
color:#685b4e;

}


.header h4{

	}
	
.low {

	display:none;

	}

/* @end */



.container { 

background-color:#ffffff;
	margin-top : 30px;
	width: 900px;
	margin: 0px auto;
	text-align: center;
	font-family : arial, verdana, serif;
	
	padding: 0px;
border-bottom:6px solid #685b4e;

	}

body#homepagebody div.container	{
width:695px;
height:685px;
background-color:#ffffff;

}


/*.container p {color:<?php echo $WPFolio_body_color; ?>; } this is handled in header.php

and editable in Current Theme Options in the Wordpress dashboard */



/* @group header */

/* To change your header image create an image that is 960 pixels wide by 200 pixels high and name 

it header.jpg and place in the images folder in your theme directory*/

div.header    {


	margin: 0;
	padding: 45px 29px 11px 29px;
	overflow: hidden;
	

}

div.headertext {  
   
	overflow: hidden;
	text-align: left;
	padding: 0;
	margin: 0 7px 0 7px;
	
}

div.headertext h4 {
display:none;
}

.headertext h1 {
margin:0px;
padding:0px;
}


.headertext h1 a { 

	font-weight: normal; 

	font-style: normal; 

	/*color: <?php echo $WPFolio_highlight_color;?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/ }

/* @end */



/* @group links */

a  {     

	color : #545454;
text-decoration : none;
	font-weight : normal;

	}

a:link  {      

	color : #545454;

	text-decoration : none;

	font-weight : normal;

	}

a:visited {    

	color : #545454;

	text-decoration : none;

	font-weight : normal;

	}

a:hover  {      
color:#000000;
	text-decoration : none;
	font-weight : normal;

	}


a:active  {     

color:#000000;
	text-decoration : none;
	font-weight : normal;

	}


/* @end */

#content {
padding:0px;
margin:0px;
}

.entry {   
	
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	font-size : 11px;
	text-align : center; 
	clear:both

	}

.entry p {

	text-align: left;
	margin-left: 30px;
	margin-right: 30px;

	}

.entrycat { 

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right : auto;
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	
	}

.entrycat a {

	text-align: center; 
	padding: 0px;
	margin:0;
	font-weight: bold;

}



/* @group images */

div.image-frame a img {

border:none;

}

.entry img {

	margin : 0 0 0px;

	padding : 8px;

	border : none;

	}
	
div.wp-caption {

text-align:left;
margin-left:27px;
padding:0px;
}

p.wp-caption-text {

padding:0px 0 0 7px;
margin: -5px 0px 0px 0px;
color:#685b4e;
font-size:12px;
position:relative;
}
	

.alignright,img.alignright{

float:right;

margin:1em 0 0 1em;

}



.alignleft,img.alignleft{

float:left;

margin:1em 1em 0 0;

}



.aligncenter,img.aligncenter{

display:block;

text-align:center;
margin: 1em auto;
}



	

.entrycat img {

	margin : 3px 3px 3px 3px;
	padding : 5px;
	border : none;
	margin-bottom: 2px;

	}

.posted a img { 

	border: 0; 

	}

.img-frame { 

	width: 200px; 

	
padding:0px;
	height:200px; 

	float: left; 

	display: inline; 

	margin: 7px; 

	}

.img-container { 
	margin-top:0px;
	padding:0px;
	text-align:center; 
	margin-right:auto; 
	margin-left: auto; 


	}

.img-frame-caption { 
	display: none;
	width:60%; 
	margin-left:auto; 
	margin-right:auto; 


	}

div.Home p img {

	border : none;

	padding:  5px;

	}

/* @end */



code {    

	color : #8B1D1D;

	}



.info{     

	margin-top : 0px;

	margin-bottom : 5px;

	margin-left : 10px;

	margin-right : 10px;

	padding : 5px;

	font-size : 12px;

	font-weight : normal;

	text-align : justify;
	/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php and editable in Current Theme Options in the Wordpress dashboard*/

	}



.adminuser {

	font-variant: small-caps;

	background-color: #9fff9c;

}



div.pages {  
 	

	margin-top :0px;
	margin-bottom : 5px;
	margin-left : 26px;
	margin-right : 30px;
	padding: 3px 10px 10px 10px;
	font-size : 12px;
	font-weight : normal;
	text-align : left;
	line-height:20px;
	clear: both;

	}




.insideposted {
display:none;
}


.posted {  

	clear:both;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 30px;
	margin-right : 30px;
	text-align : center;
	font-size : 11px;

	}



.footer {
color:#999999;
	padding : 20px;
	text-align : center;
	font-size : 10px;
 clear: both; 
position:relative;
top:40px;

}

body#homepagebody .footer {
top:20px;
}



/* @group prev/next navigation */

.prevnext {

	margin-top : 0px;

	margin-bottom : 0px;

	margin-right: 30px;

	color : #545454;

	text-decoration : none;

	padding : 3px;

	text-align : right;

	font-size: 11px;
	

}

.prevnext a, link  {  

	border : none;

	color : #545454;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

.prevnext a:active  { background-color: #545454;

	border : none;

	color : #FFFFFF;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

.prevnext a:hover  {  


	border : none;

	color : #ffffff;

	text-decoration : none;

	font-weight : normal;

	padding : 3px;

	}

/* @end */



/* @group comments */

div.comments{ 
	display:none;
	clear:both;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 50px;
	margin-right : 50px;
	padding : 12px;
	color : #545454;
	font-size : 12px;
	font-weight : normal;
	line-height : 16px;
	text-align : justify;

	}

.commentsbody {

	border-bottom : 1px solid #E8E8E8;

	text-align : justify;

	margin-bottom : 10px;

	padding : 10px;

	}

/* @end */



/* @group navbar */

.nav ul li.page-item-3 {
display:none;

}

.nav, .widgettitle {  

	margin:0px 5px 0px 5px;
	font-size : 11px;
	color : #545454;
	text-decoration : none;
	font-weight : bold;
	padding: 0px 31px 0px 31px;
	}



.nav ul, .widgettitle ul { 
padding:0px;
	float:left; 
margin:0px;
	}

.nav li { 

	list-style: none; 
	padding:0px;
	display:block; 
	float:left;
	margin:0px 8px 0 0;

	}
	
.nav ul li.page-item-3 {
display:none;

}

.nav ul li.cat-item a   {  
	
	display:block;
	border: none;
	color:#685b4e;
	text-decoration : none;
	font-weight : normal;
	padding : 3px 13px 3px 13px;
	margin:  0px;
	font-size: 12px;
	background-color:#e5e4e2;
	letter-spacing:.5px;

	}
	
	
	.nav ul li.page_item a   {  
	
	display:block;
	border : none;
	color:#ffffff;
	text-decoration : none;
	font-weight : normal;
	padding : 3px 13px 3px 13px;
	margin: 0px;
	font-size: 12px;
	background-color:#685b4e;
letter-spacing:1px;
	}

 

.nav ul li.cat-item a:hover  {  

	background-color:#685b4e;
	color:#ffffff;

	}
	
.nav ul li.page_item a:hover  {  

	background-color:#412b15;
	color:#ffffff;

	}

/* @end */



div.container ul {

	padding-left: 0; 

	}

div.container h2 {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/ }





/* @group blog styles */



.notable-post {

	border: none;

	padding: 10px;

	margin-top: 10px;

	margin-bottom: 10px; color: #808080; 

/*color: <?php echo $WPFolio_body_color; ?>; This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

}

.notable-post h3 {

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 10px; color: #323232; 

	}

.notable-post h3 a, link { 

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

.notable-post a { 

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

.notable-post a:hover {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

.notable-post a:hover {

	font-weight: bold; 

	}



/* @end */



/* @group links */



#links {

	margin-left : 60px;

	margin-right : 60px;

	/*color : #<?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	font-size : 12px;

	font-weight : normal;

	text-align : left;

	line-height:20px;

	padding: 0; list-style:none;

	}

#links h1,h2 {

	font-weight: normal;
	text-transform: uppercase;



	}

#links ul {

	list-style: none;
	margin-left: 0;
	padding-left: 0;

	}

#links ul li {


	margin-left: 0;
	padding-left: 0;

	}

#links ul li ul {


	list-style: none;

	margin-left: 0;

	padding-left: 0;

	padding-bottom: 15px;

	}

#links ul li ul li {

	margin-left: 0;

	padding-left: 0;

	}

#links a {

	/*color: <?php echo $WPFolio_second_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

 	} 

#links a:hover {

	/*color: <?php echo $WPFolio_highlight_color; ?>;This is handled in header.php 

and editable in Current Theme Options in the Wordpress dashboard*/

	}

/* @end */



/* @group pages lists */


div.pages ul {

	vertical-align: 1em;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	padding: 0;

	margin-top: 15px;

	}

div.pages ul li {

	list-style: none;

	vertical-align: -1.5em;

	font-size: 1em;

	font-weight: normal;

	font-style: italic;

	padding: 0;

	line-height: 1.5px;

	}

div.pages ul li ul li {

	font-size: 1em;

	font-weight: normal;

	bottom: 1.8em;

	position: relative;

	vertical-align: 0em;

	font-style: normal;

	padding: 0;

	line-height: 1.5em;

	margin-right: 0px;

	margin-bottom: 1em;

	margin-left: 6em;

	}

div.pages h2 {


	margin-left:auto;

	margin-right: auto;

	padding-top: 1em;

	padding-bottom: .5em;

	text-transform: uppercase;

	font-weight: normal;

	letter-spacing: .1em;

	text-align: center;

}

div.pages h3 {

	margin-bottom: 2.2em;

}

	/* @end */



/* @group Resume/CV styles - selectors repeated to cover every upper/lower case option of resume and cv  */

div.RESUME ul, div.resume ul,div.Resume ul,div.CV ul,div.cv ul{

	padding: 0;
	margin-top: 20px;

}

div.RESUME ul li, div.resume ul li, div.Resume ul li, div.CV ul li, div.cv ul li {

	list-style: none;
	padding: 0;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;


}



div.RESUME ul li ul li, div.resume ul li ul li, div.Resume ul li ul li, div.CV ul li ul li,.cv ul li ul li  {

	font-size: 11px;
	font-weight: normal;
	position: relative;
	font-style: normal;
	padding: 0;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 6em;
	line-height: 1.3em;

}

div.RESUME h3, div.resume h3, div.Resume h3, div.CV h3, div.cv h3 {
	
	display:block;
	height:20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight:normal;
	font-style:normal;

}

span.showtitle {

font-style:italic;
}

/* @end */



.widgettitle  { display: none; 

padding: 0em;}







.aligncenter {

	display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;}

.alignnone {

	display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

	}

.alignleft {

	display: block;

	float: left;

	}

.alignright {

	display: block;

	float: right;

	}
	
div#previous, div#next {
width:13px;
height:13px;
float:right;
margin:0 5px 0px 5px;
padding:0px;

}

div#previous a, div#next a {
display:block;
width:13px;
height:0px;
padding: 13px 0 0 0;
margin:0px;
overflow:hidden;
background-image:url(http://www.rebeccaclarkart.com/images/arrows.gif);


}

div#previous a{
background-position:-40px 0px;

}
div#previous a:hover{
background-position:-60px 0px;

}

div#next a{
background-position:0px 0px;

}

div#next a:hover{
background-position:-20px 0px;

}
	

/* @end */