/* Theme Name: GIACINI ATELIER Theme URI: http://www.giaciniatelier.com/ Description: Another fine template built for WordPress by Jared Ritchey. Version: 2.8.4 Author: Jared Ritchey Design Author URI: http://www.JaredRitchey.com/ Tags: Admin Panel, Options Panel, Fixed Width, CSS Grid Theme, Meyers RESET, Multi Widget, Custom Navigation, Commercial This theme was designed - developed using the Rapid Template Design Kit. License: This theme is a custom commercial product for use by "" http://www.clientsite-url.com/license/ #### HOW THIS CSS FILE IS STRUCTURED #### @ This CSS File is based on the guides project at http://www.jaredritchey.com/xhtml-css-standards/ "See Rules of Specificity and Guides" @ The CSS is organized by .selector, #selector{position, size, margin, padding, background, alignment, color, font, all else} @ For WordPress, the theme hierarchy was followed for styling individual template files as you can see they are identified below. @ 1) Basic Element Typography Styling @ 2) Image Styling @ 3) Template Layout Styling @ 3a) Area Specific Typography @ 4) Navigation Elements @ 5) WordPress Hierarchy @ 5a) Area Specific Typography #### Compressed CSS Structure Guide #### */ body{font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif; background: #d9d7cd url(images/background.jpg); text-align:center; color:#333; font-size:62.5%;} /*html>body selectorname{}*/ /* (1)=-=-=-[Basic Element Typography]-=-=-=*/ p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset{} a{text-decoration: none; font-size:12px; font-weight:bold;} a:hover{text-decoration: none;} a:visited{} p{font-size:12px; text-align:justify; color:#000; line-height:150%; margin:16px 0px;} p.blockstyle{margin: 18px 60px 18px 60px; line-height:20px; text-align:justify; font-size:12px;} p.notice{} p.emphasis{} p,ul,ol{} hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0} strong{font-weight:700;} /*--// [List Elements] */ li ul,li ol{margin: 0;} ul{margin:16px 0px 24px 0px; list-style-type:square; font-size:12px; padding:0px 0px 0px 74px;} #maincolumn ul.shoppingbuddy{list-style-type:square; padding:0px !Important; margin-top:0px;} table#canvastote ul{padding-left:28px;} ol{list-style: outside decimal;} li{margin-bottom:8px;} dl{} dd{padding-left: 1.5em;} p.h4{margin: 0px 60px 24px 60px; line-height:20px; text-align:justify; font-size:19px;} /*--// [Header Tag Elements] */ h1{font-size:25px} h2{font-size:23px} h3{font-size:16px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} blockquote{padding: 0 1.5em;} pre{} address,cite,em,i,caption,dfn,var{font-style: italic;} tt,code,kbd,samp{font-size: 1em;} cite{} abbr,acronym{border-bottom: 1px dotted; cursor: help;} del{text-decoration: line-through;} ins{text-decoration: overline;} sub{font-size: .834em; line-height: 1em; vertical-align: sub;} sup{font-size: .834em; line-height: 1em; vertical-align: super;} .centered{margin-left:auto; margin-right:auto;} /*--// [XHTML Table Elements] */ table{border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;} #presstable td{text-align:center;} #presstable span.pressdetail{display:block; font-size:11px; line-height:14px; margin:6px 0px 30px 0px; font-weight:bold;} #presstable span.pressdetail a{color:#333; text-decoration:underline;} #presstable img{border:1px solid #ccc;} caption{text-align: left;} thead{} th, td{padding: .25em .5em;} tbody td, tbody th{} tfoot{} /*--// [Forms and Fieldset Elements] */ fieldset{clear: both;} fieldset legend{padding: 0 0 1.5em; font-size: 1em;} legend{padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;} form .field, form .buttons{clear: both; margin: 0 0 1.5em;} form .field label{display: block;} form ul.fields li{list-style-type: none; margin: 0;} form ul.inline li, form ul.inline label{display: inline;} form ul.inline li{padding: 0 .75em 0 0;} label, button, input.submit, input.image{cursor: pointer;} input.radio, input.checkbox{vertical-align: top;} textarea{overflow: auto;} input.text, input.password, textarea, select{margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;} input.text, input.password, textarea{border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px;} /* (2)=-=-=-[Image Styles - Used in TinyMCE Editor WordPress]-=-=-=*/ img.aligncenter{display:block; margin-left:auto; margin-right:auto; border:1px solid #ccc !Important;} img.alignright{padding:0px; border:1px solid #ccc; float:right; margin:0px 0px 12px 12px;} img.alignleft{padding:0px; border:1px solid #ccc; float:left; margin:0px 6px 12px 0px;} img, img a{border:none;} img.noborder{border:none !Important;} div.thecaptions{margin-top:50px;} div.wp-caption{padding:0px; display:inline-block; float:left; margin-right:20px; margin-bottom:10px;} p.wp-caption-text{margin:5px 0 0 0 !Important; line-height:14px !Important; font-size:11px; font-style:italic; color:#666; text-align:left !Important;} #lgpostpage p.wp-caption-text{margin:5px 0 0 0 !Important; line-height:14px !Important; font-size:12px; font-style:normal; font-weight:bold; color:#666; text-align:center !Important;} /* (3)=-=-=-[Template Layout]-=-=-=*/ #maxouter{width:100%;} #pagewrapper{position:relative; width:960px; text-align:left; margin-left: auto; margin-right: auto; margin-top:40px; margin-bottom:40px; border: 1px solid #CBC5BB; background:#fff;} #designheader, #bagheader{position:relative; height:150px; width:960px; z-index:94; padding-top:1px; border-bottom:1px solid #ccc;} #bagheader{background: url(images/hdr.jpg) no-repeat;} #designheader{background: url(images/hdrd.jpg) no-repeat;} #thelogo{position:relative; margin:8px 0px 0px 8px;} #mainlink{position:absolute; top:60px; left:170px; width:200px; height:50px; z-index:96;} #contentwrapper{position:relative; z-index:90; width:960px; background:#fff;} #contentarea{width:960px; margin-left:0px;} #leftcolumn{position:relative; width:180px; float:left; background: #edeadb url(images/leftcolumn.jpg) bottom left no-repeat; border-right: 1px solid #CBC5BB;} #leftcolumn .paddingelement{padding:0px 1px;} /* #leftcolumn .widgetwrapper ul{padding:0; margin:0;} #leftcolumn .widgetwrapper ul li{font-size:12px;} */ /*for the accordian jquery menu*/ div.accordion{cursor: pointer; width:178px;} #leftcolumn .widgetwrapper h3.menutitle{margin:0px; height:30px; line-height:30px; display:block; text-align: right; padding-right:20px; font-size:11px !Important; text-transform:uppercase; color:#333; background:#edeadb; border-bottom:1px solid #fff; font-weight:normal;} #leftcolumn .widgetwrapper h3.menutitle a{text-decoration:none;} #navx ul{list-style-type:none; display:block; padding:0px; margin:0px; width:180px; text-align:right; border-bottom:1px solid #fff; background:#dcd8bb;} #navx ul li{height:18px; padding-right:20px; line-height:24px;} #navx ul li a{font-size:11px; color:#333;} #navx h2{display:block; text-align:center; font-size:14px; height:48px; background:#edeadb; font-weight:bold; line-height:48px; border-top:1px solid #fff; border-bottom:1px solid #fff;} #navx h2 a, #navx h3 a{color:#333;} #navx h3 a{font-weight:normal;} /* (3a)--// Typography Styling */ #maincolumn{position: relative; width:774px; float: right; display:inline;} table#maintables{margin:20px auto;} #maincolumn a{color:#d14e38; font-family:Arial, Helvetica, sans-serif;} #maincolumn a:hover{color:#cc6600; text-decoration:underline;} #maincolumn h1{color:#c7361e; font-size:24px; font-weight:400; padding:30px 0 20px 0; margin:0;} #maincolumn h2{color:#333; font-size:16px; display:block; font-weight:700; text-align:center; margin:30px 0px 30px 0px;} #maincolumn h2.dottedline{text-align:left; border-bottom: 1px dotted #ccc; padding-bottom:8px; margin-bottom:12px;} #maincolumn h3{text-align:center; margin-bottom:20px;} #maincolumn h2.dark{font-family:Arial, Georgia, Verdana, Helvetica;color:#2e2d2d;padding-top:5px} #maincolumn h3.left{text-align:left; margin: 0px 0px 20px 60px;} #maincolumn div.fixedwidth{width:622px; margin-top:20px;} #maincolumn h2.headline{font-size:22px; color:#990000; line-height:25px;} #maincolumn h2.headline2{font-size:16px; color:#990000; line-height:22px;} /* Used on the about us page */ #maincolumn #contentleft{width:295px; float:left; padding:0px 8px;} #maincolumn #contentright{width:295px; float:right; display:inline-table; padding:0px 8px;} #contentleft p, #contentright p{line-height:150%; margin-bottom:16px; text-align:justify;} #contentleft h3{font-weight:normal; text-align:left; font-size:16px;} /* For Styling the Next Previous Project Links */ #prevproject a, #nextproject a{color:#333; line-height:20px; font-weight:normal;} #prevproject, #nextproject{position:relative; display:block; width:140px; height:20px;} #prevproject{float:left;} #nextproject{float:right; text-align:right;} #maincolumnwide{position: relative; width:960px; background: url(images/homepage.jpg) top left repeat-y;} #leftsidehome{position:relative; width:480px; float:left;} #leftsidehome p{position:absolute; width:240px; height:106px; top:150px; left:120px;} #rightsidehome{position:relative; width:476px; display:inline; float:right;} #rightsidehome p{position:absolute; width:300px; height:106px; top:150px; right:90px;} /*Wholesale Block*/ #wholesale{border:1px dotted #333; padding:5px; margin:5px 5px 5px 36px; width:550px;} #wholesale div.wholesaleinner{background:#e5e4c8; width:550px; height:210px; margin-top:1px;} #wholesale p{margin:0px; text-align:center;} #wholesale h4{text-align:center; text-transform:uppercase; margin:34px 0px 16px 0px;} div.wholesaleleft{float:left; width:396px;} div.wholesaleright{float:right; display:inline; width:152px;} div#footerarea{position:relative; height:30px; clear:both; text-align:center; width:960px; border-top:1px solid #ccc;} div#footerpadding{padding:0px;} p.copyright, p.copyrighthome, p.footerlinks{height:20px; display:block; color:#666; padding:0; margin:0px;} p.copyright{position:absolute; width:300px;right:14px; top:6px; text-align:right;} p.copyrighthome{position:relative; text-align:center; height:20px; padding-top:6px;} p.footerlinks{position:absolute; width:300px;left:10px; top:6px;} /*=-=-=-[ModuleBox Styling Here]-=-=-=*/ .modulebox{border: 1px solid #666; margin-bottom:12px; padding:3px;} /*=-=-=-[Image Fade Feature]-=-=-=*/ div.fadehover{position:relative;} img.a{position:absolute; top:0; left:0; z-index:110;} img.b{position:absolute; top:0; left:0;} /* (4)=-=-=-[Top Menu Styling Here]-=-=-=*/ ul#mc_menu_1{list-style-image:none; list-style-type:none; text-align:center; padding:0px; margin:0px;} ul#mc_menu_1 li{display:inline; float:left;} ul#mc_menu_1 li#selected a{color:#EBD58E;} ul#mc_menu_1 li a{color:#ECE3C6; display:block; font-size:16px; height:52px; line-height:48px; font-weight:bold; margin:0; padding: 0px 7px; text-decoration:none;} ul#mc_menu_1 li a:hover{color:#9DD114;} /* (4)=-=-=-[ Main Menu Styling Here ]-=-=-=*/ ul#mc_menu_2{margin:0px; padding:0px; list-style:none;} ul#mc_menu_2 a{text-decoration:none;} ul#mc_menu_2 a, ul#mc_menu_2 a:visited{background: url(images/navlink.jpg) left no-repeat; color:#fff; display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:9px 17px 9px 15px} ul#mc_menu_2 a:hover{background:#d8b66e url(images/navlink.jpg) left no-repeat; color:#333; margin:0px; padding:9px 17px 9px 15px; text-decoration:none} ul#mc_menu_2 li{float:left; margin:0px; padding:0px;} ul#mc_menu_2 li ul{position:absolute; width:10em; left:-999em;} ul#mc_menu_2 li li{float:left; margin:0px !Important; padding:0px !Important; width:150px;} ul#mc_menu_2 li li a, ul#mc_menu_2 li li a:link, #mc_menu_2 li li a:visited{color:#7d7b6c; background:#deded4; width:150px; float:none; text-transform:none; margin:0px; padding:8px 10px 8px 10px; border-bottom:1px solid #333; border-left:1px solid #588da2; border-right:1px solid #588da2;} ul#mc_menu_2 li li a:hover, ul#mc_menu_2 li li a:active{background:#f5f5f5; padding:8px 10px 8px 10px} ul#mc_menu_2 li:hover ul{left:auto; display:block; color:#fff;} ul#mc_menu_2 li:hover ul, ul#mc_menu_2 li.sfhover ul{left:auto} /*=-=-=-// // (5) Begin the WordPress Hierarchy Styling // In this area I list the name of the template hierarchy file //=-=-=-*/ /*=-=-=-[WP sidebar.php]-=-=-=*/ #sidebar{} /*=-=-=-[WP index.php or blog.tpl.php]-=-=-=*/ .article{padding-right:1px;} /*
*/ span.wpreadmore{} /* Read the full article */ a.more-link{} .post{} .post-ID{}/*
*/ /*=-=-=-[WP archives.php]-=-=-=*/ #archivepage{} /*=-=-=-[WP attachment.php]-=-=-=*/ #attachmentpage{} /*=-=-=-[WP author.php]-=-=-=*/ #authorpage{} /*=-=-=-[WP category.php]-=-=-=*/ #categoryepage{} /*=-=-=-[WP page.php]-=-=-=*/ #postpage{padding:30px 60px;} #lgpostpage{padding:30px 30px;} table#thebags{} ul.bagfeatures{margin-top:32px; list-style-type:square; font-size:12px; padding:0px; width:250px;} ul.bagfeatures li{margin-bottom:4px;} h3.bagtitle{display:block; text-align:center; text-transform:uppercase; font-size:12px; font-weight:700; margin:16px 0px 8px 0px;} span.dimensions, span.stylecode{font-style:italic; font-size:12px; display:block; text-align:center; margin:8px 0px;} h3.bagtitle-left{display:block; text-align:left; text-transform:uppercase; font-size:12px; font-weight:700; margin:16px 0px 8px 0px;} span.dimensions-left, span.stylecode{font-style:italic; font-size:12px; display:block; text-align:left; margin:8px 0px;} td.valignspecial{vertical-align:middle;} /*=-=-=-[WP single.php]-=-=-=*/ #blogsingle{} /*=-=-=-[WP 404.php]-=-=-=*/ #errorpage{} /*-=-=-=[ Styling comments.php ]=-=-=-*/ #comments{width:580px; margin:10px 0px 0px 10px;} #comments p{margin: 5px 0px; padding:5px;} #comments > div{border:1px solid #eee; margin-top:8px;} .notice{position:relative; height:40px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin: 8px 0px;} .commentmetadata{height:24px; display:block; border-bottom:1px solid #333; line-height:24px;} .commentmetadata, .commentmetadata a{color:#333; text-transform:uppercase;} .alt{background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} /*=-=-=-[WordPress Calendar Styling - WordPress Calendar is a TABLE -- Mapping Jared Ritchey]-=-=-=*/ #wp-calendar{width:200px} /* The WordPress table ID is wp-calendar */ #wp-calendar caption{font-weight:bold; color: purple; text-align:left;} /*The caption tag describes the nature of the table.*/ #wp-calendar colgroup{} /*tag creates and defines an explicit column group in a table*/ #wp-calendar col{}/*tag defines and controls the appearance of a column within a column group*/ #wp-calendar th{background: orange;} /* The element defines table header cells. */ #wp-calendar tr{} /* defines the table row */ #wp-calendar td{border:1px solid #ccc; color:#369; font-weight:bold;} /* The element defines table cells. */ #wp-calendar thead{background:#CCCCCC;} /* The element defines the rows that are part of the head of the table. */ #wp-calendar tfoot{background:#000;} /* The element defines the rows that are part of the foot of the table. */ #wp-calendar tbody{background:#f5f5f5;} /* The element defines table bodies */ #wp-calendar td a{display:block; background:#66FFFF; color:#ff0000;} #wp-calendar td a:hover{background-color:#ccc;} .pad{background:#369;} /* this is used to style specific empty TD cells used for calendar structure */ #next, #prev{background:#369;} #next .pad{} #prev .pad{} #today{background:#369;} /* This styles "Today" which is a TD Cell */