/* Theme Name: Topanga Art Tile Theme URI: Description: client manager style Author: Phil Cady Author URI: http://frequencygrease.com Template: Version: 1.3 . General comments: This is free for the poaching. . [Table Of Contents] 0- Reset & Layout 1- Global 2- Links 3- Headings 4- Style 5- Navigation 6- Middle 7- Forms 8- Extras 9- Footer */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ @import url('reset.css'); @import url('960_no_margin.css'); /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align:center; } .justify { text-align:justify; } .hide { display: none; } .clear { clear: both; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin:4px 10px 4px 0; } img.alignright { float:right; margin:4px 0 4px 10px; } img, h1 { border:none; behavior:url(iepngfix.htc); } .bumpleft { margin-left:10px;} .bumpright { margin-right:10px;} .bumpdown { position:relative; top:13px;} .bumpdown2 { position:relative; top:3px;} .noborder { border:none; } .floatleft { float:left; } .floatright { float:right; } .relative { position:relative;} .blue { background-color:#1c567a;} .cont_pad { } .mail_link { } /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a:link, a:visited { color: #fff; text-decoration:none; } a:hover { color: #fff; text-decoration:none; } a:active { color: #fff; } /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { font: bold 2em Arial, sans-serif; color:#c2c2c2; } h2 { font: bold 1.5em Arial, sans-serif; color:#c7e2f3; margin:20px 0;} h3 { font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; color:#c2c2c2;} h4 { font: bold 1em Arial, Geneva, Helvetica, sans-serif; } h5 { font: bold 0.9em Arial, Geneva, Helvetica, sans-serif; } h6 { font: bold .75em Verdana, Arial, Helvetica, sans-serif; } /* =4 Style –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .body_current { background-color:#002a52; line-height: 1em; font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top; color: #fff; } .body_home { line-height: 1em; font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top; color: #000; background:#002a52 url(../images/bg_home.jpg) no-repeat center top; } .full_cont { background-color:#1c567a; background:#1C567A url(../images/nav_shadow.png) no-repeat left 57px; padding:0 19px 35px;} .full_cont_proj { background-color:#1c567a; background:#1C567A url(../images/nav_shadow.png) no-repeat left 57px; padding:0 20px 34px 18px;} .full_cont_home { background-color:none;} .subscribe { font-size:14px; margin:26px 0 0 60px; text-align:right;} .btn_home { position:absolute; top:412px; left:0;} .title { margin:0 0 20px;} .large { font-size: 18px; font-weight: bold; } .main_img { margin:0 30px 25px 0; border:3px solid #78a8c7;} .main { margin:25px 42px 0 0; font-size:14px;} .main p, .clean p { line-height:17px; margin:15px 0; } .pricing { margin:25px 30px 0 65px; font-size:14px;} .pricing p { line-height:17px;} .clean { margin:25px 37px 0 65px; font-size:14px;} .sample h1 { background-image:url(../images/Sample_project.jpg); background-repeat:no-repeat; background-position:center; height:35px; } .sample { padding:10px; } .sample p { padding:10px; font-size:1.25em; } .catalog { padding:10px; } .catalog a { color:#85b4d2; } .catalog a:hover { text-decoration:underline; } .catalog h1 { background-image:url(../images/catalog/Catalog.jpg); background-repeat:no-repeat; background-position:center; height:35px; } .catalog p { padding:10px; font-size:1.25em; } p.catsingles{float:left; padding:0 15px 10px 0;} p.catsingles img { display: block; margin: 0px 0px 5px 0px; } h1.catalog_free { background-image:url(../images/Free_Form.png); background-repeat:no-repeat; background-position:center; height:35px; } h1.catalog_floral { background-image:url(../images/catalog/Catalog_Floral-2.jpg); background-repeat:no-repeat; background-position:center; height:35px; } h1.catalog_fish { background-image:url(../images/catalog/Catalog_FishMural.jpg); background-repeat:no-repeat; background-position:center; height:35px; } h1.catalog_artdeco { background-image:url(../images/catalog/Catalog_artdeco.jpg); background-repeat:no-repeat; background-position:center; height:35px; } h1.catalog_geometric { background-image:url(../images/catalog/Catalog_geometric.jpg); background-repeat:no-repeat; background-position:center; height:35px; } h1.catalog_singles { background-image:url(../images/catalog/Catalog_single.jpg); background-repeat:no-repeat; background-position:center; height:35px; } h1.catalog_tile { background-image:url(../images/catalog/Catalog_arttile.jpg); background-repeat:no-repeat; background-position:center; height:35px; } h1.sample_fish { background-image:url(../images/catalog/Catalog_FishMural-04.jpg); background-repeat:no-repeat; background-position:center; height:35px; } img.cat_thumb { margin:8px 4px 4px 4px; float:left; -moz-box-shadow:#000335 2px 2px 5px; -webkit-box-shadow: #000335 2px 2px 5px; } img.art_thumb { height:151px; margin:8px 22px 4px 22px; float:left; -moz-box-shadow:#000335 2px 2px 5px; -webkit-box-shadow: #000335 2px 2px 5px; } .pricing table { color:#1c567a; background-color:#a4bbca; text-align:left;} .pricing table td { padding:5px 15px; font-weight:bold;} .pricing table td.middle { text-align:center;} .pricing table td.right { text-align:right;} .pricing table tr.header { background-color:#edf1f4;} .pricing table tr.odd { background-color:#cad8e0;} .pricing p { margin:0 0 15px 0; } .main .title_img { } .third_col { background:transparent url(../images/bg_news_side.png) no-repeat left top; padding:5px 0 0 19px; min-height:612px; height:auto !important; height:612px; float:right; } .third_col h1 { font-weight:bold; color:#fff; font-size:14px; margin:0 0 15px 0;} .third_col p { margin:15px 0;} .third_col li { margin:10px 0;} .proj_title { margin:0 0 23px 232px; width:335px;} .proj_main_img { float:left; width:147px; display:inline; margin:0 17px 0 0; cursor:pointer;} .proj_name { text-align:center;} .proj_name a { font-weight:bold; color:#85b4d2;} .proj_thumb img { margin:0 4px 0 0} .main_proj { float:left; margin:25px 0 0; width:803px;} .proj_info { float:left; margin:3px 0 0;} .news_img_left { float:left; margin:5px 20px 15px 0;} .news_img_right { float:right; margin:5px 0 15px 30px;} a.more { text-decoration:underline; color:#f1e0b5;} a.more:hover { text-decoration:none;} .yellow_l { color:#F1E0B5; text-decoration:underline;} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #nav_wrap { padding:41px 0 30px; float:left;} #wraphome { padding:35px 0 30px; float:left;} #nav ul { font-size:14px;} #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; /*width: 7em;*/ text-indent:-999em; } #nav li { /* all list items */ float: left; /*width: 7em;*//* width needed or else Opera goes nuts */ padding:0 18px; } #nav li a { padding:0 0 0 6px; height:22px; } #nav li ul li a { height:16px; text-indent:0; font-size:13px; } #nav li ul { /* second-level lists */ position: absolute; background: #e7cd76; width: 90px; left: -999em; /* using left instead of isplay to hide menus because display: none isn't read by screen readers */ margin:0; } #nav li ul li { padding:5px 0; width:90px; margin:5px 0;} #nav li ul li:hover { background-color:#fff; } #nav li ul li a:hover { color:#d4c180;} #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #nav li.current { background:transparent url(../images/icon_nav.png) no-repeat center 15px; height:23px;} #nav li a.first { background:transparent url(../images/sprite_nav.png) no-repeat scroll 7px 1px; width:38px;} #nav li a.second { background:transparent url(../images/sprite_nav.png) no-repeat scroll -65px 1px; width:51px; } #nav li a.third { background:transparent url(../images/sprite_nav.png) no-repeat scroll -152px 1px; width:49px; } #nav li a.fourth { background:transparent url(../images/sprite_nav.png) no-repeat scroll -234px 1px; width:74px; } #nav li a.fifth { background:transparent url(../images/sprite_nav.png) no-repeat scroll -342px 1px; width:64px; } #nav li a.sixth { background:transparent url(../images/sprite_nav.png) no-repeat scroll -435px 1px; width:62px; } /* =6 Middle –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .f_sub { float:left; position:relative; top:14px; padding:0 10px;} .f_sub_field { background:transparent url(../images/icon_search_form.png) no-repeat left top; width:139px; padding:3px 0 9px 7px; height:18px; border:none; float:left; color:#b4ac98;} .s_sub_btn { float:left;} /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ img, div, input, #nav li a, #nav li.current { behavior: url("iepngfix.htc") } /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .footer { margin:30px 0 10px 0; background-color:#1c567a;} .footer_bg { background-color:#1c567a; background:#1C567A url(../images/nav_shadow.png) no-repeat left top; padding:20px 19px;} .footer_bg_home { display:none;} .footer_text { color:#6f9bb6; font-size:11px; text-align:right; margin:22px 0 0;}