/* DanielMacGregorStudios.com Default CSS */
/* Copyright 2009 Daniel MacGregor. All Rights Reserved. */

/* initialization */
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;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-align:left;
}
a img {border:none;}
body {display:block;font-family:Arial, Helvetica, Verdana, Sans-serif; color: #666666; text-align:center; font-size:0.75em; background:url(../images/daniel-macgregor-studios-background.gif) repeat;margin:0px; padding:0;}
#wrapper,#bd,#main,#c1,#c2,#c3,#col1,#col2,#info,#footer {position:relative; display:block;}
#wrapper {width:84em; background-color:#FFFFFF; text-align:left; margin:0px auto;}
#bd {width:84em;}
#c1,#c2,#c3 {float:left; width:28em; height:auto;}
#col1 {width:84em; height:auto;}
#col2 {float:left;width:56em; height:auto;}
#c1,#c2,#c3,#col1,#col2,#footer {padding:0em}
#c1-content, #c2-content, #c3-content {width:28em;}
#col1-content {width:84em;}
#col2-content {width:56em;}

/* Custom Classes 
.clearfix {display: inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} */
.clearfix {clear:both;}
.tag {font-family:Verdana, Geneva, sans-serif; font-size:1.5em; color:#FFF; text-align:center;}
.imagepad {padding: 0.833em;}
.left { float: left; }
.shop #shop a,.events #events a, .galleries #galleries a,.commissions #commissions a,.about #about a, .contact #contact a {color: #1B1A52; font-weight: bold;}
.copyright{font-family:Verdana, Geneva, sans-serif; font-size:0.833em; font-style:normal;}
.d90 {text-align:center; border:dashed thin #CCC; width:22.917em; height:15.25em; padding:0.3em;}
.menu {color: white; font-family: Tahoma; font-size: 8pt; font-weight: bold; border-right: 0.083em solid white; text-decoration: none; background-color: #62A9B5; padding:0.417em;}
.menu:hover {background-color: #A6CED6;}
.hide, .geo {display:none;}
.opt {width:24em; height:2.5em;}
.tl,.tr {width:50px;height:50px;display:block;margin-bottom:-1px;position:absolute;}
.tl {top:0;left:0;background-image: url(../images/top-left.jpg);background-repeat: no-repeat;} 
.tr {top:0;right:0;background-image: url(../images/top-right.jpg);background-repeat: no-repeat;}
.bl,.br {width:40px;height:40px;display:block;margin-top: 0px;position:absolute;}
.bl {bottom:0;left:0;background-image: url(../images/bottom-left.jpg);background-repeat: no-repeat;}
.br {bottom:0;right:0;background-image: url(../images/bottom-right.jpg);background-repeat: no-repeat;}
.ser {height: 2.4em;width: 2.4em;display:block;position:absolute;padding-top:0.2em;}
.ser {bottom:0;left:0;background-image: url(../images/sc.gif);background-repeat: no-repeat;}
.onsale {font-style:oblique; color:#F00;}
.links {color:#F00;	font-style:normal; text-decoration: none;}
.onsale {color: #FF0000;}
.price {color: #0000FF;}
.dark {color: #333333; font-weight: bold;}
.strike {text-decoration:line-through; text-align:center;}
.center {text-align:center;}

  /* header */
  #header{height:12em;position:relative;background-image: url(../images/top.jpg);background-repeat: repeat-x;}
  #logo h1 {position:absolute;top:8px;left:18px;margin:0;padding:0;text-indent:-9999px;width:350px;height:186px;background-image: url(../images/Daniel-MacGregor-Studios-logo.gif);background-repeat: no-repeat;}
  
  /* main navigation */
  #main-nav {position:absolute;height:2.667em;width:744px;top:54px;right:-5px;padding:0;}
  #main-nav ul {margin:0; overflow:auto; padding:0;}
  #main-nav li {float:left; border-bottom: #000 0.083em solid; width:124px;}
  #main-nav li a {display:block;padding:0.667em 1em;text-decoration:none;}
  #main-nav li#shop a {background-color:#1f8495;color:#FFF;}
  #main-nav li#shop a:hover, #main-nav li#shop a:active, #main-nav li#shop a:focus {color:#000;}
  #main-nav li#events a {background-color:#50a74c;color:#FFF;}
  #main-nav li#events a:hover, #main-nav li#events a:active, #main-nav li#events a:focus {color:#000;}
  #main-nav li#galleries a {background-color:#cc5c1f;color:#FFF;}
  #main-nav li#galleries a:hover, #main-nav li#galleries a:active, #main-nav li#galleries a:focus {color:#000;}
  #main-nav li#commissions a {background-color:#cca100;color:#FFF;}
  #main-nav li#commissions a:hover, #main-nav li#commissions a:active, #main-nav li#commissions a:focus {color:#000;}
  #main-nav li#about a {background-color:#30C;color:#FFF;}
  #main-nav li#about a:hover, #main-nav li#about a:active, #main-nav li#about a:focus {color:#000;}
  #main-nav li#contact a {background-color:#C30;color:#FFF;}
  #main-nav li#contact a:hover, #main-nav li#contact a:active, #main-nav li#contact a:focus {color:#000;}

  /* search danielmacgregorstudios.com */
  #search{position:absolute;top:114px;right:0px;height:2.4em;width:23.75em;padding:0.2em 0em 0em 4em;background-image: url(../images/search-bg.gif);background-repeat: repeat-x;}

  /* shop promotion */
  #shop-menu {position:relative;width:84em;height:31.333em;list-style:none;padding:0;margin:0;background-image:url(../images/abstract-art.jpg);background-repeat: no-repeat;}
  #shop-menu span {display:none;position:absolute;}
  #shop-menu a {display:block; text-indent:-8888px;}
  #shop-menu a:hover {width:54em; background-position: top left;}
  #shop-menu a:hover span {display: block;}
  #shop-menu .shop1 {position:absolute;width:28em;height:126px;left:0;top:0;background-image:url(../images/colorful-abstract-art.jpg);background-repeat:no-repeat;}
  #shop-menu .shop1 span {position:absolute;width:56em; height:376px; background: url(../images/abstract-art.jpg) no-repeat; left:28em; top:0;}
  #shop-menu .shop2 {position:absolute;width:28em;height:124px;left:0;top: 126px;background-image: url(../images/modern-landscape-art.jpg);background-repeat: no-repeat;}
  #shop-menu .shop2 span {position:absolute;width:56em; height:376px; background: url(../images/landscape-art.jpg) no-repeat; left:28em; bottom:-126px;}
  #shop-menu .shop3 {position:absolute;width:28em;height:126px;left:0;top: 250px;background-image: url(../images/contemporary-floral-art.jpg);background-repeat: no-repeat;}
  #shop-menu .shop3 span {position:absolute;width:56em; height:376px; background: url(../images/floral-art.jpg) no-repeat; left:28em; bottom:0;}
  
  /* subscribe and tagline */
  #subscriber {float:right; display:block; background-color:#1F8495; height:2.6em; width:23.8em; padding-left:4.1em; padding-top:0.75em;}
  #tagline {float:right; display:block; background-color:#1f8495; height:2.2em; width:37.4em;}
  #tagline h3 {padding:0.4em 9em 0.4em 9em;}
  
  #main {width:84em;} 
  
  /* column 1 */
  #c1-content h2 {margin: 0; padding: 0; padding-bottom:0.833em; color:#DB6D16;}
  #c1-content p {margin: 0; padding: 0; padding-bottom:0.833em; text-align:justify}
  #c1-content .padding {padding: 0em 1.25em 1.25em;}  
  #optional h2 a {padding:0em 2em 0em 2em;}
  #socialnetworks{padding-top:0.833em;}
  #about h2 {text-indent: -9999px; background: url(../images/headers/about.gif) no-repeat; width:188px; height:30px; overflow: auto;}
  #certification {display:block; padding-top:0.833em; text-align:center;}
  #certification p img {padding-right: 0.417em;}
  
  /* column 2 */
  #c2-content h2 {margin:0; padding:0; padding-bottom:0.833em; color:#DB6D16;}
  #c2-content p {margin: 0; padding: 0; padding-bottom:0.833em; text-align:justify}
  #c2-content .padding {padding: 1.25em;}
  #c2-content h4 {text-align:center;}  
  #events h2 {text-indent: -9999px; background: url(../images/headers/upcoming-events.gif) no-repeat; width:188px; height:30px; overflow: auto;}
  #events #cups .summary {color: #00C;}
  #events #cups .date .month {color: #C30; font-size:1.5em}
  #events #cups .date abbr {color:#C30; font-size:1.5em}
  #events #cups h4 {text-align:left;}
  #location{padding-top: 1em;}
  #topics{text-align: left;}
  #ideas {display:block;}
  #ideas h2 {text-indent: -9999px; background: url(../images/headers/painting-ideas.gif) no-repeat; width:188px; height:30px; overflow: auto;}
  #ideas h3 {text-align: center; color: #900; padding-top:.2em;}
  #image {display:block; text-align:center;}
  #d90photo {padding-left: 4.3em; padding-right: 4.3em; padding-top: 2em}
  #events-main {vertical-align:middle}
  
  /* 1-column layout */
  #col-content h2 {margin:0;padding:0;}
  #virtual-gallery {width:84em; height:58.667em; background: url(../images/modern-contemporary-art-gallery.jpg) no-repeat;}
  #paintings {position:absolute; width:280px; height:190px; right:16em; top:9.583em;}
  #search-main {padding:1em;}
  #search-main h2 {margin: 0; padding: 0; padding-bottom:2em; color:#DB6D16;}
  
  /* 2-column layout */
  #col2-content h2 {margin:0; padding:0; padding-bottom:0.833em; color:#DB6D16;}
  #col2-content p {margin: 0; padding: 0; padding-bottom:0.833em; text-align:justify}
  #col2-content .padding {padding: 1.25em;}
  #col2-content h4 {text-align:left;}
  #col2-content ol,ul {list-style-position: inside;}
  #sales-promotion1 ol,ul {list-style-position:inside;}
  
  /* shop item */
  #s1 {position:relative; float:left; width: 56em;}
  #s1-content li {list-style:none;}
  #sl-content img {width:100px;}
  #s1-content ul {position:relative; width:56em; height:800px; margin:auto}
  #s1-content ul li span img {display:none;}
  #s1-content ul li:hover span {position:absolute; top:0; right:100px;}
  #s1-content ul li:hover span img {display:inline; width:600px;}
  
  #s2 {position:relative; float:left; width:28em;}
  #s2-content h2 {padding-top:1em; padding-bottom:1em;}
  #s2-content li {list-style:none; padding-top:0.5em;}
  
  #art-categories {text-align:center;}
  #art-categories strong {text-align:center;}
  #art-categories form {text-align:center;}
  
  /* column 3 */
  #c3-content h2 {margin:0; padding:0; padding-bottom:0.833em; color:#DB6D16;}
  #c3-content p {margin: 0; padding: 0; padding-bottom:0.833em; text-align:justify}
  #c3-content .padding {padding: 1.25em ;}
  #c3-content .padding p a img {}
  #c3-content ol {list-style-position: inside;}
  #commissions h2 {text-indent: -9999px; background: url(../images/headers/art-commissions.gif) no-repeat; width:188px; height:30px; overflow: auto;}
  #contact h2 {text-indent: -9999px; background: url(../images/headers/contact.gif) no-repeat; width:188px; height:30px; overflow: auto;}
  #donations h2 {text-indent: -9999px; background: url(../images/headers/donations.gif) no-repeat; width:188px; height:30px; overflow: auto;}
  #art-categories2 h4 {text-align:center;}
  #art-categories2 h4 form {text-align:center;}
  
  /* footer */
  #footer{height:6em;font-family: Tahoma, Arial, Helvetica, Sans-serif;border-top: 1px dashed #efefef;padding: 1em;line-height: 1.5em;background-position: bottom;
  background-image: url(../images/bottom.jpg);background-repeat: repeat-x;}
  #footer a {text-decoration: none;}
  #footer #alt-nav {float: right;text-align: right;width:41em; padding-top: 1.083em;}
  #footer #copyright{float:right; background-color: #FFF; width:41em;}
  #footnotes {text-indent:-7777px; position:absolute;}

  /* about page */
  #dmphoto{border:1px; border-color:#666; margin:0.5em 1.5em 0.5em 1.5em; float:right;clear:right;}
  #familyphoto{border:1px; border-color:#666; margin:0.5em 1.5em 0.5em 1.5em; float:left;clear:left;}