/*
Theme Name: iBox
Theme URI: http://ibox.kittynpink.com/
Description: Black tech.
Version: 1.0
Author: Dany Chasez
Author URI:	http://www.kittynpink.com
*/

/* -- BODY -- */
body {
background: url(images/content_bkg.png);
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #cdcdcd;
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
text-align: justify;
}

h2, h3 {
margin: 0;
padding: 0;
font-size: 17px;
}

strong {
color: #A4C501;
}

em {
color: #4bc5fe;
}

u {
color: #FFE900;
padding-bottom: 1px;
border-bottom: 1px dotted #9D4EEC;
}

a {
text-decoration: none;
color: #FF6EAE;
}

a:hover {
text-decoration: none;
color: #9D4EEC;
}

form {
margin: 0;
padding: 0;
}

img {
border: none;
}


/* -- PAGE -- */
#header {
text-align: center !important;
margin-bottom: 10px;
margin: auto !important;
width: 990px !important;
background: url(images/logo.png) no-repeat center bottom;
height: 318px;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

#header_nav1 {
float: left;
margin-top: 285px;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

#header_nav1 img {
margin-right: 80px;
margin-left: 0 !important;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
cursor: pointer;
}

#header_nav1 a {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#header_nav2 {
float: right;
margin-top: 285px;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

#header_nav2 img {
margin-left: 80px;
margin-right: 0 !important;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
cursor: pointer;
}

#header_nav2 a {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#navigation {
background: url(images/navigation_bkg.png) repeat-x scroll;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
width: 100% !important;
position: absolute;
margin-top: 5px;
margin-right: 0;
margin-bottom:;
margin-left: 0;
clear:both;
}

#buttons {
text-align: center;
margin: auto !important;
padding: 16px 0px 0px 0px;
position: relative;
z-index: 2;
bottom: -5px;
}

#buttons a {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#content {
height: 100% !important;
background: url(images/page_bkg.png);
padding: 8px;
margin: auto;
width: 990px !important;
z-index: 0;
position: static;
margin-top: 90px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.empty15 {
height: 15px;
clear:both;
}

#sidebar {
width: 330px !important;
float: right;
height: 100% !important;
}

.archivetitle {
background: #222222;
padding: 5px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
}

.archive_title {
color: #A4C501;
}

/* -- POSTS -- */
#posts_holder {
width: 650px;
float: left;
}

.post_main {
background: #222222;
padding: 3px 5px 5px 5px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-khtml-border-radius-topleft: 6px;
-khtml-border-radius-topright: 6px;
}

.feedback {
background: transparent url(images/feedback_bkg.gif) repeat-x scroll center top;
margin-bottom: 10px;
-moz-border-radius-bottomleft: 6px !important;
-moz-border-radius-bottomright: 6px !important;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
height: 46px;
}

.post_end {
background: transparent url(images/feedback_bkg.gif) repeat-x scroll center top;
margin-bottom: 10px;
padding: 7px 5px 5px 5px;
-moz-border-radius-bottomleft: 6px !important;
-moz-border-radius-bottomright: 6px !important;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

.share_it {
text-align: center;
margin: auto;
padding-top: 1px;
}

.share_it img {
padding-left: 20px;
padding-right: 20px;
}

.comments_l {
padding-top: 7px;
float: left;
}

.comment_link {
background: url(images/comments_bubble.png) no-repeat left top;
height: 34px;
width: 37px;
padding-top: 5px;
margin-left: 5px;
text-align: center;
}

.comment_link a {
color: #cdcdcd;
}

.comment_link a:hover {
text-decoration: underline;
}

.comment_number {
font-weight: bold;
font-size: 13px;
margin: auto;
color: #FFFFFF !important;
}

.share_twitter {
float: right;
padding-top: 7px;
margin-right: 5px;
}

.read_more {
float: right;
margin-top: 8px;
margin-right: 5px;
background: url(images/read_more_bkg.png) no-repeat scroll left top;
border: none;
text-align: center;
height: 30px;
width: 85px;
padding-top: 7px !important;
font-weight: bold;
padding: 0;
}

.read_more a {
color: #222;
}

.search_main {
background: #222222;
padding: 5px;
margin-bottom: 10px;
-moz-border-radius: 6px;
}

.posttitle {
color: #cdcdcd;
font-size: 17px;
font-weight: bold;
}

.posttitle a {
color: #cdcdcd;
font-size: 17px;
font-weight: bold;
}

.posttitle a:hover {
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
}

.pagetitle {
color: #cdcdcd;
font-size: 17px;
font-weight: bold;
border-bottom: 1px dotted #4D4D4D;
margin: 0;
padding: 0;
}

.pagetitle a {
color: #cdcdcd;
font-size: 17px;
font-weight: bold;
}

.pagetitle a:hover {
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
}

.meta {
border-bottom: 1px dotted #4D4D4D;
font-size: 11px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 3px;
padding-top: 5px;
}

.storycontent {
padding-left: 1px;
padding-right: 1px;
}

.img_holder {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

.post_subtitle {
border-bottom: 2px solid #4D4D4D;
font-weight: bold;
color: #A4C501;
padding-bottom: 1px;
}

.postimage {
padding: 5px;
border: 1px solid #4D4D4D;
}

.linkwithin_hook {
margin: auto !important;
padding: 0 !important;
}

.linkwithin_inner {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}

.linkwithin_posts {
padding: 0 !important;
margin: auto !important;
width: 100% !important;
}

.linkwithin_posts a {
display: inline-block !important;
width: 110px !important;
text-align: center;
padding-left: 10px !important;
}

#linkwithin_logo_0 {
padding: 0 !important;
margin: 0px 0px 10px 0px !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.linkwithin_text {
padding: 10px 0 5px 0 !important;
font-size: 11px;
}

/* -- COMMENTS -- */
#comments_main {
background: #222222;
padding: 5px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
}

#comments_main ul {
margin: 0;
padding: 0;
list-style: none;
}

