0byt3m1n1

Path: /data/49/4/11/84/4826899/user/5715128/htdocs/soulsymbols/templates/soulsymbols/css/ [ Home ]
File: template.css
/* LWT Communications template */
html { width:100%; }

/* zero things out */
body, div, h1, h2, h3, h4, p, label, ul, li, dt, dd, table, img, a, section, aside, header, nav { margin:0; padding:0 }

body { 
 font-family:'Merienda',arial,helvetica,sans-serif;
 font-size:13px;
 line-height:22px;
 color:#555555;
 background:#c13f27 url(../images/body-bkgnd.jpg) fixed top center no-repeat;
}

/* HEADERS */
h1 { font-family: 'Merienda One', cursive; font-size:20px; line-height:20px; font-weight:lighter; margin:0 0 15px 0; }
h2 { font-family: 'Merienda One', cursive; font-size:20px; font-weight:normal; line-height:20px; margin:0 0 10px 0; }
h3 { font-family: 'Merienda One', cursive; font-size:14px; font-weight:bold; line-height:14px; margin:0 0 10px 0; }
h4 { font-family: 'Merienda One', cursive; font-size:14px; font-weight:normal; line-height:14px; margin:0 0 5px 0; }

/* PARAGRAPH */
p { margin-bottom:15px; }
p.pright { text-align:right; }
p.pbold { font-weight:bold; }
p.pcenter { text-align:center; }

/* OVERALL WRAPPER DIV */
div#wrapper {
 width:960px;
 margin:30px auto 30px auto;
 background-color:#ffffff;
 box-shadow:0 2px 8px #000;
}

/* HEADER */
div#header {
 width:960px;
 height:125px;
 margin:0 auto;
 background:#802b1b url('../images/header.jpg') no-repeat;
 position:relative;
}
div#header img.logo { width:330px; height:125px; border:0; position:absolute; top:0; left:0; border-radius:9px; }
/* Search #header */
div#header div.search { position:absolute; bottom:5px; right:5px; }
div#header div.search input[type="text"].inputbox { width:185px; height:16px; margin:0; padding:0 5px; border:solid 1px #bf0000; border-right:none; }
div#header div.search input[type="submit"].button { width:38px; height:18px; margin:0; padding:0 3px 0 3px; font-size:10px; font-weight:bold; line-height:18px; color:#ffffff; background-color:#000000; border:solid 1px #bf0000; cursor:pointer; }


/* MAIN NAVIGATION -> see stylesheet "navbar.css" */


