/*

Theme Name: WPFolio 

Theme URI: http://wpfolio.visitsteve.com/wiki/

Description: A Wordpress Theme designed for artists. Created by Steve Lambert, Patrick Carey, Jeff Crouse, Daniel Wiener (and you?) at the Eyebeam Center for Art and Technology. Free software under the GPLv3 license. We welcome your code.

Version: 1.5.2.1

Author: Eyebeam Center for Art and Technology

Author URI: http://eyebeam.org/projects/wpfolio

Tags: fixed-width, photoblogging, one-column, theme-options

*/

/* NOTE: Changing CSS affected by Theme Options 		*/
/* To make changes to the CSS edit the CSS rules below. */
/* rules commented out and wrapped in parentheses		*/
/* i.e. ($WPFolio_body_font)      						*/
/* are handled by the header.php file and editable in 	*/
/* Current Theme Options in the Wordpress dashboard. 	*/

/* BEGIN user editable area */
body  { 
	/* font-family : ($WPFolio_body_font)  */
	/* background-color: ($WPFolio_body_backgroundcolor)  */
	/* color: ($WPFolio_body_color)   */
	padding: 5px; 
}

.container { 
	/* color: ($WPFolio_body_color)   */
	/* background-color: ($WPFolio_foreground_color)  */
	margin-top : 30px;
	width: 930px;

	margin: 0px auto;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
}
table {
	    -moz-border-radius:10px;
	        -webkit-border-radius:10px;
		    border-radius:10px
	    }

#content {
	font-weight : normal;
	text-align : left;
	line-height: 1.4em;
	font-size: 12px;
	clear: both;
	padding: 0;
	margin: 15px 15px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

/* @group htags */

h1,h2,h3,h4,h5,h6,form,fieldset {
	/* font-family: ($WPFolio_headline_font)  */
	margin:0;
	padding:0;
}

h1 { 
	/*font-size: ($WPFolio_headline_size)  */}
h2 { 
	/*color: (WPFolio_highlight_color)  */ 
}
h3 {
	/*color: ($WPFolio_highlight_color)  */
}
h4 {
	/*color: ($WPFolio_second_color)  */
}
.low {
	display:none;
}

#content h2, #content h3 {
	font-weight: normal;
	letter-spacing: .1em;
	padding-top: 10;
}

h2.pagetitle {
	text-transform: uppercase;
	text-align: center;
}
/* @end */

/* @group links */
a  {     
	color : #000000;
	text-decoration : none;
	font-weight : bold;
}
a:link  {      
	/* color: ($WPFolio_body_color) */
	text-decoration : none;
	font-weight : bold;
	}
a:visited {    
	/* color: ($WPFolio_body_color) */
	text-decoration : none;
	font-weight : bold;
}
a:active  {     
	/*color: ($WPFolio_highlight_color) */
	text-decoration : none;
	font-weight : bold;
	}
a:hover  {      
	/*color: ($WPFolio_highlight_color) */
	text-decoration : none;
	font-weight : bold;
}
/* @end */

/* @group header */
/* To change your header image create an image that is 	*/
/* 900 pixels wide by ~150 pixels high and name it 		*/
/* header.jpg and place in the images folder in your 	*/
/* theme directory. Then add the url as noted below.	*/
div#header    {
	background-image: url(); /* <-- add url to background image between these parentheses */
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 0;
	max-height: 0px;
	min-height: 0px;
	overflow: hidden;
}
.headertext {  
   	overflow: hidden;
	text-align: left;
	padding: 0;
	margin: 0;
	
}

.headertext h1 a { 
	/*color: ($WPFolio_highlight_color) */
	font-weight: normal; 
	font-style: normal;  
	}

.headertext h1 a:hover { 
	opacity: 0.25;
	}

#header h4{
	font-weight: normal;
	font-style: normal;}
/* @end */

/* @group .entry styles */

div.entry {
	padding : 0px;
	font-size : 11px;
	text-align : center; 
	clear:both;
	margin: 0px auto 20px;
}

div.entry.notblog p {
	text-align: left;
}

