/*

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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* background-color: ($WPFolio_body_backgroundcolor)  */
	color: #E53E0A;
	padding: 5px;
	
	
}

.container {
	color: #E53E0A;
	/* background-color: ($WPFolio_foreground_color)  */
	margin-top : 17px;
	width: 960px;
	text-align: center;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	padding: 0px;
	margin-left: 27px;
}

#content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-align : left;
	line-height: 1.4em;
	font-size: 11px;
	clear: both;
	padding: 0;
	text-transform: lowercase;
	margin-left: 100px;
	margin-top: 40px;
	border: #FFF;
}

/* @group htags */

h1,h2,h3,h4,h5,h6,form,fieldset {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1 {
	font-size: 11px;
	/*font-size: ($WPFolio_headline_size)  */}
h2 { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #E53E0A;
	font-size: 11px; 
}
h3 {
	color: #E53E0A;
}
h4 {
	font-size: 11px;
	color: #E53E0A;
}
.low {
	display:none;
}

#content h2, #content h3 {
	font-weight: normal;
	padding-top: 0;
}

h2.pagetitle {
	text-transform: uppercase;
	text-align: left;
	margin-left: 30px;
}
/* @end */

/* @group links */
a  {     
	color: #E53E0A; 
	text-decoration : none;
	font-weight : normal;
	border: #FFF;
}
a:link  {
	color: #E53E0A;
	text-decoration : none;
	font-weight : normal;
	border: #FFF;
	}
a:visited {    
	color: #E53E0A;
	text-decoration : none;
	font-weight : normal;
	border: #FFF;
}
a:active  {
	color: #E53E0A;
	text-decoration : none;
	font-weight : normal;
	border: #FFF;
	}
a:hover  {
	color: #AAC303;
	text-decoration : none;
	font-weight : normal;
	border: #FFF;
}
/* @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-left: 0;
	padding: 1.5em 30px .5em;
	max-height:150px;
	min-height: 50px;
	overflow: hidden;
}
.headertext {  
   	overflow: hidden;
	text-align: left;
	padding: 0;
	margin: 0;
	
}

.headertext h1 a { 
	color: #E53E0A;
	font-weight: normal; 
	font-style: normal;  
	}

.headertext h1 a:hover { 
	color: #AAC303;;
	}

#header h4{
	padding-top: .15em;
	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 : left;
	}
.entrycat a {
	text-align: center; 
	padding: 10px;
	font-weight: bold;
}

/* @end */

/* @group images */
.entry img {
	margin : 0 0 0px;
	padding : 8px;
	}

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

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

.img-frame { 
	width: 25%; 
	min-width: 220px; 
	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;
	text-transform: uppercase;
}

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

.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;
	border: #FFF;
		
}

.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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none; 
	padding: 0em;
	}
.nav {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #E53E0A;
	text-decoration : none;
	font-weight : bold;
	padding: 0 30px;
	margin: 0;
	font-size: 11px;
}

.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   {  
	color: #E53E0A;
	text-decoration : none;
	font-weight : normal;
	margin-right: 2em;
}
.nav a:active  {  
	color: #E53E0A;
	text-decoration : none;
	font-weight : normal;
	opacity: 0.25;
}
.nav a:hover  {
	color : #AAC303;
	text-decoration : none;
	font-weight : normal;
	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: #E53E0A;
	font-size : 12px;
	font-weight : normal;
	text-align : left;
	list-style:none;
	width: 240px;
	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;
	}

#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 {
	text-align : justify;
	margin-bottom : 10px;
	padding : 10px;
	}

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

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

/* @group footer styles */

.footer {
	padding: 5px 30px 20px;
	text-align : left;
	font-size : 11px; clear: both;
	/* background-color: #E0E0E0; */
	color: #E53E0A;
}
	
.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;
	margin-left: 160px;
	margin-top: 40px;
}

div.notable-post {
	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;
}

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: #E53E0A;
	}
div.notable-post a:hover {
	color: #AAC303;
	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 {
	
}
.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:#FFF;
	color: #E53E0A;
	font-size: 10px;
	font-weight: normal;
	padding: .5em .8em 2px .5em;
}


/* @end */

.post-bottom-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	text-align : left;
	font-size : 11px;
	text-transform: uppercase;
	padding-bottom: 50px;
}

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

code {    
	color : #8B1D1D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.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;
}