/*
THEME NAME: I Go By Victoria
THEME URI: http://www.igobyvictoria.com
DESCRIPTION: Custom WordPress Theme for Victoria Wall/igobyvictoria.com
VERSION: 1.0
AUTHOR: <a href="http://www.adamcblake.com/">Adam C. Blake</a>
AUTHOR URI:
TAGS: white, fixed-width, sandbox, custom
*/

@charset "UTF-8";

/* CSS Document */


/*//////////////////////////////////////////////////////////////
//	
//	COLORS
//
//  Orange #FF9766
//
//////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////
//
//  RESET
//
//////////////////////////////////////////////////////////////*/

/* v1.0 | 20080212 by Eric Meyer */


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body 
{	
	line-height: 1;
}

ol, ul 
{
	list-style: none;
}

blockquote, q 
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after 
{
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*//////////////////////////////////////////////////////////////
//
//  TYPOGRAPHY
//
//////////////////////////////////////////////////////////////*/

html, body, p, li {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

p {
	margin-bottom: 10px;
}

a:link, a:visited {
	color: #FF9766; 
	text-decoration: none;
}

a:hover {
	color: #999999;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

ul, li {
	text-indent: 0;
	margin: 0;
	padding: 0;
}

/*// WRAPPER //////////*/

	/*// CONTAINER //////////*/

		/*// SIDEBAR //////////*/
		
		ul.xoxo li ul li {
			color: #999999;
			font-family: Georgia, Times, serif;
			font-size: 12px;
			line-height: 15px;
			text-transform: capitalize;
		}
		
		ul.xoxo li ul li a:link, ul.xoxo li ul li a:visited {
			color: #999999;
		}
		
		ul.xoxo li ul li a:hover {
			color: #FF9766;
		}
		
		#secondary li.page_item, #secondary li.page_item a:link h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 15px;
		}
		
		#secondary li.current_page_item a:link h3, #secondary li.current_page_item a:link h3, #secondary li.current_page_item a:visited h3, #secondary li.current_page_item a:hover h3 {
			color: #000000;
		}
	
		
		/*// CONTENT //////////*/
			
			/*// POST //////////*/
			
			#content h2.entry-title, #content h2.entry-title a:link, #content h2.entry-title a:visited {
				color: #000000;
				font-family: Georgia, Times, serif;
				font-size: 24px;
				font-weight: normal;
				line-height: 30px;
				text-transform: capitalize;
			}
			
			#content h2.entry-title a:hover {
				color: #999999;
			}
			
			#content div.entry-meta {
				color: #999999;
				font-size: 10px;
			}
			
			#content div.entry-meta a:hover {
				color: #000000;
			}
		
			#content ul.xoxo li.contact ul li.email, #content ul.xoxo li.contact ul li.email a:link, #content ul.xoxo li.contact ul li.email a:visited {
				text-transform: lowercase;
				color: #FF9766;
			}
			
			#content ul.xoxo li.contact ul li.email a:hover {
				color: #000000;
			}
			
			
			/*// COMMENTS //////////*/
			
			#comments, #comments p {
				font-size: 10px;
				line-height: 12px;
			}
			
			#comments #comment-notes {
				color: #999999;
				font-weight: bold;
			}
			
			#comments-list span.comment-meta {
				font-size: 10px;
				color: #999999;
				font-weight: bold;
				line-height: 12px;
			}
			
			#comments-list div.comment-author span.fn {
				font-size: 10px;
				line-height: 12px;
			}
			
			#comments-list span.unapproved {
				color: #CC0000;
			}
		
/*// FOOTER //////////*/

#footer {
	color: #CCCCCC;
	font-size: 10px;
	font-weight: bold;
}

/*// CUSTOM //////////*/

span.edit-link {
	font-size: 10px;
	font-weight: normal;
}

/*//////////////////////////////////////////////////////////////
//
//  REPLACER GLOBALS
//
//////////////////////////////////////////////////////////////*/

#header h1, #home-link {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 0;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #home-link a:link, #home-link a:visited, #home-link a:hover {
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*//////////////////////////////////////////////////////////////
//
//  PAGE ELEMENTS
//
//////////////////////////////////////////////////////////////*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

