/*  

Theme Name: The Point of It All

Theme URI: http://wordpress.org/

Description: The default WordPress theme for The Point of It All.

Version: 1.0

Author: Dustin Pfeifer

Author URI: http://tiltstudio.biz/

*/



* {

	margin:0;

	padding:0;

}



body {

	text-align:center;

	background:#d2232a;

	width:834px;

	margin:0 auto;

	font:12px georgia, serif;

	line-height:18px;

	color:#2a3243;

	

}





/* Layout ============================== */



#container {

	background:#fff;

}



#content {

	width:784px;

	margin:5px; /** was 25px; **/

	text-align:left;

}



#left {

	float:left;

	width:329px;

}



	.shopleft {

		width:150px;

		float:left;

		margin:0;

	}

	

	.shopright {

		width:150px;

		float:right;

		margin:0;

	}

	

#interiorleft {

	float:left;

	width:441px;

}



	.lleft {

		float:left;

		width:200px;

		margin:10px 0;

		border-right:1px solid #eee;

		padding:0 20px 0 0;

	}

	

	.lright {

		float:right;

		width:200px;

		padding:0 0 0 20px;

		margin:10px 0;

	}



#right {

	float:right;

	width:412px;

}



	.visitleft {

		float:left;

		width:160px;

		margin:10px 0 10px 25px;

		border-right:1px solid #eee;

		padding:0 15px 0 0;

	}

	

	.visitright {

		float:right;

		width:196px;

		padding:0 0 0 15px;

		margin:10px 0;

	}

	

#interiorright {

	float:right;

	width:271px;

}



#footer {

	width:784px;

	margin:25px 25px 0 25px;

	background:url("images/background_footer.jpg") no-repeat;

	height:37px;

	overflow:hidden;

	text-align:left;

	color:#aaa;
	
	font-size:0.8em;

}



	.footerleft {

		float:left;

		margin:10px 0 0 0;

	}



	.footerright {

		float:right;

		margin:10px 0 0 0;

	}



#bottom {

	/*  height:123px; */
	height:110px;
	
	background:url("images/background_bottom.jpg") no-repeat;

	overflow:hidden;

	text-align:left;

	color:#fff;

	margin:0 0 25px 0;

}



	.bottomleft {

		float:left;

		margin:25px;
		
		display:none;

	}

	

	.bottomright {

		width:412px;

		float:right;

		margin:25px;
		
		display:none;

	}



/* Gail's Work =========================== */





#gailwork {

	list-style-type:none;

        margin: 0 0 0 0;

}



#gailwork li {

	float:left;

	margin:0 16px 16px 0;

}



#gailwork li.end {

	margin:0 0px 16px 0;

}



#gailwork img {

	border:2px solid #d2232a;

}



#gailwork img:hover {

	border:2px solid #f8545c;

}

	

	

/* Products ============================== */



#productlist {

	width:481px;

	float:left;

}


ul.products { margin:0; padding:0; }

ul li.product {
	display:block;
	float:left;
	width:137px;
	margin:0 20px 0 0;
	padding:0 0 15px;
}



.product p {
	margin:0;
}



.product h2 { margin:10px 0 0 0; padding:0; color:#000; }


.product p.info {

	color:#d2232a;

}

ul.pagination { clear:left; list-style-type:none; text-align:center; padding:10px 0; }
ul.pagination li { display:inline; margin:0;  }
ul.pagination li .pnum { padding:0 3px; }

.form { 

	margin:10px 0;

	padding:10px 0; 

	background-color:#eee;

	text-align:center;

}



.price {

	margin:0 10px;

	font-size:18px;

}



.option { 

	color:#322A29;

	margin:0; 

	padding:0;

	width:150px;

}



div.metaData dl

{

	display: table;

	width: 100%;

	margin-bottom: 2em;

}



div.metaData dl dt

{

	display: table;

	float: left;

	width: 12em;

}



div.metaData dl dd

{

	float: left

}





/* Main Navigation ============================== */



#header {

	/* height:82px; */
	
	overflow:hidden;

}

#header h1.logo { float:left; margin:0; padding:10px 0 10px 20px; border:none;  }
#header h1.logo a { display:block; background:url("images/logo.gif") no-repeat; width:282px; height:58px; border:none; }
#header h1.logo a span { display:none; }

.headerimg {

	margin:0;

}
#apDiv1 {
	position:absolute;
	left:19px;
	top:16px;
	width:75px;
	height:26px;
	z-index:1;
}
#apDiv1 a { display:block; background:url("http://www.thepointofitallonline.com/wp-content/themes/default/images/blog.jpg") no-repeat; width:75px; height:26px; border:none; }

#apDiv2 {
	position:absolute;
	left:94px;
	top:16px;
	width:759px;
	height:26px;
	z-index:2;
}
#apDiv1 a { display:block; background:url("http://www.thepointofitallonline.com/wp-content/themes/default/images/blog.jpg") no-repeat; width:75px; height:26px; border:none; }
#nav {
	/**background:url("images/background_header.jpg") no-repeat;**/

	list-style-type:none;
	width:784px;
	margin:0;
	clear:both;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}



#nav li {

	display:inline;

}