.entrycat {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	font-size : 11px;
	font-weight : normal;
	line-height : 16px;
	text-align : center;
	}
.entrycat a {
	text-align: center; 
	padding: 10px;
	font-weight: bold;
}

/* @end */

/* @group images */
.entry img {
	margin : 0 0 0 0px;
	padding : 8px;
	border : 1px solid #c0c0c0;
	}

.entrycat img {
	margin : 3px 3px 3px 3px;
	padding : 3px;
	border : 0px solid #c0c0c0;
	margin-bottom: 2px;
	}
	
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-style: italic;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.img-frame { 
	width: 25%; 
	min-width: 620px; 
	height:225px; 
	float: left; 
	display: inline; 
	margin-top: 10px; 
	}
.img-container { 
	text-align:center; 
	margin-right:auto; 
	margin-left: auto; 
	display: inline-table; 
	}
.img-frame-caption { 
	width:60%; 
	margin-left:auto; 
	margin-right:auto;
	}
.img-frame-caption a {
	font-weight: normal;
	font-style: normal;
	padding: 0;
}

.page p img {
	padding: 0;
	border-style: none;
	margin-top: 0;
	margin-bottom: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.alignright,img.alignright{
float:right;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0;
}

.alignleft,img.alignleft{
float:left;
	margin-right: 1em;
	margin-left: 0;
	margin-bottom: 0;
}

.aligncenter, img.aligncenter{
display:block;
text-align:center;
margin: 1em auto; /*this might need to be removed*/
}

.notable .alignnone{
	/* alignnone defaults to center for artworks, but not for blog */
}
.entry .alignnone {
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	}
/* @end */

/* @group prev/next navigation */
.prevnext {
	text-decoration : none;
	padding : 3px;
	text-align : left;
	font-size: 11px;
	margin: 0px 30px 30px;
}
.prevnext a, link  {  
	text-decoration : none;
	font-weight : normal;
	padding : 3px;
	}
.prevnext a:active  { 
	color : #FFFFFF;
	text-decoration : none;
	font-weight : normal;
	padding : 3px;
	}
.prevnext a:hover  {  
	/* background-color: ($WPFolio_highlight_color) */
	color : #ffffff;
	text-decoration : none;
	font-weight : normal;
	padding : 3px;
	}

div.prevnext_left {
	float: left;
}

div.prevnext_right {
	float: right;
}

div.prevnext_left :before {
	content: "← ";
	font-size: 1.2em;
}

div.prevnext_right :after {
	content: " →";
	font-size: 1.2em;
}
/* @end */

/* @group navbar */
div.nav .widgettitle  { 
	/* font-family : ($WPFolio_body_font)  */
	display: none; 
	padding: 0em;
	}
.nav {
	/* font-family: ($WPFolio_headline_font) */
	/*color: ($WPFolio_second_color) */
	color: 000000;
	text-decoration : none;
	font-weight : normal;
	padding: 0 35px;
	margin: 0;
	font-size: 12px;
}

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

.nav li, widgettitle li { 
	list-style: none; 
	display: inline;
	margin: 0;
	padding: 0;
}
.nav a, link   {  
	/*border : 1px solid #c0c0c0;*/
	color : #000000;
	text-decoration : none;

	margin-right: 2em;
}
.nav a:active  {  
	/*border: 1px solid #c0c0c0;*/
	/*color: ($WPFolio_highlight_color) */
	text-decoration : none;
	font-weight : bold;
	opacity: 0.25;
}
.nav a:hover  {  
	/*border: 1px solid #c0c0c0;*/
	/*color: ($WPFolio_highlight_color) */
	text-decoration : none;
	font-weight : bold;
	opacity: 0.75;
	}

div.nav li.current_page_item a, div.nav li.current-cat a {
	font-weight: bold;
	text-transform: uppercase;
}
/* @end */

/* @group sidebar */

#sidebar { 
	/* color: ($WPFolio_highlight_color) */
	font-size : 12px;
	font-weight : normal;
	text-align : left;
	list-style:none;
	width: 140px;
	float: right;
	margin-top: 20px;
	line-height: 1.5em;
}

