/* css style designed by Caty Design Studio http://www.catydesign-studio.com. */ * { margin: 0; padding: 0;} a:hover .framed,a:active .framed{ border:1px solid #132631; background:#A00F47; } .thumb img{ background:#B03060; border:1px solid #CCCCCC; padding:3px; margin: 0px 0px 0px 0px; } body{ font: 62.5%/150% Arial, Helvetica, sans-serif; color: #F1D3DF; background: #B03060 url(http://www.hairstyles.info/images/hairs_topbg.jpg) repeat-x; margin: 0; padding: 0; text-align: center;} a { outline: none; } a:link { color: #F383AD; text-decoration: underline;} a:visited {color: #E6AAC1; text-decoration: underline;} a:hover {color: #FFCC00; text-decoration: none;} h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, Helvetica, sans-serif;} h1 { font-size: 2em;} h2 { font-size: 1.8em;} h3 { font-size: 1.5em; } h4 { font-size: 1.4em; } h5, h6 { font-size: 1.2em; } img { border:none;} #header { height: 206px; width: 770px; margin-right: auto; margin-left: auto;} #header h1{ width: 282px; font: 0.1em Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; float: left; margin: 0; padding: 0; height: 182px; background: transparent url(http://www.hairstyles.info/images/hairs_logo.jpg) no-repeat; } #header h1 a { background: transparent url(none) no-repeat; text-indent: -10000em; height: 180px; width: 282px; display: block; text-decoration: none;} #righthimg { background: transparent url(http://www.hairstyles.info/images/hairs_topr.jpg) no-repeat; float: right; height: 206px; width: 488px;} .clear, div#news { clear: both;} .center { text-align: center;} /* Main navigation */ #mainnav { margin: 0 auto; padding: 0; clear: both; background: transparent url(http://www.hairstyles.info/images/hairs_navbg.jpg) no-repeat right top; height: 99px; width: 770px; text-align: center;} #mainnav ul { list-style-type: none; list-style-image: none; list-style-position: outside; padding-top: 0.8em; font: 1.3em "Trebuchet MS", Verdana, Arial; color: #F1D3DF;} #mainnav li { padding: 0 1.8em; display: inline; } #mainnav li.first { border: 0 none ; } #mainnav li.middle { padding-left: 4em;} #mainnav a:link, #mainnav a:visited { color: #F1D3DF; text-decoration: none; font-weight: bold; padding: 0.2em 0.5em;} #mainnav a:hover { color: #FFFFFF; text-decoration: none; background: #910D3F; padding: 0.2em 0.5em;} /* Center Content Section */ #centerwrapper { text-align: left; width: 770px; margin: 0 auto; background-color: #B03060; clear: both; margin-bottom: 1em; font: 1.2em/1.8em Arial, Helvetica, sans-serif; position: relative;} /* Left and Right Content Section */ #leftsection { width: 22%; float: left;} #rightsection { width: 74%; float: right;} #categoryleft{ margin-bottom: 2em; width: 100%;} #categoryleft ul{ margin: 0; padding: 0;} #categoryleft li { font-weight: bold; list-style: none; background: transparent url(http://www.hairstyles.info/images/hairs_divh.gif) repeat-x bottom; padding: 0.5em 0.2em 0.5em 0.5em;} #categoryleft li.last { background: url(none);} #categoryleft a { color: #F3D6E1; text-decoration: none;} #categoryleft a:hover { text-decoration: underline; color: #FFFFFF;} #categoryleft .boxtop2 { background-color: #BF4170; border-bottom: 0.5em solid #910D3F; margin-bottom: 2em;} .boxtop { background-color: #FFFFFF; border-bottom: 0.5em solid #910D3F; margin-bottom: 2em;} .boxl { background: transparent url(http://www.hairstyles.info/images/hairs_boxtbg.gif) repeat-x; height: 33px;} .boxl h3 { color: #FFFFFF; text-align: center; padding-top: 0.7em; font: bold 1em Verdana, Arial, Helvetica, sans-serif; background: transparent url(http://www.hairstyles.info/images/hairs_boxtr.gif) no-repeat right top; height: 33px;} .boxbody { padding: 0.5em;} .boxbody p { padding-bottom: 0.5em;} .boxbodycont, .boxbodycont p, .boxbodypic p { color: #545454;} .boxbodycont p { margin: -0.3em 0 0.3em 0.3em;} .boxbodypic, .boxbodycont { width: 255px; margin-bottom: 2em; padding: 0.5em;} .boxbodypic img, .boxbodyblog img, .boxbodyintro img, .boxbody2 img { float: left; } .boxbodypic p { margin: -0.3em 0 0.3em 90px;} .boxbodypic a, .boxbodycont a { text-decoration: underline; color: #A00F47;} .boxbodypic a:hover, .boxbodycont a:hover { text-decoration: none;} #intro { background: transparent url(http://www.hairstyles.info/images/hairs_divh2.gif) repeat-x scroll center bottom; padding: 0em 1em 2em; margin-bottom: 2em;} #intro .boxbodyintro p { margin: -0.3em 0 0.3em 210px;} #intro p { font: 1.2em Arial, Helvetica, sans-serif; padding-bottom: 1em;} #intro h2 { color: #B03060; text-indent: -100000em; font-size: 0.9em; background: transparent url(http://www.hairstyles.info/images/hairs_iwelcome.jpg) no-repeat center top; width: 334px; padding: 0px 0px 3em; margin: 0 0 0 200px;} .boxouter { border: 4px solid #810C37; margin-bottom: 1em;} .boxinner { background-color: #910D3F; border: 1px solid #A93863; height: 25px;} .boxinner h3 { color: #FFFFFF; text-decoration: none; text-align: center; padding: 0.3em; font: bold 1.3em Arial, Helvetica, sans-serif; letter-spacing: 0.1em;} #articles .boxbodyblog, #stylingtip .boxbody2, #news .boxbody2 { margin-bottom: 2em; padding: 0.5em; background: transparent url(http://www.hairstyles.info/images/hairs_divh.gif) repeat-x scroll center bottom;} #articles .boxbodyblog h3, #articlecontent .boxbodyblog h3, #stylingtip .boxbody2 h3, #news .boxbody2 h3 { margin: -0.2em 0px 0px 170px; color: #FFFFFF; line-height: 2em;} #articles .boxbodyblog p, #stylingtip .boxbody2 p, #news .boxbody2 p { margin: -0.3em 0 0.3em 170px;} #articles p.more a, #gallery p.more a, #stylingtip p.more a, #news p.more a { text-align: right; display: block; padding: 0.5em; font-size: 1.2em; color: #FFFFFF; font-weight: bold; text-decoration: none;} #articles p.more a:hover, #gallery p.more a:hover, #stylingtip p.more a:hover, #news p.more a:hover { color: #810C37; text-decoration: underline;} #articlecontent .boxbodyblog h3 { color: #FFFFFF; background: #910D3F; padding-left: 0.5em; border: 1px solid #62092B; letter-spacing: 0.1em;} #articlecontent .boxbodyblog { margin-bottom: 2em; padding: 0.5em;} #articlecontent p { margin: 1em 0em 1em 0.5em; font: 1.2em/1.8em Arial, Helvetica, sans-serif;} #articlecontent p.date { font-weight: bold; margin: 0 0 1em 170px;} #articlecontent p.author { margin: 0 0 0em 180px; font-style: italic;} #articlescontent p.author + p { clear: both; } #articlecontent p.option { margin-left: 180px;} #rleftcontent { float: left;} #rrightcontent { float: right;} #rleftcontent, #rrightcontent { width: 275px;} .divider { margin-bottom: 2em; background: transparent url(http://www.hairstyles.info/images/hairs_divh2.gif) repeat-x; height: 5px; width: 100%; clear: both;} /* FOOTER */ #footer { background: #f6cd3e url(http://www.hairstyles.info/images/hairs_ftbg.gif) repeat-x; margin: 0; padding: 0; font-size: 1em; color: #999999; text-decoration: none; clear: both; width: 100%; height: 170px;} #footer ul { list-style-type: none; list-style-image: none; list-style-position: outside; text-align: center; padding-top: 8em;} #footer li { border-left: 1px solid #FF3300; padding: 0 0.8em; display: inline; } #footer li.first { border: 0 none ; } #footer a { color: #FF3300; text-decoration: none; letter-spacing: 0.1em;} #footer a:hover { color: #FFFFFF; text-decoration: none;} #copyright { text-align: center; padding-top: 0.5em;} #copyright, #copyright a { color: #FF3300; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} /* Category */ #gallery { margin-bottom: 2em; background: #BF4170; width: 99%; border: 1px solid #810C37;} .thumbnail img { border: 1px solid #D2648D;} .thumbnail ul { padding-top: 2em; padding-left: 0.6em; } .thumbnail li { float: left; padding-right: 0.8em; list-style: none; padding-bottom: 1em;} .thumbnail li.lastimg { padding-right: 0;} /* Article archieve */ #archives { font: bold 1.2em "Trebuchet MS", Verdana, Arial; background: transparent url(http://www.hairstyles.info/images/hairs_archbg.gif); width: 568px; color: #333333;} #archives .boxcr { background: transparent url(http://www.hairstyles.info/images/hairs_archcr.gif) no-repeat right top;} #archives .boxcbottl { background: transparent url(http://www.hairstyles.info/images/hairs_archcbottl.gif) no-repeat left bottom;} #archives .boxcbottr { background: transparent url(http://www.hairstyles.info/images/hairs_archcbottr.gif) no-repeat right bottom;} #archives h3 { background: transparent url(http://www.hairstyles.info/images/hairs_archcl.gif) no-repeat left top; padding-left: 0.8em; line-height: 2em; color: #910D3F;} #archives .date { font-style: italic; font-weight: normal;} #archives ul { list-style: none; padding: 1.5em 0px 2em 1em;} #archives li { padding-bottom: 0.5em;} #archives a { text-decoration: none; color: #333333;} #archives a:hover { text-decoration: underline; color: #910D3F;}