/*
Theme Name: Black Dog Gallery
Theme URI: http://www.blackdoggallery.net/
Version: 1.0
Author: Mark Harris
Author URI: http://www.markmadedesign.com/
*/

/* Global Settings */

a:active { outline: none }
a:focus { -moz-outline-style: none }
.clear { clear: both }
img { border:none }

a, a:visited { color:#900; text-decoration:none }
a:hover { color:#F00; text-decoration:none }

.space { padding:0 7px 0 10px }

body {
	padding: 0;
	margin: 0;
	width: 100%;
	display: table;
	color:#000;
	font-size:15px;
	font-family: 'Habibi', Arial, Helvetica, sans-serif;
	background:url(/images/bg_body.jpg) top left repeat;
	background-color: #8a7b72 ;  /* Actually the Footer repeating background color */
}

#body-wrap { background:url(/images/bg_body-top.png) top left repeat-x; width:100%; height:100px }

#logo { background:url(/images/logo.png) top center no-repeat; width:549px; height:213px; margin:0 auto; }

#main { width:1000px; text-align:center; margin:0 auto; }

#header { background:url(/images/bg_menu.png) top center no-repeat; width:958px; height:98px; margin:-40px auto 0 auto; }

#columns { width:949px; background: url(/images/bg_content2.png) top left repeat-y; padding-bottom:25px; margin:0 25px; display:table }

.content-top { width:949px; height:65px; background: url(/images/bg_content-top.png) top left no-repeat; margin:0 25px }
#content { width:949px; background: url(/images/bg_content.png) top left repeat-y; margin:0 25px; display:table; }
.content-cap { width:949px; height:65px; background: url(/images/bg_content-cap.png) top left no-repeat; margin:0 25px }

/* 
#menu { width:890px; font-weight:300; font-size:16px; color:#000; position:absolute; top:243px; left:30px}
ul.menu-tabs { float:left; list-style-type:none; margin:0; padding:0  }
ul.menu-tabs li { float:left; padding:5px 20px; border-right:1px solid }
ul.menu-tabs li a, ul.menu-tabs li a:visited { color:#000 }
ul.menu-tabs li a:hover { color:#707e97 }
*/


/* General */

.center { text-align:center }
.justify { text-align:justify }

img { border:1px solid #000;
-moz-box-shadow: 0px 3px 8px 0px #666;
-webkit-box-shadow: 0px 3px 8px 0px #666;
box-shadow: 0px 3px 8px 0px #666 }

img.noborder { border:none }

img.alignleft { float:left; margin:0 20px 20px 0px; border:1px solid #000 }
img.alignright { float:right; margin:0 0 20px 20px; border:1px solid #000 }
img.aligncenter { text-align:center; border:1px solid #000 }

img.alignleftPNG { float:left; margin:0 20px 20px 0px; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none  }
img.alignrightPNG { float:right; margin:0 0 20px 20px; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none  }
img.aligncenterPNG { border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none  }

.border { background:url(/images/subtitle-border.png) top center no-repeat; width:769px; height:2px; margin:0 auto; padding:0 }

.border-thin-top { background:url(/images/border-thin-top.jpg) top left repeat-x; height:7px }
.border-thin-bottom { background:url(/images/border-thin-bottom.jpg) top left repeat-x; height:7px; }

.breadcrumbs { padding:5px 0; font-size:14px; text-align:center }

.line-about { background:url(/images/about_linebreak.png) top left repeat-x; height:6px; width:500px }


/* Header Menu Rollovers */

#menu { width:958px; height:98px; position:relative }

#menu .menuHome { position:absolute; left:42px; top:20px;}
#menu a.home { display:block; width:47px; height:51px; background:url(/images/menu_home.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.home { background-position: -47px 0; }

#menu .menuAbout { position:absolute; left:99px; top:26px;}
#menu a.about { display:block; width:83px; height:41px; background:url(/images/menu_about.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.about { background-position: -83px 0; }

#menu .menuAntique { position:absolute; left:189px; top:17px;}
#menu a.antique { display:block; width:110px; height:59px; background:url(/images/menu_antique.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.antique { background-position: -110px 0; }

#menu .menuContemp { position:absolute; left:302px; top:17px;}
#menu a.contemp { display:block; width:157px; height:59px; background:url(/images/menu_contemp.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.contemp { background-position: -157px 0; }

#menu .menuFraming { position:absolute; left:465px; top:26px;}
#menu a.framing { display:block; width:101px; height:41px; background:url(/images/menu_framing.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.framing { background-position: -101px 0; }

#menu .menuFloor { position:absolute; left:571px; top:18px;}
#menu a.floor { display:block; width:91px; height:59px; background:url(/images/menu_floorcloths.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.floor { background-position: -91px 0; }

#menu .menuUnique { position:absolute; left:660px; top:17px;}
#menu a.unique { display:block; width:140px; height:59px; background:url(/images/menu_unique.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.unique { background-position: -140px 0; }

#menu .menuContact { position:absolute; left:811px; top:26px;}
#menu a.contact { display:block; width:108px; height:41px; background:url(/images/menu_contact.png) no-repeat 0 0; overflow:hidden; text-indent: -10000px; }
#menu a:hover.contact { background-position: -108px 0; }

#antique-pos { margin-top:31px; left:-50px }
#contemp-pos { margin-top:31px; left:-27px }
#framing-pos { margin-top:23px; left:-57px }
#floor-pos { margin-top:31px; left:-60px }
#unique-pos { margin-top:31px; left:-30px }


/* Gallery styling */

.gallery-caption { font-size:11px; padding:0 8px; line-height:18px }  /* Gallery Caption */

#gallery-1 {
				width:600px; margin:10px auto 0 auto
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-top: 10px;
				margin-bottom: 0px;
				text-align: center;
				width: 20%;
			}
			#gallery-1 img {
				border:1px solid #000;
			}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}


/* Content */

.title { font-size:30px; padding:10px 0 10px; width:850px; background:url(/images/bg_title.png) top center no-repeat; text-align:center; margin:0 auto }
.subtitle { background:url(/images/subtitle-border.png) top center no-repeat; width:769px; height:47px; font-size:24px; margin:0 auto; padding:19px 0 0 0 }

#content-copy { margin:0 auto; text-align:center; color:#000; position:relative; padding:0 50px; }
.left-copy { text-align:left; margin-bottom:15px; line-height:22px; }
.center-copy { text-align:center; margin-bottom:15px; line-height:22px; }

.flash-bg { border:1px solid #000; width:850px; height:215px; margin:0 auto;
-moz-box-shadow: 0px 3px 8px 0px #999;
-webkit-box-shadow: 0px 3px 8px 0px #999;
box-shadow: 0px 3px 8px 0px #999; }

.left-copy ul { padding-left:0; width:650px; margin:15px 0 50px 0; text-align:left }
.left-copy li { list-style-type:none; padding:0 }
.left-copy li img { margin-bottom:10px }

.section { margin-top:25px }


/* Sidebar */

#sidebar { float:left; width:202px; margin:0 auto; padding:0 15px 0 25px  }
#sidebar #sub-menu ul { padding:0; margin: 10px 0 10px 0 }
#sidebar #sub-menu li { list-style-type:none; display:list-item; padding:8px 0; background:none; font-size:18px; text-align:center; height:auto; margin-right:0 }
#sidebar #sub-menu a, #sidebar #sub-menu a:visited { color:#000; }
#sidebar #sub-menu a:hover { color:#900 }
.sidebar-dog { background:url(/images/sidebar_dog.png) top center no-repeat; width:200px; height:136px;  }

#col-right { float:left; width:650px; padding:0 25px 0 22px; border-left:1px solid #000; }

.title-col { font-size:30px; padding:10px 0 10px; text-align:center; background:url(/images/bg_title-col.png) top center no-repeat; width:650px }
.subtitle-short { background:url(/images/subtitle-border-short.png) top center no-repeat; width:650px; height:47px; font-size:24px; margin:0 auto; padding:19px 0 0 0; text-align:center }

#sidebar .border-thin-bottom { margin-bottom:50px }
ul.featured { padding:0 }
ul.featured li { list-style-type:none; margin-bottom:15px }

p.wp-caption-text { margin:10px auto 25px auto }


/* Home */

.locations { width:925px; margin:0 auto; position:relative }
.location-col { float:left; width:414px; text-align:center; margin:23px 23px 0 23px; }
.locations-line { background:url(/images/locations-line.jpg) top center no-repeat; width:1px; height:459px; float:left }
.locations-line2 { background:url(/images/locations-line2.jpg) 0 0 no-repeat; width:1px; height:850px; float:left; position:absolute; top:0; left:460px }
.location-pic { width:414px; height:312px; margin:23px 0; background:#600;
-moz-box-shadow: 0px 3px 8px 0px #999;
-webkit-box-shadow: 0px 3px 8px 0px #999;
box-shadow: 0px 3px 8px 0px #999; }

.location-title { font-size:18px }
.location-txt { float:left; width:180px; margin:20px; padding-right:20px; border-right:1px solid #333; text-align:center }
.location-hours { float:left; width:160px }
.location-col .border-thin-bottom { margin:0 0 5px 0 }
.location-gallery { margin-left:12px; width:410px }
.location-hours ul { padding:0 }
.location-hours ul li { list-style-type:none; padding:5px; }

.back-top { background:url(/images/border-thin-back.png) top center no-repeat; width:650px; font-size:11px; margin:0 auto; padding-top:10px }

.fb-block { width:600px; margin:0 auto; padding:25px 0 0 200px }
h3.fb-text { float:left; text-align:right }
.fb-icon { float:left; margin-left:25px }

/* Footer */

#footer { width:950px; height:91px; margin:0 auto; font-size:13px; text-align:center; color:#FFF }

.sitemap { padding:30px 0 25px 0 }
.sitemap a, .sitemap a:visited { color:#fff }
.sitemap a:hover { color:#707e97 }

.copyright { padding:13px 0; background:url(/images/footer-border.png) top center no-repeat; width:390px; height:44px; margin:0 auto }