#nav a {

	display:block;

	float:left;

	height:20px; /**  was 32px **/

	padding:0px 0 0 0; /**  was 8px 0 0 0; **/

	margin:0 5px 0 0;/**  Don't change this, this is white spacing between grey buttons **/

	text-decoration:none;

	color:#444;

	font-weight:bold;

	background:#c2c2c2;

}



#nav a:hover {

	background:#f5f5f5;

	color:#d2232a;

}



#nav a.home, #nav a.home-active {

	width:84px;

	overflow:hidden;

}



#nav a.about, #nav a.about-active {

	width:85px;

	overflow:hidden;

}



#nav a.products, #nav a.products-active {

	width:144px;

	overflow:hidden;

}



#nav a.finishing, #nav a.finishing-active {

	width:128px;

	overflow:hidden;

}



#nav a.canvases, #nav a.canvases-active {

	width:125px;

	overflow:hidden;

}



#nav a.ideas, #nav a.ideas-active {

	width:100px;

	overflow:hidden;

}



#nav a.contact, #nav a.contact-active {

	width:88px;

	overflow:hidden;

	margin:0;

}



#nav a.home-active, #nav a.about-active, #nav a.products-active, #nav a.finishing-active, #nav a.canvases-active, #nav a.ideas-active, #nav a.contact-active {

	background:#f5f5f5;

	color:#d2232a;

}



/* Footer Navigation ============================== */



#subnav {

	list-style-type:none;

	margin:0 0 20px 0;

	border-top:1px solid #bbb;

}



#subnav li {

	border-bottom:1px solid #bbb;

	padding:5px 0;

}



#subnav a, #subnav a:hover, #subnav li.current_page_item a {

	font-size:18px;
	
	color:#d2232a;

}





/* Footer Navigation ============================== */



#footernav {

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

}



#footernav li {

	display:inline;

}



#footernav a {

	color:#aaa;

	text-decoration:none;

	margin:0 0 0 5px;

}



#footernav a:hover, #footernav a.selected {

	color:#777;

}





/* Product Navigation ============================== */



#productnav {

	margin:0 0 20px;

	background-color:#eee;

	padding:5px;

}



.alignleft {

	float:left;

}



.alignright {

	float:right;

}





/* Typography ============================== */



p {

	margin:0 0 10px 0;

}



a {

	color:#d2232a;

	text-decoration:none;

}


h1 a {
	color:#d2232a;
}



h1 a span {
	color:#a4a4a4;
}

h1 {

	text-align:center;

	border-bottom:1px solid #d2232a;

	padding:0 0 5px 0;	/** was padding:0 0 25px 0; **/

	margin:0 0 5px 0;  /** was 	margin:0 0 25px 0; **/

	color:#d2232a;

}



h1 span {

	color:#a4a4a4;

}



h2 {

	font-size:16px;

	font-weight:normal;

	margin:0 0 10px 0;

}



h3, h3 a {

	font-size:12px;

	margin:10px 0;

	color:#2a3243;

	text-decoration:none;

	font-weight:normal;

}



h4 {

	margin:0 0 25px 0;

	color:#d2232a;

	font-size:24px;

}



h5 {

	margin:0 0 5px 0;

	color:#d2232a;

	font-size:18px;

	font-weight:normal;

	line-height:24px;

}



h6.artist {

	margin: -20px 0 25px 0;

	color:#444;

	font-size:17px;

	font-weight:normal;

	line-height:22px;

}



#highlight {

	border:1px solid #d2232a;

	border-width:1px 0;

	padding:10px 0 5px;

	margin:0 0 10px;

}



	.picleft {

		float:left;

		margin:0 20px 0 0;

	}

	

ul {

	margin:0 20px 10px 20px;

}



/* Form Styling ============================== */


#header .newsletter { width:425px; float:right;	padding:25px 25px 0 0; font-size:11px; }
#header .newsletter p { clear:right; font-size:11px; pading:5px 0 0; margin:0; text-align:right; color:#666667 }
#header .newsletter h2.signup { clear:none; float:right; padding:2px 5px 0 0; margin:0px; font-size:14px; color:#d2232a; font-weight:bold;  }
#header .newsletter .email { width:160px; float:right; padding:2px 5px 0; height:18px; }
#header .newsletter .submit { padding:0; margin:0 0 0 3px; float:right; }


.submit {

	padding:0;

	margin:0 0 0 3px;

	float:left;

}


h2.signup {

	float:left;

	padding:2px 5px 0 0;

	font-size:24px;
	
	color:#fff;

}



.email {

	background:#fff url("images/background_submit.jpg") repeat-x;

	font:12px georgia, serif;

	border:1px solid #ccc9c9;

	padding:4px 5px;

	margin:0;

	width:190px;

	float:left;

}



.submit {

	padding:0;

	margin:0 0 0 3px;

	float:left;

}



/* Light Box ========================================= */



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(http://www.thepointofitallonline/wp-content/themes/default/images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(http://www.thepointofitallonline/wp-content/themes/default/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(http://www.thepointofitallonline/wp-content/themes/default/images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: none;

	width: 100%;	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}





/* Browser Adjustments ============================== */



/* ClearFix */



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

    line-height: 0;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

.clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


.buttonrow {
	/**padding-top: 95px;**/
	}