/*   
Theme Name: Joeys Theme
Theme URI: http://hendricksstainedglass.com
Description: Hello ladies and gentlemen and welcome to Joey Bouza's custom theme. This theme is based of off the standard twenty ten theme and is highly customizable and optimized for SEO and advanced plugin support. Enjoy!
Author: Joey Bouza
Author URI: http://joeybouza.com
Version: 1
*/

* { margin: 0; padding: 0;}
html { font-size:15px; font-family:Arial, Helvetica, sans-serif;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
text-align: left;
font-weight: normal; text-shadow:none;}
body {background:white;}
.shadow {	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')}

img {
border:0;}


/* Places a shadow behind an object */

.shadow {	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')}


#social-media {width:292px; height:75px; margin-bottom:16px;}
#page-wrap {width:100%; height:800px; margin:auto; background: white url('images/bg.jpg');}
#actionBar {width:900px; height:32px; padding-top:15px; margin-bottom:45px; color:white; text-align:center; font-weight:bold; background:#000}
#header {width:870px; height:auto; position:relative; margin:auto;}
#logo { background-image:url(images/logo.png); width:414px; height:113px; margin-bottom:5px; background-repeat:no-repeat;}
#call { width:220px; height:10px; position:absolute; right:40px; bottom:75px; text-align:center; font-size:18px; color:#FFF;}
h2 {text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size: 18px;
border-bottom: 1px solid gainsboro;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
text-align: left;
font-weight: normal; text-shadow:none;}
#h1-index {text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size: 14px;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
text-align: left;
font-weight: 600; color:white; float:right;position:absolute; right:80px; bottom:10px;}



#navigation {position:absolute; right:255px; bottom:-37px; width:600px;}

	
.navigation li {
display:inline;

}

.navigation a {
display:block;
font-size:18px;
float:left;
height:30px;
width:120;
margin-left:16px;
text-decoration:none;
background-repeat:no-repeat;
}


/*footer navigation*/
.footer-navigation li {
display:inline;

}

.footer-navigation a {
display:block;
font-size:12px;
float:left;
height:20px;
width:100;
margin-left:16px;
text-decoration:none;
background-repeat:no-repeat;
}

.navigation a:link { color:#FFF;}       /*unvisited link */
.navigation a:visited {color:#FFF;}  /* visited link */
.navigation a:hover { color:#FFF;}  /* mouse over link */
.navigation a:active{ color:#FFF;}  /* selected link */

h2 a:link { color:black;}       /*unvisited link */
h2 a:visited {color:black;}  /* visited link */
h2 a:hover { color:black;}  /* mouse over link */
h2 a:active{ color:black;}  /* selected link */


a:link { color:#0000FF;}       /*unvisited link */
a:visited {color:#0000FF;}  /* visited link */
a:hover { color:#0000A0;}  /* mouse over link */
a:active { color:#0000FF;}  /* selected link */
a {text-decoration:none;}


/*footer navigation*/
.footer-navigation li {
display:inline;

}

.footer-navigation a {
display:block;
font-size:12px;
float:left;
height:20px;
width:100;
margin-left:16px;
text-decoration:none;
background-repeat:no-repeat;
}

.footer-navigation a:link { color:#FFF;}       /*unvisited link */
.footer-navigation a:visited {color:#FFF;}  /* visited link */
.footer-navigation a:hover { color:#FFF;}  /* mouse over link */
.footer-navigation a:active{ color:#FFF;}  /* selected link */
/*end footer navigation*/


	 
#spacer {height:170px; width:500px;}

#searchform {float:right; position:absolute; right:30px; bottom:-28px;} 

#main {width:800px; height:450px; background-color:white; margin:auto;
padding-left:6px; padding-top:7px; margin-top:35px;}

#main-1-pic {width:220px; height:163px; background-image:url("images/main-a-1.jpg"); margin-bottom:10px;}

#main-2-pic {width:220px; height:163px; background-image:url("images/main-a-2.jpg"); margin-bottom:10px;}

#main-3-pic {width:220px; height:163px; background-image:url("images/main-a-3.jpg"); margin-bottom:10px;}

#main-article {width:220px; height:110px; padding:5px; font-size:15px; font-family:Arial, Helvetica, sans-serif;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
text-align: left;
font-weight: normal; text-shadow:none;

}

#container1 {height:300px; width:280px; float:left; margin-right:6px;}

#container2 {height:300px; width:280px; float:left; margin-right:6px;}

#mainBar{height:300px; width:900px; margin-bottom:15px;}

#actionbar2 {height:70px; width:783px; margin-bottom:30px; margin-top:130px;}

.entry{margin-bottom:20px;}




#blog-content {width:100%; height:225px; background-color:#; margin-top:115px; padding-top:15px; background-image:url("#");} 

#blog-post {width:780px; height:205px; color:#000; margin:auto; text-shadow:none;}

/*begin non home page stuff*/

#h1-page {color:black; font-size:22px; margin:0px; padding:0px; font-weight:100; border-bottom: 1px solid gainsboro; border-color:black;
padding: 0 0 2px 0;
margin: 0 0 14px 0;
text-align: left;
font-weight: normal; text-shadow:none;}


/*main div for non home pages*/
#mainA {width:100%; background-color:white; margin:auto;
padding-top:9px; margin-top:35px;}

/*Cols. non home pages*/
#colCenter {width:810px; margin:auto; padding:10px;}


/*footer non home pages*/
#footer {width:100%; height:20px; margin-top:50px; padding-left:10px; padding-top:9px; font-size:10px; background-color:#3e4545; color:white;}

/* header slide show info*/

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:790px; margin:0px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:788px; height:437px; padding:2px;}
#information {position:absolute; bottom:0; width:790px; height:0; color:#fff; overflow:hidden; z-index:200; opacity:.6; filter:alpha(opacity=70); font-size:13px;}
#information h3 {padding:4px 8px 3px; font-size:17px}
#information p {padding:0 8px 8px}
#image {width:790px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
/*#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}*/
/*#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}*/
#thumbnails {height:120px; width:790px; margin-top:25px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222; background-image:url(images/scroll-left.gif);}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat; background-image:url(images/scroll-right.gif);}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:745px; margin-left:1px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}