.commentlist li {
padding: 5px;
background: #252525;
border: 1px solid #2d2d2d;
list-style: none;
margin-bottom: 10px;
margin-top: 10px;
}

.comment_header {
border: 1px solid #2d2d2d;
background: #191919;
}

.comment_header_holder {
margin: 5px;
}

.commentlist li .avatar { 
float: left;
padding: 5px;
background: #252525;
border: 1px solid #2d2d2d;
}

.comment_author {
color: #A4C501 !important;
}

.comment_author:hover {
color: #9D4EEC !important;
}

.comment_date {
color: #cdcdcd !important;
}

.comment_date:hover {
color: #cdcdcd !important;
}

.triangle {
height: 56px;
width: 11px;
background: url(images/comments_triangle.gif) top left no-repeat;
margin-right: 3px;
margin-left: -1px;
float: left;
z-index: 2; 
}

.comment_metadata {
display: inline;
line-height: 14px !important;
float:left;
}

.comments_end {
background: transparent url(images/feedback_bkg.gif) repeat-x scroll center top;
height: 15px;
-moz-border-radius-bottomleft: 6px !important;
-moz-border-radius-bottomright: 6px !important;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

blockquote {
margin-left: 5% !important;
margin-right: 5% !important;
padding: 5px;
border: 1px solid #4c4c4c;
-moz-border-radius: 6px !important;
background: url(images/blockquote.png) repeat top left fixed;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

/* -- SIDEBAR -- */
.sidebar_title {
background: #222222;
padding: 3px 5px 3px 5px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
background: url(images/sidebar_title_bkg.png) top repeat-x scroll;
border-bottom: 1px solid #000;
}

.ai {
text-transform: lowercase;
}

.search_holder {
background-color: #222;
border-bottom: 1px solid #000;
border-top: 1px solid #292929;
padding: 5px;
text-indent: 1px;
}

#latest_comments li {
list-style: none;
margin: 0;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
background-color: #222222;
padding: 5px 5px 5px 5px;
}

.recent_title a {
color: #FFFFFF;
} 

.recent_title a:hover {
color: #9D4EEC;
}

.on {
color: #A4C501 !important;
}

#toptop ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

#toptop li {
list-style: none !important;
list-style-type: none;
margin: 0 !important;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
background-color: #222222;
padding: 5px;
}

#recentposts_box ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

#recentposts_box li {
list-style: none !important;
list-style-type: none;
margin: 0 !important;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
background-color: #222222;
padding: 5px;
}

.sidebar_bottom {
background: transparent url(images/sidebar_bottom_bkg.png) repeat-x scroll center top;
height: 15px;
margin-bottom: 10px;
-moz-border-radius-bottomleft: 6px !important;
-moz-border-radius-bottomright: 6px !important;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
}

.sidebar_content {
background-color: #222222;
}

.archives_yearly {
background-color: #222222;
}

.archives_yearly ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
width: 100% !important;
}

.archives_yearly li {
list-style-type:none;
width: 50% !important;
float:left;
padding: 5px 0 5px 0;
text-indent: 5px;
margin: 0;
background-color: #222;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
}

.archives_yearly a {
color: #FFFFFF;
}

.archives_yearly a:hover {
color: #9D4EEC;
}

.hot {
color: #999;
font-size: 10px !important;
}

.categories_ li {
list-style-type:none;
width: 100% !important;
float:left;
padding: 5px 0 5px 0;
text-indent: 5px;
margin: 0;
background-color: #222;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
}

.categories_ ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}

.categories_ ul li a {
color: #FFF;
}

.categories_ li a:hover {
color: #9D4EEC;
}

.tagcloud {
padding: 0 5px 5px 5px;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
}

.sidebar_meta li {
list-style-type:none;
width: 100% !important;
float:left;
padding: 5px 0 5px 0;
text-indent: 5px;
margin: 0;
background-color: #222;
border-bottom: 1px solid #000000;
border-top: 1px solid #292929;
}

.sidebar_meta ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
width: 100% !important;
}

.sidebar_meta ul li a {
color: #FFF;
}

.sidebar_meta li a:hover {
color: #9D4EEC;
}

.sidebar_meta {
background-color: #222222;
}

