/* 
------------------------------------
DETAILS:
Title: designer-jewels.css
Author: Jewels Miller
Born: August 2008
Modified: 
------------------------------------
COLORS:
Grey: 626262

----------------------------------- */

* {margin:0;padding:0}
body {background:#fff url("img/tartanWallpaper.gif") repeat 50% 0;text-align:center;font:75%/1.5 helvetica,arial;color:#343434}
table {width:auto}
h1,h2,h3,h4,h5 {color:#243f49;margin:.3em 0;letter-spacing:.05em;}
h1 {font-size:150%;}
h2 {font-size:135%}
h3 {font-size:120%}
h4 {font-size:110%}
h5 {font-size:95%;}
h6 {font-size:90%}
p {margin:.2em 0;}
ul,ol,blockquote,dl {margin: 0 0 1em}
blockquote {}
blockquote small {text-transform:uppercase;display:block;margin-top:5px;font-weight:bold;}
a, a:link, a:visited, a:hover, a:active {background:transparent;cursor:pointer}
a:link {color:#8a083b}
a:visited {color:#BB0570} 
a:hover, a:active {color:#600026;border-bottom:1px dotted #600026;text-decoration:none}
small {font-size:86%}
hr {height:1px;color:#55002B;margin:1em 0;background-color:#ccc;border:none;clear:both}
ul {padding:0.1em  0 0 1em;}
ol {padding: 0.6em 0 0 1.8em; line-height: 20px;}
ul li {margin-top:5px;list-style-type:none;background:transparent url("img/bullet.gif") no-repeat 0 5px;padding-left:15px}
ol li { list-style: decimal}
ol li strong {display:block}
dt {font-weight:bold}
fieldset {display:block;margin:1em 0}
img,fieldset {border:none}
input {}

/* COMMON 
------------------------------------  */
.clear {clear:both;font-size:0;height:0;line-height:0}
.highlight {color:#f00}
.fl {float:left}
.fr {float:right}
.hide {display:none} 
.show {display:block}
.invisible {visibility:hidden}
.inline {display:inline}
.main-img {float:right;margin:0 0 5px 5px;}
.bold {font-weight:bold;}

.hp-wof {float:left;width:420px;padding:10px;}
.hp-wof h2 {margin:-10px 0 20px 0;;}
.hp-wof .signature {margin-top:20px;}


/* LAYOUT 
------------------------------------  */
#wrap,#masthead,#contentwrap {width:990px}
#wrap,#masthead,#contentwrap,#content {position:relative}
#wrap {margin:0 auto;text-align:left;background:#7fd6f7}
#masthead {clear:both;overflow:hidden}
#contentwrap {padding:0;background:#7fd6f7 url("img/wrapBG.jpg") repeat-x bottom left;min-height:605px}
#content {margin:35px 30px;padding-bottom:10px;float:left;}
#sidebar {width:355px;margin:0;}
#footer {clear:both;text-align:center;padding:5px 0 10px 0;background:#067614;color:#03440c;padding-top:50px}
	
/* body.home home page */
body.home #content {width:530px}
body.home #sidebar {float:left;width:360px}

/* body.article footer */
body.article #content  {width:530px}
body.article #sidebar {float:left;width:360px}

/* body.about 50-50 */
body.about #content {display:block;float:left;width:765px;}
body.about #sidebar {float:left;margin-top:10px;}
body.about #footer {width:782px;margin:0 2px}
body.about .section1,body.about .section2 {width:370px;}

/* MASTHEAD 
------------------------------------ */ 
#masthead h1,#masthead h1 a {width:458px;height:165px;float:left;overflow:hidden;margin:0 0 0 30px;}
	#masthead h1 {float:left;background:transparent url("img/designer-jewels.jpg") no-repeat 0 0;text-indent:-9000px}
	#masthead h1 a {display:block;}

	/* NAVIGATION 
------------------------------------  */
#nav {position:absolute;top:88px;right:20px}
#nav ul {height:30px;list-style:none;margin:0;padding:0;display:block;}
	#nav ul li {position:relative;width:auto;height:10px;float:left;list-style-type:none;border-right:1px solid #343434;line-height:1;padding:0 10px;background:none;}
	#nav ul li.last {border:none}
#nav	ul li a {display:inline;height:20px;width:120px;color:#343434;text-decoration:none;padding:5px;font-size:15px;letter-spacing:-.02em}
	#nav ul li a:hover {background:#8edcfa;padding:5px;border-bottom:none;}
		#nav ul li a.active {font-weight:bold;}
	
/* CONTENT LAYOUT 
------------------------------------  */
.section1,.section2,.section3 {float:left;width:320px;}
.section1 {margin-right:20px}

/* wof */
.wof {background:#a5e2fa;}
.opaque {
	opacity: .5;
	filter: alpha(opacity=50);
}

.wof ul {margin-left:1em;clear:left}
.wof img {}
/* puff */
.puff {margin-bottom:.3em;padding:10px;}
.puff h1,.puff h2,.puff h3,.puff h4,.puff h5 {margin:0 5px;line-height:1.6;}
.puff h2 {font-size:120%}
.puff h5 { text-transform:uppercase; font-size:95%;}
.puff p,.puff ul,.puff ol,.puff dl,.puff blockquote {margin:0 5px;}
.puff p {margin-bottom:10px}


/* forms */
.form-A {margin-top:50px;}
	.form-A h1,.form-A h2,.form-A h3,.form-A h4,.form-A h5 {margin:.5em;padding-bottom:3px;border-bottom:1px solid #999;clear:both}
	.form-A span {display:block;margin:0 .5em;padding:4px 1em;clear:left;overflow:auto}
	.form-A span input,.form-A .message {width:200px;}
	.form-A label {display:block;width:130px;float:left;font-weight:bold}
	.form-A label input {display:block;float:left;}
	.form-A .checkbox {width:220px;float:left;overflow:visible}
	.form-A .checkbox label {width:auto;float:none;clear:left;font-weight:normal}
	.form-A .checkbox label input {margin-right:5px}
	.form-A span em {font-size:86%;color:#900;font-style:normal;padding-left:10px}
	.form-A span input.form-input,.form-home span select {width:220px;}
	.form-A span.form-submit {text-align:center;border-top:1px solid #999}
	.form-A span.form-submit input {padding:1px 3px;background:#999;color:#fff;font-weight:bold;font-size:100%}
	.form-A .button {width:100px;background:#71522A;color:#fff;font-weight:bold;font-size:90%;padding:2px 0;margin-left:50px;}

/* SIDEBAR 
------------------------------------  */
#sidebar h3 {margin-bottom:-8px;font:normal 33px helvetica,arial;letter-spacing:-.02em}
#sidebar .wof {margin-bottom:1em}
.handbag {padding:28px 0 10px 20px}
.handbag img {margin:0 7px 7px 7px}
.handbag a.more {float:right;margin-right:15px}


/* FOOTER 
------------------------------------  */
#footer a {}
.boo {background:transparent url("img/boo.gif") no-repeat 0 0;width:166px;height:21px;float:left;border:1px solid red;display:inline}