/*// WRAPPER //////////*/

#wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 0 -70px 0; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
}	

	/*// ACCESS //////////*/	

	#access {
		display: block;
		height: 30px;
		margin-bottom: 20px;
	}
	
		/*// VIEW //////////*/
		
		#view {
			float: left;
		}
		
		#view a:link, #view a:visited {
			color: #FFFFFF;
			background-color: #FF9766;
			display: block;
			height: 23px;
			margin-left: 30px;
			padding: 7px 0 0 10px;
			text-decoration: none;
			width: 121px;
		}
		
		#view a:hover {
			background-color: #000000;
		}
	
		/*// MENU //////////*/
		
		#menu {
			float: right;
			margin-right: 30px;
		}
		
		#menu ul li {
			float: left;
			margin-left: 24px;
		}
		
		#menu ul li a:link, #menu ul li a:visited {
			color: #FFFFFF;
			background-color: #CCCCCC;
			display: block;
			height: 23px;
			padding: 7px 0 0 10px;
			text-decoration: none;
			width: 121px;
		}
		
		#menu ul li a:hover {
			background-color: #FF9766;
		}
		
		#menu ul li.current_page_item, #menu ul li.current_page_item a:link, #menu ul li.current_page_item a:visited, #menu ul li.current_page_item a:hover, #menu ul li.current_page_parent, #menu ul li.current_page_parent a:link, #menu ul li.current_page_parent a:visited, #menu ul li.current_page_parent a:hover {
			background-color: #000000;
		}
	
	
	/*// HEADER //////////*/

	#header {
		margin: 0 0 40px 30px;
	}
	
		/*// H1 //////////*/
		
		#header h1, #header h1 a:link, #header h1 a:visited, #header h1 a:hover {
			height: 70px;
			width: 210px;
		}
		
		#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
			background-image: url(images/logo_header.gif);
		}
		
		/*// BLOG DESCRIPTION //////////*/
		
		#blog-description {
			display: none;
			visibility: hidden;
		}
		
	
	/*// CONTAINER //////////*/
	
	#container {
		margin-left: 0;
		width: 960px;
	}
	
		/*// SIDEBAR //////////*/
			
		#primary, #secondary {
			clear: both;
			background-color: #FFFFFF;
			float: left; 
			padding: 0 24px 0 30px;
			width: 130px; 
		}
		
			/*// UL/LI //////////*/
			
			ul.xoxo li {
				border-top: 1px #EEEEEE solid;
				margin-bottom: 40px;
			}			
				
			ul.xoxo li h3, ul.xoxo li ul li {
				border-top: none;
				margin: 7px 0 0 0;
			}	
			
			ul.xoxo li h3, ul.xoxo li ul li a:link h3, ul.xoxo li ul li a:link h3, ul.xoxo li ul li a:hover h3 {
				border-bottom: 1px #EEEEEE solid;
				height: 22px;
			}
			
			#primary.sidebar ul.xoxo li h3, #content ul.xoxo li h3 {
				margin-bottom: 20px;
			}
		
	
		/*// CONTENT //////////*/
	
		#content {
			float: left;
			display: block;
			margin-right: 30px;
			width: 743px;
		}
		
			/*// POST //////////*/
			
			#content h2.entry-title {
				margin: -6px 0 20px 0;
			}
			
			#content div.post {
				margin-bottom: 40px;	
			}
			
			#content div.post img {
				width: 743px;
				height: auto;
				margin-bottom: 10px;
			}
			
			#content div.entry-meta {
				background-color: #EEEEEE;
				padding: 8px 10px;
			}
			
			#content span.meta-sep {
				visibility: hidden;
			}
			
			#content ul.xoxo li.linkcat, #content ul.xoxo li.contact {
				width: 207px;
				margin-right: 24px;
				float: left;
			}
			
			#content ul.xoxo li.info {
				float: left;
				width: 669px;
			}
			
			/*// COMMENTS //////////*/
			
			#comments {
				margin-top: -20px;
			}
			
			#comments h3 {
				border-bottom: 1px #EEEEEE solid;
				border-top: 1px #EEEEEE solid;
				margin-bottom: 20px;
				padding: 7px 0;
			}

				/*// COMMENTS-LIST //////////*/
				
				#comments-list {
					margin-bottom: 30px;
				}
				
				#comments-list ol li {
					width: 100%;
					overflow: hidden;
				}
				
				#comments-list div.comment-author {
					float: left;
					margin-right: 24px;
					width: 130px;
				}
				
				#comments-list div.comment-author img, #comments-list div.comment-author span.fn {
					display: block;
					margin-bottom: 15px;
				}
				
				#comments-list div.comment-content {
					float: left;
					width: 589px;
				}
				
				#comments-list span.comment-meta, #comments-list span.unapproved, #comments-list p {
					display: block;
					margin-bottom: 15px;	
				}
				
				/*// RESPOND //////////*/
			
				#respond {
					margin-bottom: 40px;
				}
				
				#respond div.form-label {
					margin-bottom: 5px;
				}
				
				#respond div.form-input, #respond div.form-textarea {
					margin-bottom: 15px;
				}
				
				#respond div.form-input input, #respond div.form-textarea textarea {
					border: 1px solid #EEEEEE;
				}
				
			
	