.useron {
font-weight: normal !important;
}

/* -- FORMS -- */
#submit {
background: url(images/submit_button_bkg.png) no-repeat scroll left top;
border: none;
height: 31px;
width: 85px;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 0;
padding-bottom: 2px;
margin: 0;
cursor: pointer;
text-align: center !important;
}

.searchsubmit {
background: url(images/submit_button_bkg.png) no-repeat scroll left top;
border: none;
height: 31px;
width: 85px;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 0;
padding-bottom: 2px;
margin: 1px 0 -1px 0;
cursor: pointer;
text-align: center;
}

#searchsubmit {
background: url(images/submit_button_bkg.png) no-repeat scroll left top;
border: none;
height: 31px;
width: 85px;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 0;
padding-bottom: 2px;
margin: 1px 0 -1px 0;
cursor: pointer;
text-align: center !important;
}

input {
background: #191919;
border:1px solid #2D2D2D;
padding: 5px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}

select {
background: #191919;
border:1px solid #2D2D2D;
padding: 5px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}

textarea {
background: #191919;
border:1px solid #2D2D2D;
padding: 5px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}

#s {
background: #191919;
border:1px solid #2D2D2D;
padding: 5px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-bottom: 1px;
width: 215px !important;
}

#author {
background: #191919 url(images/icon_user.png) no-repeat scroll 3px;
border:1px solid #2D2D2D;
padding: 5px 5px 5px 22px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-bottom: 1px;
}

#email {
background: #191919 url(images/icon_mail.png) no-repeat scroll 4px;
border:1px solid #2D2D2D;
padding: 5px 5px 5px 22px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-bottom: 1px;
}

#url {
background: #191919 url(images/icon_home.png) no-repeat scroll 4px;
border:1px solid #2D2D2D;
padding: 5px 5px 5px 22px;
color: #cdcdcd;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-bottom: 1px;
}

/* -- ARCHIVES and BLOGROLL -- */
#archive-page {
width: 100%;
margin: 0;
padding: 0;
}

#archive-page li {
list-style-type:none;
border-bottom: 1px dotted #4D4D4D;
width: 50% !important;
float:left;
padding-bottom: 2px;
padding-top: 2px;
margin: 0;
margin-top: 2px;
margin-bottom: 2px;
text-indent: 15px;
background: url('images/tag.gif') no-repeat;
}

.storycontent h2 {
text-align: left;
font-weight: bold !important!;
border: 1px solid #2D2D2D;
padding: 3px;
font-size: 14px !important;
margin-bottom: 8px !important;
background: #191919;
}

#blogstats h2 {
text-align: left;
font-weight: bold !important!;
border: 1px solid #2D2D2D;
padding: 3px;
font-size: 14px !important;
margin-bottom: 8px !important;
background: #191919;
}

#archive-page ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}

#archive-page h2 {
text-align: left;
font-weight: bold !important!;
border: 1px solid #2D2D2D;
padding: 3px;
font-size: 14px !important;
margin-bottom: 8px !important;
background: #191919;
}

li .linkcat h2 {
text-align: left;
font-weight: bold !important!;
border: 1px solid #2D2D2D;
padding: 3px;
font-size: 14px !important;
margin-bottom: 8px !important;
background: #191919;
}

.links h2 {
text-align: left;
font-weight: bold !important!;
border: 1px solid #2D2D2D;
padding: 3px;
font-size: 14px !important;
margin-bottom: 8px !important;
background: #191919;
}

.linkcat {
list-style: none;
}

.links {
width: 100%;
border:none;
margin: 0 0 3px 0;
list-style-type:none;
}

.links ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}

.links ul li {
list-style-type:none;
border-bottom: 1px dotted #4D4D4D;
width: 50% !important;
float:left;
padding-bottom: 2px;
padding-top: 2px;
margin: 0;
margin-top: 2px;
margin-bottom: 2px;
text-indent: 15px;
background: url('images/tag.gif') no-repeat;
}

.blogroll {
width: 100%;
border:none;
list-style-type:none;
}

.blogroll ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}

.blogroll ul li {
list-style-type:none;
border-bottom: 1px dotted #4D4D4D;
width: 50% !important;
float:left;
padding-bottom: 2px;
padding-top: 2px;
margin: 0;
margin-top: 2px;
text-indent: 15px;
background: url('images/tag.gif') no-repeat;
}

.blogroll li {
width: 50%;
margin: 0;
list-style:none !important;
}

/* -- FOOTER -- */
.footer {
background: url(images/footer_bkg.png) repeat-x scroll top right;
height: 37px;
border-top: 1px solid #000;
font-weight: bold;
bottom: 0 !important;

}

.footer_holder {
width: 990px;
margin: auto;
padding-top: 10px;
}

.footer_holder1 {
float: left;
margin-top: -2px;
}

.footer_holder2 {
float: left;
margin-left: 230px;
margin-top: 2px;
}

.footer_holder3 {
float: right;
margin-top: -29px;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
position: relative;
}

.footer_holder3 a {
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

.footer_holder2 a {
}

.footer_holder a {
color: #A4C501;
}