/* ===== Global ================================================================= */ html {overflow-y: scroll; background-image:url(../img/background.jpg); background-repeat:no-repeat; background-position:top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 2000px; margin-top:0px; height:100%; background-color:#000000;} body {margin: 0; } ::-moz-selection {background: #666; color: #fff; text-shadow: none; } ::selection {background: #666; color: #fff; text-shadow: none; } .wrapper {margin:auto; width:980px; } /* ===== Typography ================================================================= */ .text { font:14px Helvetica, Helvetica Neue, Arial; color:#999; line-height:1.4em; } .text a { font:14px Helvetica, Helvetica Neue, Arial; color:#999; text-decoration:underline; line-height:1.4em; } .text a:hover { font:14px Helvetica, Helvetica Neue, Arial; color:#000; text-decoration:underline; line-height:1.4em; } .text a:visited { font:14px Helvetica, Helvetica Neue, Arial; color:#999; text-decoration:none; line-height:1.4em; } .redtext { font:14px Helvetica, Helvetica Neue, Arial; color:#976463; line-height:1.4em; } .redtext a { font:14px Helvetica, Helvetica Neue, Arial; color:#976463; text-decoration:none; line-height:1.4em; } .redtext a:hover { font:14px Helvetica, Helvetica Neue, Arial; color:#fff; text-decoration:none; line-height:1.4em; } .redtext a:visited { font:14px Helvetica, Helvetica Neue, Arial; color:#976463; text-decoration:none; line-height:1.4em; } li { font:14px Helvetica, Helvetica Neue, Arial; color:#999; line-height:1.4em; } .copytext { font:11px Helvetica, Helvetica Neue, Arial; color:#8e0203; line-height:1.2em; } .copytext a { font:11px Helvetica, Helvetica Neue, Arial; color:#8e0203; text-decoration:none; line-height:1.2em; } .copytext a:hover { font:11px Helvetica, Helvetica Neue, Arial; color:#fff; text-decoration:underline; line-height:1.2em; } .copytext a:visited { font:11px Helvetica, Helvetica Neue, Arial; color:#8e0203; text-decoration:none; line-height:1.2em; } h1 { font:16px Helvetica, Helvetica Neue, Arial; color:#2a6316; font-weight:bold; } h2 {font-size: 20px; color:#CCC;} h3 {font-size: 40px; color:#FFF;} #title, h2, h3 {font-weight:normal;} #title {font-size: 60px; color:white; float:left; } a { color: #00e; } a:visited { color: #551a8b; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul { margin: 1em 0; padding: 0 0 0 40px; color:#999; } /* ===== Layout ================================================================= */ #main {width:980px; } #topcontact {width:200px; margin-top:-50px; margin-left:785px; } #menu {width:702px; height:47px; margin-top:50px; margin-left:60px; z-index:100; } #slider {width:1027px; height:469px; margin-top:-70px; margin-left:-10px; z-index:0; } #centercolumn {width:980px; height:auto; padding-bottom:10px; } #centercolumn2 {width:980px; min-height:1300px; height:auto; padding-bottom:10px; } #leftcolumn {width:480px; height:920px; margin-top:0px; margin-left:7px; float:left; } #rightcolumn {width:480px; height:500px; margin-top:0px; margin-right:-10px; float:right; } #welcomebox {width:480px; height:500px; margin-top:10px; margin-left:0px; } #snapsbox {width:480px; height:320px; margin-top:10px; margin-left:0px; } #contactbox {width:970px; height:500px; margin-top:10px; margin-left:5px; } #aboutbox {width:480px; height:500px; margin-top:10px; margin-left:0px; } #gallerybox {height:auto; margin-left:20px; } #artistbox {width:980px; min-height:300px; height:auto; padding-bottom:25px; } #footer {clear:both; width:100%; height:100px; margin-top:0px; padding-top:25px;} /* ===== Graphics =============================================================== */ #logo {width:446px; height:98px; border:0px; } #phone {width:236px; height:42px; margin-top:-90px; margin-left:760px; border:0px; } #welcomeheader {width:318px; height:34px; margin-top:0px; margin-left:2px; border:0px; } #followheader {width:266px; height:34px; margin-top:20px; margin-left:-3px; padding-bottom:10px; border:0px; } #quicksnapsheader {width:158px; height:34px; margin-top:0px; margin-left:-5px; border:0px; } #quickthumbs {width:145px; height:145px; padding-right:5px; padding-bottom:5px; border:0px; } #contactheader {width:224px; height:34px; margin-top:0px; margin-left:-5px; border:0px; } #hrule {width:982px; height:7px; margin-top:5px; margin-left:2px; padding-bottom:10px; border:0px; } #socialbuttons {width:134px; height:33px; margin-left:424px; border:0px; } #artistsheader {width:219px; height:36px; margin-top:15px; margin-left:380px; border:0px; } #artistthumbs {width:224px; height:308px; padding-right:10px; border:0px; } #pim {width:40px; height:40px; margin-top:0px; margin-left:465px; padding-left:5px; padding-bottom:25px; border:0px; } /* ===== Slider =============================================================== */ .slider {margin:50px auto; height:536px; } /* ===== Drop Down Menu ================================================================= */ .dropmenu li a, .dropmenu li{ float: left; z-index: 100; text-align: center; height:49px; } .dropmenu li{ list-style: none; position: relative; top: 1px; z-index:50; } .dropmenu li > ul, .dropmenu li > div { display: none; position: absolute; left: 0; top: 100%; padding-bottom: 7px; margin-left: 27px; margin-top:0px; } .dropmenu li:hover > ul, .dropmenu li:hover > div{ display: block;margin-bottom:-20px;} /* ===== Bottom Menu ================================================================= */ ul#botnav {font-family:"Arial", Times, serif; font-size:13px; font-weight:bold; margin-top:-12px; margin-left:20px; padding:0; list-style:none; } ul#botnav li {display:block; position:relative; padding-right:1px; border-color:#999; float:left; } #botnav #last {display:block; position:relative; float:left; border-right:none; } li#botnav ul {display:none; } ul#botnav li a {display:block; text-decoration:none; color:#403628; padding:5px 15px 5px 15px; margin-left:0px; white-space: nowrap;} ul#botnav li a:hover {text-decoration:underline; }