#sidebar h2.widgettitle {
	padding: 0;
	font-size: 12px;
	margin-bottom: .5em;
	text-align: center;
	font-weight: normal;
	margin-top: 1.5em;
	text-transform: uppercase;
}
#sidebar ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#sidebar ul li {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: .5em;
}
#sidebar a {
	font-weight: normal;
	font-style: normal;
} 
#sidebar a:hover {
	opacity: 0.75;
	}

#sidebar form {
	padding-top: 1em;
	padding-bottom: 1em;
}

#sidebar #searchform div label.screen-reader-text {
	display: none;
}

#sidebar .widget_calendar table#wp-calendar {
	margin-right: auto;
	margin-left: auto;
	width: 240px;
	text-align: center;
}

/* @end */

/* @group comments */
#comments{
	margin-top: 1em;
}
.comment-body {
	border-bottom : 1px solid #E8E8E8;
	text-align : justify;
	margin-bottom : 5px;
	padding : 5px;
	}

.comment-author-admin {
	background: url(images/grey-to-white-gradient.png) repeat-x scroll;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

ol.commentlist ul {
	list-style-type: none;
}
/* @end */

/* @group footer styles */

.footer {
	padding: 0px 30px 0px;
	text-align : left;
	font-size : 11px; clear: both;
	/* background-color: #E0E0E0; */
	/*color: ($WPFolio_second_color) */
}
	
.footer a {
	font-weight: normal;
}

.footer a:hover {
	font-weight: normal;
	opacity: 0.75;
}

	
.footer .left {
float: left;
}

.footer .right {
float: right;
}

.footer .right img, .footer .left img {
	vertical-align: text-top;
	}

/* @end */

/* @group blog styles  */

div.notable {
	width: 600px;
	float: left;
}

div.notable-post {
	/*border: 1px solid #c0c0c0;*/
	padding: 0;
	margin: 20px 0 3em;
}

h2.post-title a{
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
}
.notable-post h2 {
	padding: 0;
	margin-top: 0px;
	line-height: 1.2em;
}

.notable-post h3 {
	padding: 0px;
	margin-top: 0px;
	line-height: 1.2em;
	margin-bottom: .5em;
	color: black;
}

div.notable-post h3 a, link {
	font-weight: normal;
	font-style: normal;
}

div.notable-post h4 {
	margin-bottom: 1em;
	font-weight: normal;
	font-style: normal;
}

div.notable-post p {
	margin-bottom: 1em;
	margin-top: 0;
}

div.notable-post a { 
	/*color: ($WPFolio_second_color) */
	}
div.notable-post a:hover {
	/*color: ($WPFolio_highlight_color) */
	opacity: 0.75;
	}

/* @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{
	vertical-align: 1em;
	padding: 0;
	margin-top: .9em;
}
div.RESUME ul li, div.resume ul li, div.Resume ul li, div.CV ul li, div.cv ul li {
	list-style: none;
	vertical-align: -1.5em;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	line-height: 0;
}

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: 1em;
	font-weight: normal;
	bottom: 1.8em;
	position: relative;
	vertical-align: 0em;
	font-style: normal;
	padding: 0;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 6em;
	line-height: 1.3em;
}
div.RESUME h3, div.resume h3, div.Resume h3, div.CV h3, div.cv h3 {
	margin-bottom: 1em;
	font-size: 1.6em;
}

/* @end */

/* @group gallery */

.gallery {
	margin: auto;
	
	
}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-caption {
	margin-left: 0;
}

/* @end */

/* @group edit-link styles */

.edit-link a:before {
	content:"✎ ";
	font-size: 1.3em;
}
.edit-link a.post-edit-link {
	background-color:red;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: .5em .8em 2px .5em;
}


/* @end */

.post-bottom-title {  
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 30px;
	margin-right : 30px;
	text-align : center;
	font-size : 11px;
}

.Page.not.found p {
	font-size: 1.5em;
	}

code {    
	color : #8B1D1D;
	font-family: "Courier New", Courier, mono;
}

.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: ($WPFolio_body_color) */
	}

div.search-result img {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}

.clear-both {
	clear: both;
}