/* Top Modules */
div#top-module-wrapper {
 width:100%;
 margin:0;
 background-color:#000000;
}
div.yellow-bar { height:10px; background-color:#fecc00; border:solid 1px #fff; }
div.yellow-bar-top { border-bottom:none; }
div.yellow-bar-bottom { border-top:none; }

div#top-module-wrapper div.top-module { width:238px; border:solid 1px #ffffff; float:left; }
div.custom-top-1-home, div.custom-top-2-home, div.custom-top-3-home, div.custom-top-4-home { height:340px; padding:30px 10px 30px 60px; position:relative; text-align:right; font-size:11px; line-height:19px; color:#ffffff; }
div.top-module h3 { color:#555; text-transform:uppercase; font-weight:normal; }
div.top-module a { color:#ffcf00; font:bold 12px arial,helvetica,sans-serif; }
div.top-module a:hover { color:#ffffff; }
div.custom-top-1-home { background:transparent url('../images/top-modules-aum-home.jpg') no-repeat; }
div.custom-top-2-home { background:transparent url('../images/top-modules-soul-home.jpg') no-repeat; }
div.custom-top-3-home { background:transparent url('../images/top-modules-ganesha-home.jpg') no-repeat; }
div.custom-top-4-home { background:transparent url('../images/top-modules-malas-home.jpg') no-repeat; }
div.custom-top-1, div.custom-top-2, div.custom-top-3, div.custom-top-4 { height:190px; padding:20px 15px 0 40px; position:relative; text-align:right; font-size:11px; line-height:18px; color:#ffffff; }
div.custom-top-1 { background:transparent url('../images/top-modules-aum.jpg') no-repeat; }
div.custom-top-2 { background:transparent url('../images/top-modules-soul.jpg') no-repeat; }
div.custom-top-3 { background:transparent url('../images/top-modules-ganesha.jpg') no-repeat; }
div.custom-top-4 { background:transparent url('../images/top-modules-malas.jpg') no-repeat; }


/* BREADCRUMBS */
div.breadcrumbs {
 height:16px;
 margin:0 0 0 0;
 padding:0 5px 5px 5px;
 font-size:12px;
 line-height:16px;
 color:#006e99;
 border-bottom:dotted 1px #cccccc; 
}

/* CONTENT */
div#content-top { width:100%; }

div#content { padding:13px 0 0 0; background:url('../images/content-bkgnd.png') top center no-repeat, #ffffff url('../images/content-bkgnd2.jpg') top center repeat-y; }

div.div-third { width:33%; float:left; }

div.item-page { padding:20px 20px; }
div.page-header h1 {  font-size:15px; line-height:15px; text-transform:uppercase; }
div.item-page ul { margin:20px 0 20px 20px; }

.items-row{ margin:0 auto; padding:0; /*background-color:#ffff80;*/ }

div.blog { padding:20px 12px; }
div.categories-list { padding:20px 12px; }
div.cat-list, div.category-desc { margin-bottom:20px; }
div.cat-list img, div.category-desc img { border:none; padding:0 10px 0 0; float:left; }

.readmore-chakra-scents { background:#ffffff url('../images/chakra-man-background.jpg') no-repeat; }

/* What Next */
#div-what-next { width:920px; height:60px; padding:0 0 0 40px; font-size:20px; line-height:60px; color:#ffffff; background-color:#00aef0 }
#div-what-next a { padding:0 30px; color:#2b3890; }

/* FOOTER */
/*.footer-wrapper { width:100%; background-color:#2076bc; border:solid 1px #2076bc; }*/
#footer { width:900px; display:block; margin:0 auto 0 auto; padding:10px 30px 20px 30px; background:#ffffff url(../images/footer-bkgnd.jpg) top center no-repeat; color:#2076bc; font-family: 'Ubuntu Condensed', sans-serif; }
#footer a { color:#2076bc; }

ul#footer-nav { list-style-type:none; height:33px; padding:0; margin:0 auto 5px auto; display:block; width:380px; font-family: 'Ubuntu Condensed', sans-serif; }
ul#footer-nav li {
 padding:0 0 0 0;
 float:left;
 margin:0;
 font-size:11px;
 font-weight:bold;
 line-height:33px;
}
ul#footer-nav li a { 
 display:block;
 color:#666666;
 font-size:11px;
 line-height:33px;
 text-decoration:none;
 text-align:center;
 padding:0 12px;
 background-color:transparent;

}

#footer-xtra { position:relative; background-color:#88f; }
#footer-copyright { position:absolute; top:0; left:0; }
#footer-copyright p { font-size:11px; font-style:italic; color:#dc7348; }
#footer-copyright a { color:#dc7348; text-decoration:none; }
#footer-social { position:absolute; top:0; right:0; }
#footer-social img { width:36px; height:36px; border:none; padding:0 5px; }

div.clr { clear:both; }
div.spacer10 { height:10px; }
div.spacer20 { height:20px; }
div.spacer30 { height:30px; }
div.spacer50 { height:50px; }

/*** MODULES / EXTENSIONS / PLUGINS ***/

ul.actions { list-style-type:none; margin:0 0 5px 0; text-align:right; }
ul.actions li { display:inline; padding:7px 1px 0 2px; background-color:#bf0000 }


/* IMAGES */
img.page-banner { width:960px; height:280px; }
img.img-left { float:left; margin-right:5px }
img.img-right { float:right; margin-left:5px }
/* Article Images - intro + main */
div.img-intro-left, div.img-fulltext-left { margin:0 10px 0 0; padding:5px; border:solid 1px #cfcfcf; float: left; }
div.img-intro-right, div.img-fulltext-right { margin:0 0 0 10px; padding:5px; border:solid 1px #cfcfcf; float: right; }
/* Article Images - caption */
div.img-intro-left label, div.img-intro-right label, div.img-fulltext-left label, div.img-fulltext-right label { display:block; font-size:10px; line-height:10px; margin-top:8px; text-align:center }
img.hr-line { width:100%; height:1px; }
img.img-program { float:left; width:120px; height:120px; margin:0 5px 0 0; }


/* SPANS */
span.err-span { display:block; color:#b00000; font-size:13px; }
span.smallform { font-size:11px; }

/* COLOURS */
.red-root { color:#b00; }
.orange-sacral { color:#f80; }
.yellow-solar-plexus { color:#fd0; }
.green-heart { color:#0d0;}
.blue-throat { color:#06f; }
.indigo-brow { color:#009; }
.violet-crown { color:#b0d; }

/* MSIC TEXT */
.main-content p.readmore { margin:10px 0; font-size:16px; line-height:24px; font-weight:bold; text-align:right; }
.more-link { display:inline-block; padding: 5px 10px 0 10px; line-height:24px; background-color:#ffff00; border:solid 2px #000 }

.main-content dl, .main-content dt, .main-content dd { margin:10px 0 0 0; }
.article-info .article-info-term { font-weight:bold; }
.article-info .article-info-term, .article-info .category-name { font-size:11px; }

.pagenavcounter { font-size:11px; font-weight:bold; margin:0 0 10px 0; }

/* icon lists */
ul.actions { list-style-type:none; text-align:right; }
ul.actions li { display:inline; }

div.stats { padding:20px; clear:both; }
div.stats p { margin: 10px 0 0 0; font-weight:bold; }
div.stats ul { margin: 0 0 10px 0; }

/* blog/category list page */
/*.blog span.subheading-category, .category-list span.subheading-category { color:#bf0000; }*/
/* category description */
/*.category-list .category-desc, .categories-list > .category-desc, .blog  .category-desc { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #000; }*/
/* category image */
/*.category-desc img { float:right; }*/

/* Article Info */
dl.article-info { margin:0 0 10px 0 }

/* PAGINATION */
div.pagination { }
ul.pagenav, .pagination ul { list-style-type:none; margin:10px 0 0 0; }
ul.pagenav { text-align:center }
ul.pagenav li, .pagination ul li { display:inline; font:bold 12px "Arial","Helvetica",sans-serif; margin:0; }
ul.pagenav li { text-align:center }
/*.pagination ul li a { padding:5px 10px; border:solid 1px #000; }*/
.pagenav { margin:0 1px; padding:5px 10px; border:solid 1px #000; background-color:#fff; }
span.pagenav { background-color:#eee; }

td.list-title { font-weight:bold; line-height:27px; }

div.item-separator { margin:0 0 10px 0; clear:both }

/* CONTACT FORMS */
input[type="submit"] { cursor:pointer; }
span.req { font-weight:bold; color:#b00000; }

/* MODULES */
div.scents { padding:20px; background:#ffffff url('../images/content-bkgnd2.jpg') top center repeat-y; }
div.scents hr { height:1px; width:80%; margin-bottom:20px; color:#888888; background-color:#888888; border:none; }


/* PLUGINS */
/* instant paypal button */
div.ippadding { margin:0; padding:0; /*position:relative;*/ } /* used to pad products */
form.instantpaypal { width:210px; display:block; float:right; }
div.ipdetails span { font-weight:bold; }
span.prodname {}
span.prodprice { color:#00b000; }
span.cc { font-size:75%; font-weight:normal; }
img.prod_img_thumb { float:left; width:210px; padding:0 5px 5px 0; }
div.ippadding img.prod_img_thumb { display:block; padding:0; margin:5px auto; float:none; }
img.prod_img_main { padding:0 0 5px 5px; float:right; }

div.column-1, div.column-2, div.column-3, div.column-4, .item { width:210px; min-height:400px; margin:1px; padding:10px 10px 140px 10px; float:left; background-color:#eee; border:solid 1px #fd9; position:relative; }

div.column-1-blog2, div.column-2-blog2, div.column-3-blog2, div.column-4-blog2, .item2 { width:908px; margin:1px; padding:10px 10px 10px 10px; background-color:#eee; border:solid 1px #fd9; position:relative; }

div.column-1 form.instantpaypal, div.column-2 form.instantpaypal, div.column-3 form.instantpaypal, div.column-4 form.instantpaypal { position:absolute; bottom:0; left:10px; width:210px; float:none; }

span.showme1 { display:none; }
div.column-1 span.showme1, div.column-2 span.showme1, div.column-3 span.showme1, div.column-4 span.showme1, div.column-1-blog2 span.showme1, div.column-2-blog2 span.showme1, div.column-3-blog2 span.showme1, div.column-4-blog2 span.showme1 { display:block; }
div.column-1 span.showme2, div.column-2 span.showme2, div.column-3 span.showme2, div.column-4 span.showme2, div.column-1-blog2 span.showme2, div.column-2-blog2 span.showme2, div.column-3-blog2 span.showme2, div.column-4-blog2 span.showme2 { display:none; }

/* SPECIALTY */
/* Soul Symbols Chakra Stones */
div#chakra-wrapper-all { background-color:#fff; border:solid 1px #000; }
div.chakra-wrapper { height:120px; }
img.chakra-symbol { width:120px; height:120px; float:left; border-right:solid 1px #000; }
div.chakra-number { float:left; font:bold 40px arial,helvetica,sans-serif; line-height:120px; text-align:center; width:30px; margin:0 10px; }
div.chakra-text { float:left; width:705px; height:89px; padding:15px 20px; border-left:solid 1px #000; border-bottom:solid 1px #000; }
div.chakra-text p { font-size:11px; line-height:15px; margin:0; }
div.chakra-text h4 span { font:12px normal arial,sans-serif; }
/* Artist */
div.artist {  float: left; margin: 0 18px; padding: 0 10px 5px; width: 250px;}
img.artist_img_thumb { width:210px; margin:0 auto; display:block; }

/* SYSTEM MESSAGES */
#system-message {
	margin:0;
	padding: 0;
}

#system-message > dd > ul {
margin:0;
border-top: 1px solid #84a7db;
border-bottom: 1px solid #84a7db;
}
#system-message > dd > ul > li {
	line-height: 1.0em
}

/* System Error Messages */
#system-message > .error > ul, #system-message > .warning > ul, #system-message > .notice > ul { color: #ffffff; }

#system-message > .error > ul {
	background-color: #e60000;
/*	background-image: url(../images/notice-alert.png);*/
	border-color: #DE7A7B;
}


/* ANCHORS */
a:link, a:visited { color:#dc7348; text-decoration:none; }
a:hover, a:active { color:#20787f; text-decoration:none; }