/*  
Theme Name: Giell Beauty Supply
Theme URI: http://blog.giell.com
Description: A custom WordPress Theme designed and coded for <a href="http://www.giell.com">Giell Beauty Supply</a>
Version: 1.0
Author: Dino Latoga of Ewebscapes
Author URI: http://www.ewebscapes.com
	Theme designed and created by Dino Latoga of Ewebscapes
*/

@import "reset.css";

body{font:14px/150% Arial, Verdana, sans-serif;background:#0f000f;color:#555;background:url(images/bodybg.jpg) top left;}

a{color:#06c;text-decoration:none;}
a:hover{color:#000;}
.clearfix{clear:both;height:0;font-size:0;line-height:0;}
.alignleft{float:left; display:inline;}
.alignright{float:right;display:inline;}

small{font-size:11px;}
blockquote{clear:both;padding:0 0 0 40px;font-style:italic;color:#876741;height:1%;}
blockquote p{padding:0;}

#header{height:110px;position:relative;}
#nav{clear: both;background:#c21a00 url(images/nav.png) top left repeat-x;height:37px;min-width:960px;border-top:1px solid #c21a00;border-bottom:1px solid #c21a00;margin-bottom:10px;}
#content{float:left;width:620px;display:inline;}
#sidebar{float:left;width: 320px;margin-left:20px;border-bottom:1px solid #aaa;display:inline;}
#footer{clear: both;margin-top:20px;background:#444;color:#fff;padding:10px;font-size:11px;height:1%;margin-bottom:20px;}
.wrapper{margin:0 auto;width:960px;}

h1#logo{position:relative;width:219px;height:69px;background:url(images/logo.png) top left no-repeat;top:20px;left:0;}
h1#logo a{display:block;height:100%;text-indent:-9999px;}
#leaderboard{position:absolute;top:10px;right:0;width:730px;height:90px;}

.post{padding:10px 0 10px 10px;position:relative;}

h3.posthead{font-size:25px;font-family:"Trebuchet MS", Arial, sans-serif;line-height:110%;font-weight:bold;padding-right:50px;}
h3.posthead a{color:#c31d03;}
h3.posthead a:hover{color:#000;}

.postcom{position:absolute;right:0;top:30px;height:46px;width:44px;background:#fff url(images/commentballoon.png) top left no-repeat;}
.postcom a{display:block;text-align:center;font-size:25px;padding:6px 0;}

#nav ul{padding:9px 10px 0;text-align:right;}
#nav ul li{display:inline;margin-left:20px;}
#nav a{color:#fff;}
#nav a:hover{color:#fc0;}

.postdate{color:#aaa;font-size:11px;text-transform:uppercase;}
.postdate small{clear:both;display:block;padding:2px;font-size:11px;text-transform:uppercase;}
.postdate big{clear:both;display:block;padding:0 2px 5px 2px;font-size:20px;font-weight:bold;}

span.commentsnum{background:url(images/balloon.png) left no-repeat;padding-left:18px;margin-left:10px;}
.postmeta{clear:both;padding:10px 10px 10px 55px;font-size:12px;background:#eee url(images/postmeta.png) 10px 10px no-repeat;border:1px solid #ddd;}

.entry{clear:both;padding:15px 0;}
.entry a,
.postmeta a{color:#06c;}
.entry a:hover,
.postmeta a:hover{background:#ffc;border-bottom:1px solid #555;}
.entry p{padding:0 0 15px 0;}
.entry img{padding:3px;background:#ddd;border:1px solid #bbb;}
.entry p img.alignleft{margin-top:5px;margin-right:10px;}
.entry p img.alignright{margin-top:5px;margin-left:10px;}

.entry table{border-top:1px solid #333;border-right:1px solid #333;margin-bottom:10px;}
.entry table caption{padding:10px 0;font-weight:bold;color:#fff;}
.entry table td, .entry table th{padding:5px;border-bottom:1px solid #333;border-left:1px solid #333;}
.entry ul{list-style: none;line-height:120%;padding-bottom:10px;}
.entry ul li,
.entry ul li li,
.entry ol li ul li{padding:2px 2px 2px 15px;height:1%;background:url(images/bullet.gif) 0 8px no-repeat;}
.entry ol{padding-left:25px;list-style: decimal;}
.entry ol li{background:none;padding:2px;}
.entry ul ul,
.entry ol ol,
.entry ul ol,
.entry ol ul{padding-left:20px;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{color:#222;padding: 5px 0;}
.entry h1{font-size:18px;}
.entry h2{font-size:16px;}
.entry h3{font-size:14px;}
.entry h4{font-size:13px;}
.entry h5{font-size:12px;}
.entry h6{font-size:10px;}

.result{}
.result h3{font-size:18px;}
.result h3 a{color:#000;}
.result h3 a:hover{color:#f60;}
.result p{padding:5px 0;}
small.meta{font-size:11px;}

h2.pagetitle{font-size:15px;padding-left:10px;}
h2.pagetitle em{font-style:normal;}

a.tofull{font-size:12px;}
p.tagcloud{}

.module a{color:#222;}
.module a:hover{color:#c21a00;}
.module{clear:both;padding:10px;background:#ddd url(images/module-bg.png) top left repeat-x;border:1px solid #aaa;border-bottom:none;font-size:13px;}
.module h4,
.box h4{font-family: "Century Gothic", Arial, sans-serif;font-weight:normal;font-size:20px;color:#c21a00;padding:0 0 10px;}
.module ul li,
.box ul li{padding:2px 0 2px 15px;background:url(images/bullet.gif) 0px 8px no-repeat;}
.module ul{list-style: none outside;}
.module ul li ul{}
.module ul li ul li{margin-left:10px;}
#bb-ad{border:1px solid #ddd;margin-bottom:10px;padding:8px;}

.navigation{padding-top:20px;}

#comments-box{padding:15px 0;}
h3#comments, h3#respond{color:#fff;font-size:16px;font-weight:bold;padding:0;}
ol.commentlist{padding:10px 0;font-size:12px;}
ol.commentlist li{position:relative;border:1px solid #aaa;background:#fff url(images/module-bg.png) bottom left repeat-x;padding: 10px;margin-bottom:10px;height:1%;}
img.avatar{border:1px solid #aaa;height:36px;position:absolute;top:5px;right:5px;}
ol.commentlist li cite{font-weight:bold;}
ol.commentlist li p{padding:0 0 10px 0;}
ol.commentlist li small.commentmetadata{display:block;font-size:10px;margin-top:-5px;}

textarea#comment{width:560px;border:1px solid #333;background-color:#eee;color:#111;}
#commentform input{border:1px solid #333;background-color:#eee;color:#111;padding:2px;}
#commentform input#submit{border:1px solid #900;background-color:#c21a00;color:#fff;padding:5px;}
#commentform input:focus, #commentform textarea:focus{border:1px solid #444;}
#commentform p{vertical-align:middle;padding:5px 0;}

#tabs{margin-top:10px;background:url(images/tabs.png) top left no-repeat;height:30px;font-size:11px;}
#tabs li{float:left;width:140px;padding:8px 10px 0;margin-right:10px;display:inline;}
li#subs a{padding-left:20px;color:#111;}
#boxposts{background:#fff url(images/frontbg.png) top left repeat-x;margin-bottom:10px;border:1px solid #6cf;height:1%;}
.box{float:left;width:305px;padding:10px 0;margin-left:10px;font-size:13px;}
.box a{color:#222;}
.box a:hover{border-bottom:1px solid #555;}

#searchbox1, #searchbox2{margin-top:-2px;background:#39c url(images/search.png) 10px 10px no-repeat;padding:10px 10px 10px 40px;}
.tabcontent input{width:200px;padding:1px;}
input.go{width:30px;}
#searchtabs{clear:both;text-transform: uppercase;font-size:11px;height:1%;padding:0;}
#searchtabs a{display:block;color:#aaa;height:100%;}
ul#searchtabs li{float:left;width:50px;display:inline;background:none;text-align:center;}
#searchtabs li a.selected{color:#000;background:url(images/selectedtab.png) bottom center no-repeat;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}

#profilebox{padding:10px;margin-bottom:30px;border:1px solid #aaa;background:#ddd;}
#profilebox img{width:150px;height:150px;border:1px solid #bbb;background:#fff;padding:3px;float:right;}
#profilebox h2{font-size:25px;font-family:"Trebuchet MS", Arial, sans-serif;line-height:110%;font-weight:bold;padding:0 0 15px 0;}
#profilebox p{padding:5px 0;}

h2.capstitle{text-transform:uppercase;font-size:18px;padding-left:10px;}

#relatedposts{padding:15px 0;font-size:12px;}
#relatedposts li{background:url(images/bullet.gif) left no-repeat;padding-left:15px;}

#searchtabs:after,
.wrapper:after,
#boxposts:after,
#footer:after,
.navigation:after{content:".";display:block;height:0;clear:both;visibility:hidden}