/*// FOOTER //////////*/
	
#footer {
	display: block; 
	height: 30px;
	padding-top: 20px;
	margin-bottom: 20px;
	width: auto; 
}

	/*// HOME-LINK //////////*/
	
	#home-link, #home-link a:link, #home-link a:visited, #home-link a:hover {
		float: left;
		height: 30px;
		margin-right: 41px;
		width: 215px;
	}
	
	#home-link a:link, #home-link a:visited, #home-link a:hover {
		background-image: url(images/logo_footer.gif);
	}
	
	/*// INFO //////////*/
	
	#info {
		float: left;
		margin-top: 11px;
	}
	
	#info span {
		margin-right: 12px;
	}
	
	#info span.name {
		color: #000000;
	}
	
	/*// CREDITS //////////*/
	
	#credits {
		float: right;
		margin: 11px 30px 0 0;
	}
	
	#credits span {
		margin-left: 12px;
	}

/*//////////////////////////////////////////////////////////////
//
//  BODY CLASSES
//
//////////////////////////////////////////////////////////////*/	

	/*// PAGES //////////*/
	
	.page #access, .page #footer {
		width: 960px;
	}
	
	.page #primary, .page #secondary {
		display: none;
		visibility: hidden;
	}
	
	.page #content {
		margin-left: 30px;
		width: 960px;
	}
	
	.page #content h2.entry-title {
		display: none;
		visibility: hidden;
	}
	
	/*// BLOG //////////*/
	
	.blog #access, .single #access, .archive #access, .blog #footer, .single #footer, .archive #footer {
		width: 960px;
	}
	
	.blog #secondary, .single #secondary, .archive #secondary {
		display: none;
		visibility: hidden;
	}

	/*// PORTFOLIO //////////*/
	
	.page-template-portfolio-php #access, .page-template-portfolio-php #footer {
		width: auto;
	}
	
	.page-template-portfolio-php #view {
		display: none;
		visibility: hidden;
	}
	
	.page-template-portfolio-php #primary {
		display: none;
		visibility: hidden;
	}
	
	.page-template-portfolio-php #secondary {
		display: inherit;
		height: 500px;
		left: 0;
		position: absolute;
		top: 160px;
		visibility: visible;
		z-index: 1;
	}
	
	.page-template-portfolio-php #content {
		display: block;
		height: 574px;
		margin-left: 10px;
		width: auto;
	}
	
	.page-template-portfolio-php h2.entry-title {
		visibility: hidden;
		display: none;
	}
	
	.page-template-portfolio-php span.edit-link {
		visibility: hidden;
		display: none;
	}
	

/*//////////////////////////////////////////////////////////////
//
//  CUSTOM DEFINITIONS
//
//////////////////////////////////////////////////////////////*/

div.spacer {
	clear:both; 
	height:0px; 
	display:block;
}

span.txt {
	display: none;
	visibility: hidden;
}

div.push {
	height: 70px;
}

span.edit-link {
	display: block;
	clear: both;
	float: none;
}

#content div.entry-meta span.edit-link, #comments span.edit-link {
	display: inline;
	clear: none;
	float: none;
}

