/* Name: Description: Author: will rossiter Copyright: Its a FREE template but i would like if you left this notice here :D */ /***Misc Tags***/ * { margin: 0px; padding: 0px; } body { /*background: #cccc99 url(images/bodybgwhite.jpg) repeat-x;*/ background: #FFFFFF url(http://fineartstudioonline.com/skins/warmgreyscale/images/bodybgwhite.jpg) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 15px; color: #000000; text-align: center;} td { padding:9px; text-align:left; } .blog-comment-section-commenter-comments{text-align:left !important; padding-left:10px !important;} .blog-comment-data-thecomment {text-align:left !important;} .blog-comment-label-postcomment-heading {text-align:left !important;} .blog-comment-odd td {text-align:left;} a img{ border: 0px;} a { text-decoration: underline; color:#0083B3;} a:hover { color: #9B1617; } a:visited:hover { color: #9B1617; } a:visited { color: #0083B3; } .matte { width:200px; align: center; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#707070; font-face:verdana; fo } .shadow { width:200px; padding-left:20px; padding-bottom:20px; filter:shadow (color:silver); } .hidden { text-indent: -9000px; background: inherit;} /***Header/logo tags***/ #header { width: 850px; margin: 0 auto; height: 100px; border-top: 1px solid #000;} #logo { float: left; margin-left:4px; margin-top: 5px; width: 250px;} #bug { float: left; margin-left: 15px; margin-top: -7px; width: 100;} #logo h1,#logo h2 { font-weight:400; letter-spacing:-2px; } #logo h1 { font-size:1.3em; color: #FFFFFF; letter-spacing:+1px; font-weight:bold; } #logo h2 { font-size:1.3em; color: #FFFFFF; letter-spacing:+1px; font-weight:bold; } .faso_content { text-align:left; width:800px; } div#header div#account-bar { /*background: transparent url(images/navi_bars_short.png) 0 0 repeat-x;*/ width: 397px; height: 25px; overflow: hidden; position: absolute; top: 0; left: 50%; font-family:verdana; font-variant:small-caps; font-size:.8em; color:#F2F2C5; margin-top:5px; /*margin-left: -374px;*/ } #account-bar a { text-decoration: none; color:#f2f2c5;} #account-bar a:hover { color: #F2F2C5; text-decoration:underline; } #account-bar a:visited:hover { color: #F2F2C5; } #account-bar a:visited { color: #F2F2C5; } /***Top Navigation - try not to findle this took me a while to work out and get right***/ #topnav { margin-top:53px; margin-left: 100px} #topnav a{ display: block; float: left; text-align: center; font-variant:small-caps; width: 95px; height: 35px; line-height: 35px; text-decoration: none; color: #cccc99; font-weight:bold; font-size: 13px; background-image:url(http://fineartstudioonline.com/skins/warmgreyscale/images/tab.gif); background-position:top left; background-repeat:no-repeat;} #topnav a:hover { background-image:url(http://fineartstudioonline.com/skins/warmgreyscale/images/tab.gif); color: #434338; background-position:bottom left; background-repeat:no-repeat;} #topnav .active { background-image:url(http://fineartstudioonline.com/skins/warmgreyscale/images/tab.gif); color: #265e15; background-position:bottom left; background-repeat:no-repeat;} #topnav .red { background-image:url(http://fineartstudioonline.com/skins/warmgreyscale/images/tabred.gif); color: #FFFFFF; background-position:bottom left; background-repeat:no-repeat;} #container { width: 760px; margin-left: auto; margin-right: auto; height:100%; } #subnav { text-align: center; font-family: Verdana; font-weight:bold; font-size: 13px; font-variant: small-caps; /*font-weight: bold;*/ /* width: 655px;*/ padding-bottom: 5px; padding-top: 0px; background-color:#d8d8b2; height:15px; } #widebar { float: left; width:300px; padding: 1px 0 0px; margin: 0; margin-bottom:100px; margin-right:20px; background-color:#ffffff; /*height:400px;*/ } #sidebar { float: left; width:190px; padding: 1px 0 0px; margin: 0; margin-bottom:100px; /*background-color:#FFFFFF;*/ height:400px; } #sidebar li { display: block; margin: 0 1px; padding: 0; /*border-bottom: 1px solid #DBDDDF;*/ font-size: .9em; line-height: 1.2em; } #sidebar li a { padding: 9px 5px 8px 15px; font-weight: bold; text-decoration: underline; display: block; } /***MAIN CONTENT (WHITE) AREA***/ #tagline { text-align: center; /*background-color:#ffffff;*/ font-family:"Trebuchet MS",Georgia,Arial,Tahoma; font-weight:bold; font-size: 1.6em; margin-top:-25px; height:30px; padding-top:15px; color:#9B1617; } #content { clear: both; text-align: left; width: 655px; margin: 20px auto 0 auto; padding: 5px; background-color:#ffffff; height:auto; min-height:400px; } #main { float: right; width: 440px; padding: 15px 0 20px; height:100%; } #content h1{ /*padding-left: 8px;*/ font-size: 1.4em; font-family:"Trebuchet MS",Georgia,Arial,Tahoma; margin-bottom: 0px; /* font-variant:small-caps;*/ color: #265e15;} #content h2{ font-size: 1em; line-height:1.5em; color: #434338; font-family:Arial,"Trebuchet MS",times,"Lucia Grande",arial; font-weight:bold; } #content h3{ /*padding-left: 8px;*/ } #content p { /*padding-left:8px;*/ font-size: .9em; line-height:1.5em; color: #434338; font-family:"Trebuchet MS",times,"Lucia Grande",arial; /*font-family: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ } #caption { /*padding-left:8px;*/ font-size: .9em; font-style: italic; line-height:1.2em; color: #434338; font-family:"Trebuchet MS",times,"Lucia Grande",arial; /*font-family: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ } #content td { /*padding-left:8px;*/ font-size: 1em; line-height:1.5em; color: #434338; font-family:"Trebuchet MS",times,"Lucia Grande",arial; /*font-family: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ } #content li { margin-left:20px; font-size: 1em; line-height:1.2em; color: #434338; font-family:"Trebuchet MS",times,"Lucia Grande",arial; /*font-family: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ } #content li a{ color: #324A97;} #content li a:hover { color: #324A97; text-decoration:underline; } #lead { /*padding-left:8px;*/ font-size: 1.2em; line-height:1.8em; color: #434338; font-family:"Trebuchet MS",times,"Lucia Grande",arial; /*font-family: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ } #highlight { background-color:#C3D9FF; /*padding-left:8px;*/ font-size: 1.2em; line-height:1.8em; color: #434338; font-family:"Trebuchet MS",times,"Lucia Grande",arial; /*font-family: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ } #content p a{ color: #324A97;} #content p a:hover { color: #324A97; text-decoration:underline; } #content img { border: 1px solid #999999; margin-right: 20px; } #content blockquote { margin: 15px; margin-bottom:25px; border: 1px solid #b0b0b0; padding: 10px; width: 500px; background: #f4f4f4; font-size: 0.8em; font-family: Courier, "Lucidia Console", "Times New Roman", sans-serif; color: #a0a0a0;} #content bigblockquote { margin: 15px; border: 1px solid #b0b0b0; padding: 20px; width: 500px; background: #f4f4f4; font-size: 1.2em; font-family:'Trebuchet MS',arial; line-height:2.5em; color: #000000;} #content abbr { border-bottom: 1px dotted #8f8f8f;} /***Random stuff Area***/ #latest { width: 100%; /*background: #333333 url(images/bg2.png) repeat-x;*/ background-color:#434338; font-size: 0.7em; padding-top: 100px; border-top:30px; border-left:0px; border-right:0px; border-bottom:0px; border-color:#ffffff; border-style:solid; } #container2 { clear: both; background: #434338; text-align: left; width: 650px; color: #fff; margin: 0 auto;} #container2 h3{ font-size: 1.2em; text-transform: uppercase; margin-left: 10px; letter-spacing:-1px; margin-bottom: 10px; color: #cccc99;} .name { color: #c0c0c0; } .blocklinks { width: 320px; float: left; background: #434338;} .blocklinks a.link { display: block; padding: 10px; background: inherit; color: #cccc99; border-top: 1px dotted #a0a0a0; } .blocklinks a:hover.link { color: #cccc99; background: #434338; border-top: 1px dotted #a0a0a0; } #articles { width: 320px; float: right; background: #434338;} /***FOOTER***/ #footer_nav { width: 100%; clear: both; text-align: center; background: #434338; font-size: 1em; margin-top:-90px; margin-bottom:40px; color: #cccc99;} #footer_nav a { color:#cccc99; } #footer { width: 100%; clear: both; text-align: center; background: #434338; font-size: 0.9em; margin-top: 80px; color: #cccc99;} #footer a { color: #cccc99; } /*ABOUT*/ .about-section-about { width:100%; } .about-section-bio { vertical-align:top; } .about-image-biopicture1 { float: left; margin: 10px; } /*OTHER1*/ .other1-data-other1picture { float: left; margin: 10px; } /*OTHER2*/ .other2-data-other2picture { float: left; margin: 10px; } /*BOOKS*/ #books-data-title { margin-bottom:0px; } .books-section-book { border-bottom:1px solid #800000; } /*EVENTS*/ #events-data-name{ margin-bottom:0px; } .events-section-event { padding-bottom:10px; border-bottom:1px solid #800000; } #events-data-description { padding-top:10px; } #events-section-footer { margin-top:15px; } /*PAST EVENTS*/ #pastevents-data-name{ margin-bottom:0px; } .pastevents-section-event { padding-bottom:10px; border-bottom:1px solid #800000; } #pastevents-data-description { padding-top:10px; } #pastevents-section-footer { margin-top:15px; } /*WORKSHOPS*/ #workshops-data-title{ margin-bottom:0px; } .workshops-section-workshop { padding-bottom:10px; border-bottom:1px solid #800000; } #workshops-data-description { padding-top:10px; } #workshops-section-footer { margin-top:15px; } /*GALLERIES*/ .galleries-section-gallery { border-bottom:1px solid #800000; padding-bottom:10px; } .galleries-data-gallery a{ color:#999999; text-decoration:none; } .galleries-data-gallery a:hover{ color:#999999; text-decoration:underline; } /*WORKS*/ .works-section-thumbnails { width:100%; display:table; } .works-section-thumbnails tr { width:100%; display:table-row; } .works-section-thumbnail-row { display:table-cell; width:100%; } .works-section-thumbnail-item { display:table; width:140px; height:140px; vertical-align:center; } .works-section-thumbnail-item tr { display:table-row; width:100%; height:100%; margin:auto; vertical-align:center; } .works-section-thumbnail-item-td { display:table-cell; margin:auto; vertical-align:center; text-align:center; overflow:hidden; width:100%; height:100%; border:1px solid #800000; } .works-section-item-spacer { width:8px; } .works-section-row-spacer { height:8px; } .works-section-thumbnail-row { } .works-section-footer { margin-top:20px; } /*WORKSDETAIL*/ .worksdetail-section-worksdetail { width:100%; } .worksdetail-section-artwork {width:100%;} .worksdetail-section-artwork-image { text-align:center; } .worksdetail-section-nav { width:100%; } .worksdetail-section-nav-next { text-align:right; width:50%; border:1px solid #000000; } .worksdetail-section-nav-previous { width:50%; border:1px solid #000000; } .worksdetail-section-buynow { width:100%; text-align:center; } .worksdetail-section-data { text-align:center; } /*COLLECTIONS*/ .collection-section-header { margin-bottom:15px; } .collections-section-collection { border:1px solid #800000; width:100%; margin-bottom:15px; } .collections-section-image{ display:table-cell; float:left; margin:0px auto; text-align:center; padding:15px; } .minwidth-collections-section-image { width:330px; } .collections-section-data{ display:table-cell; width:50%; padding:15px; padding:15px; vertical-align:top; text-align:left; } .collection-link-collectionpicture { } .collections-image-collectionpicture { } .collections-link-image { margin:0px; padding:0px; } /*CART*/ .cart-section-page { padding:0px; margin:0px; background-color:#B3AB9B; } .cart-section-header { background-color:#333333; color:#666666; padding-left:10px; width:100%; } .cart-section-title { background-color:#E6E6D4; width:750px; margin-top:10px; border:1px solid #800000; } .cart-section-cart { background-color:#E6E6D4; margin-top:10px; border:1px solid #800000; width:750px; } .cart-section-items { width:90%; margin-top:15px; margin-left:15px; } .cart-label-cart-header { height:50px; } .cart-section-row-empty { margin-top:20px; width:100%; } .cart-section-empty { text-align:center; font-family:arial; font-size:18px; } .cart-link-continue-shopping { margin-top:20px; padding:5px; background-color:#c5c5c5; color:#333333; font-family:arial; font-weight:bold; border:1px #333333 solid; display:block; } .cart-section-item-row { width:100%; margin-bottom:20px; padding-top:10px; border-top:1px solid #800000; } .cart-section-item-row-image { border:1px solid #800000; width:64px; height:66px; } .cart-section-item-row-description { padding-left:20px; vertical-align:top; width:500px; } .cart-data-item-description { font-weight:bold; } .cart-section-item-row-price { text-align:right; } .cart-section-checkout { width:90%; margin-top:15px; margin-left:15px; } .cart-section-checkout-row { width:100%; margin-bottom:20px; padding-top:10px; border-top:1px solid #800000; } .cart-section-checkout-row-image { width:64px; height:66px; } .cart-section-checkout-row-description { padding-left:20px; vertical-align:top; width:400px; } .cart-section-checkout-row-totals { text-align:right; } .cart-section-button-checkout { margin-top:20px; text-align:right; } .cart-button-checkout { font-family:arial; font-weight:bold; color:#333333; background-color: #99CC22; padding:10px; border:1px solid #DDff66; } .cart-button-checkout:hover { color:#FFFFFF; } /*BLOG FRONT PAGE*/ .blogfront-section-post { width:100%; border-bottom:1px solid #800000; margin-bottom:15px; padding-bottom:15px; overflow:hidden; text-align:left; color:#080000; } .blogfront-section-byline { width:100%; margin-bottom:10px; } .blogfront-label-comment-count { float:right; } .blogfront-section-image { float:left; margin: 10px 10px 10px 0px; } .blogfront-data-entry-text { margin-bottom:15px; } /*BLOG POST*/ .blog-section-post { width:100%; margin-bottom:15px; text-align:left; } .blog-section-options { background-color:#DDDDDD; padding:10px; } .blog-section-topics { margin-top:15px; text-align:right; width:100%; } .blog-section-byline { width:100%; margin-bottom:10px; } .blog-post-label-comment-count { float:right; } .blog-section-image { float:left; margin: 10px 10px 10px 0px; } .blog-data-entry-text { color:#080000; font-family:Georgia; font-size:17px; line-height:25px; } .blog-data-entry-text p { margin:0;padding:0; color:#080000; font-family:Georgia; font-size:17px; line-height:25px; } .blog-section-bloglinks { width:100%; text-align:center; } .blog-data-byline-author { font-weight:bold; } /*EMAIL NEWSLETTER*/ .en-input-email { border: #800000 1px solid; padding: 5px; } .en-radio-subscribe { border: #800000 1px solid; padding: 5px; } .en-section-info { background-color:#DDDDDD; border:1px solid #800000; margin-bottom:15px; padding:15px; } .en-section-subscribe-form { background-color:#DDDDDD; border:1px solid #800000; margin-left:auto; margin-right:auto; text-align:center; padding-top:15px; } .en-subscribe-form-label { width:100px; text-align:right; } .nav ul li.head-search { float:right; padding-top:5px; } .head-search-input { border:1px solid #ccc; background: url(../images/search-ico.png) no-repeat 5px center; padding:5px 5px 5px 25px; height:15px; width:170px; float:left; } .head-search-btn { float:right; width:55px; height:26px; border:0; cursor:pointer; margin:0 0 0 5px; background: #4dade4; color:#fff; font-size:14px; } /* Search box */ .search-box { float:right; width:310px; height:30px; background:#f5f5f5; padding:10px; margin-left:50px; margin-bottom:40px; } .blog-section-post {margin-top:20px;} h2 {margin-bottom:10px;font-family:arial;font-size:22px;30px;} blockquote {margin-left:25px;background-color:#E6E6D4;padding:25px;font-family:Georgia,"Times New Roman";font-size:16px;font-color:#333333;} .blog-data-entry-text {font-family:Georgia;font-size:15px;line-height:21px;}