/*
Theme Name: ClipBucket V2
Author: Fawaz Tahir
Version: 1.0
Description: Coming Soon
Tags: Coming Soon
*/

body { background:url(images/body.png) repeat-x; min-height:475px; background:#fafafa; margin:0px; padding:0px; font-family:Verdana,Tahoma,sans-serif; font-size:11px; line-height:16px; }

/* CSS FIXES */
.clearfix { }
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:visible; }

/* GENERAL CSS */
ul,li { margin:0px; padding:0px; list-style:none; }
ol li { list-style:decimal; }
.break { clear:both; margin:5px 0px; padding:0px; height:1px; }
.break2 { clear:both; margin:2px 0px; padding:0px; height:1px; }
.clear { clear:both; }
.moveL { float:left; }
.moveR { float:right; }
.hidden { display:none; }
a, a:visited { color:#555; text-decoration:underline; }
a:hover, a:active { color:#0099cc; }
.sp { background:url(images/sperator.png)no-repeat; width:640px; height:2px; margin:25px auto; padding:0px }
a img, img { border:0px; }
blockquote { background:url(images/note.png) 4px 5px no-repeat; background-color:#f3f3f3; border:1px solid #CCC; padding:10px 30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#777; font-style:italic; line-height:18px; }
code { display:block; height:100%; padding:20px 25px; background:url(images/code.png) -9px 5px no-repeat; background-color:#EEE; border:1px solid #aaa; }
.big_sp { background:url(images/big_sp.png) no-repeat; width:960px; height:16px; margin:0px; padding:0px; position:relative; }
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin:0px 7px 7px 0px; }
.alignright { float: right; margin:0px 0px 7px 7px; }


h1, h2, h3, h4, h5, h6 { font-family:"Century Gothic", Arial, sans-serif; margin:5px 0px; padding:10px 0px 10px 0px; font-size:2.5em; color:#464646; }
h2 { font-size:2.0em; padding:6px 0px 6px 0px; }
h3, h4 { font-size:1.5em; padding:0px 0px 4px 8px; }
h5,h6 { font-size:1.0em; padding:0px 0px 4px 8px; }


/* TOP BAR */
.top_bar { background:url(images/grad_sprite.png) 0px -101px repeat-x; line-height:28px; height:38px; margin:0px; padding:0px; color:#FFF; position:relative; z-index:100; }
.top_bar ul li { font-size:9px; height:22px; line-height:20px; padding:0px 0px 0px 6px; float:left; margin:3px 5px 0px; background:url(images/top_bt_lt.png) left top no-repeat; }
.top_bar ul li a { color:#FFF; text-decoration:none; background:url(images/top_bt_rt.png) right top no-repeat; padding:0px 6px 0px 0px; height:22px; display:block; }
.top_bar ul li:hover { background:url(images/top_bt_lt.png) left bottom no-repeat; cursor:pointer; }
.top_bar ul li:hover a { background:url(images/top_bt_rt.png) right bottom no-repeat; }

.top_search { background:url(images/main_sprite.png) right -170px no-repeat; width:206px; height:19px; float:right; margin:4px 10px 0px 0px; padding:0px; border:1px solid #323232; }
.top_search form { margin:0px; padding:0px; }
.top_search input[type=text] { height:13px; width:160px; line-height:13px; font-size:9px; padding:3px; border:0px none; background:url(../images/dot.gif) repeat; float:left; color:#565656; font-family:Tahoma,Verdana,sans-serif; }
.top_search input[type=submit] { height:19px; width:39px; border:0px none; background:url(images/dot.gif) repeat; margin-left:1px; text-indent:-9999px; }

/* CONTAINERS */
.container_bg { background:url(images/container.png) repeat-y; width:996px; margin:0px auto; padding:0px; position:relative; top:-9px; z-index:50;  }
.container { width:960px; margin:0px auto; padding:14px 0px; border-bottom:1px solid #ccc;}
#content_wrap { width:640px; float:left; padding:0px 5px; margin-left:5px;}
#sidebar_wrap { width:280px; padding:5px; float:right; margin-right:5px; }

/* LOGO */
h2.logo { margin:0px; padding:0px; background:url(images/main_sprite.png) left bottom no-repeat; width:256px; height:50px; text-indent:-9999px; float:left; margin-right:8px; border:none; }
h2.logo a { display:block; width:256px; height:50px; }

/* NAVIGATION */
.nav_bg { background:url(images/grad_sprite.png) top repeat-x; height:36px; line-height:36px; padding:0px; margin:0px; position:relative;border-top:1px solid #0086b2; border-bottom:1px solid #0086b2; color:#FFF; }
.navR, .navL { background:url(images/main_sprite.png) left top no-repeat; position:absolute; width:13px; height:38px; }
.navR { right:-13px; top:-1px; background:url(images/main_sprite.png) -28px top no-repeat;}
.navL { left:-13px; top:-1px; }
.nav_bg ul li { margin:0px; padding:0px; list-style:none; float:left; border-right:1px solid #0086b7; }
.nav_bg ul li a { padding:0px 11px; margin:0px; display:block; color:#FFF; font-size:15px; text-decoration:none; font-family:"Century Gothic", Arial, sans-serif; }
.nav_bg ul li a:hover, .nav_bg ul li a.selected { background:url(images/grad_sprite.png) left -36px repeat-x; padding-bottom:1px; color:#414141; }

.sub_nav { background:url(images/grad_sprite.png) left -73px repeat-x; height:28px; line-height:20px; margin:1px 0px 0px; padding:0px 15px; text-transform:uppercase; font-size:10px; }
.sub_nav a { text-decoration:none; }
.sub_nav ul { float:left; position:relative; left:50%; margin-top:1px; }
.sub_nav ul li { margin:0px; padding:0px; float:left; position:relative; right:50%; }
.sub_nav ul li a { color:#006699; text-decoration:none; border-right:#aaa 1px solid; padding:0px 10px;}
.sub_nav ul li:first-child a { border-left:1px solid #aaa; }
.sub_nav ul li a:hover { color:#414141; }

/* ENTRIES */
h2.title { font-size:22px; color:#0099cc; font-weight:lighter; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:5px; line-height:22px; }
h2.title a, h2.title a:visited { text-decoration:none; color:#0099cc; }
h2.title a:hover, h2.title a:active { color:#d54e21; }
h
.p_info { font-size:9px; padding:0px 5px 5px; margin:0px; }
.p_info a { text-decoration:none }
.p_content { margin:5px 0px; padding:0px 5px; }
.p_content img { padding:4px; background:#f3f3f3; border:1px solid #ccc;  }
.p_info2 { padding:4px; background:#f3f3f3; border:1px solid #ccc; font-size:9px; }
.tags { margin-top:5px; font-size:9px; padding:0px 4px; }

/* COMMENTS */
.comment_box { padding:6px; margin-bottom:10px; background:#f3f3f3; border:1px solid #ccc; }
.U_avatar { float:left; }
.U_comment { float:right; width:88%; margin:0px; }
span.comment_info { font-size:10px; margin:0px; padding:0px; }
span.comment_info a { font-style:italic; }
.comment_text { margin:0px 0px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#464646; line-height:20px; }
#respond input[type=text] { padding:4px; font-size:11px; font-family:Verdana,Arail,sans-serif; background:url(images/grad_sprite.png) left -562px repeat-x; border:1px solid #ccc; }
#respond input[type=submit] { background:url(images/latest.png) left -73px repeat-x; height:38px; font-family:"Century Gothic", Arial, sans-serif; font-size:15px; color:#FFF; border:1px solid #e8e8e8; -moz-box-shadow:0px 0px 5px #777; -webkit-box-shadow:0px 0px 5px #777; box-shadow:0px 0px 5px #777; margin:13px 10px 0px 0px; }
#respond input[type=submit]:hover { cursor:pointer; background:url(images/latest.png) bottom repeat-x; }
#respond textarea { background:#fafafa; border:1px solid #ccc; padding:4px; }
.no_comment { background:url(images/exclaim.png) no-repeat; height:27px; line-height:27px; font-size:15px; padding:0px 0px 0px 35px; font-family:"Century Gothic",Arial,sans-serif; }

/* SIDEBAR */
#sidebar_wrap .widget_box { background:#fafafa; border:1px solid #ccc; padding-bottom:5px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:15px; }
#sidebar_wrap h3 { font-size:16px; font-family:"Century Gothic", Arial, sans-serif; margin:0px; padding:6px; border:none; }
.widget_box ul { margin-left:8px; border-left:1px solid #AAA; }
.widget_box ul li { padding:5px 5px 5px 12px; display:block; background:url(images/line.gif) 0px 13px no-repeat; }
.widget_box ul li a { display:block; text-decoration:none; font-size:13px; }

/* FOOTER */
.footer { margin:0px 0px 0px 50px; padding:0px; }
.foot_columns { float:left; width:182px; }
span.title { font-size:11px; color:#232323; }
.foot_columns ul { margin-left:8px; }
.foot_columns ul li { background:url(images/main_sprite.png) left -274px no-repeat; font-size:10px; color:#555; padding:0px 0px 0px 8px; }
.foot_columns ul li a { text-decoration:none; }