/*
Theme Name: 4SNK
Theme URI: http://www.4snk.com
Description: BlingWeb themes for 4snk.com
Version: 1.0
Author: Nora AbdulRhman
Author URI: http://blingweb.net
*/

/*** go on :) **********************/
body { background-color:#ffffff; color: #666666;}
html, body, input, button, select, option, textarea { font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
a, a:visited { text-decoration: none; color:#ff0000; font-weight: bold;}
a:hover { text-decoration: none; color:#8a8a8a;}
a:active {text-decoration: none; color:#8a8a8a;}
h2{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; font-weight: bold; display: block; margin: 0; padding: 4px 10px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 23px; text-decoration:none; font-weight:lighter; }
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
small {font-family: Tahoma, Arial, Helvetica; font-size: 0.9em; line-height: 1.5em; color:#464646;}
hr { display:none;}
code {display:block; background:#f7f7f7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:7px 7px 7px 7px; position:relative; color:#412338; text-align:left;}
pre {float:left; direction:ltr; font-size: 1.2em;  color: #242424; float:left; margin: 10px; padding:10px; background-color: #f4f4f4; overflow:auto; }

/*** Required For Themes ****************/ 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; width:auto;}
.alignright { float: right; margin: 0 0 7px 7px; width:auto;}
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; background-color: #f3f3f3; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*** Images ****************/
img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
img { border:none;}
.alignright {float: right;}
.alignleft {float: left}
.alignnone { }
.gallery .thumb {width: 550px; height: 200px; overflow: hidden; float: left; margin: 5px 23px; padding: 0; background: url(images/loading.gif) no-repeat center;}
.gallery span { /*--Used to crop image--*/overflow: hidden; display: block;}
.gallery .thumb a:hover{}

/*** li ********************/
html>body .entry li {margin: 0px; list-style-image: url(images/li.gif);}
ul{ margin: 0px; padding: 0px;}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: url(images/li.gif); padding:3px; margin-right: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style-type: none;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}
#sidebar ul { padding:0px 15px 0px 15px ;}
#footer ul li {list-style-type: none; list-style-image: url(images/li.png); padding:3px; margin-right: 15px;}

/*** Layout **********************/
html, body, div { margin: 0; padding: 0; }
form { display: block; margin: 0; padding: 0; }
.clearer { clear: both; }
.hidden { visibility: hidden; }
div#container { margin: 0 auto; min-width: 1024px; max-width: 100%;}
.title { margin: 0; padding: 0; width: 100%; color:#474747; }
.title-wrapper { margin: 0 auto; width: 1000px; height: 117px;}
.sitename { margin: 0; padding: 0; float: left; font-size:0px; padding-left:0px; padding-top:30px; width:300px;}
div#sitename h1 { display: block; margin: 0; padding: 0 0 0 250px; width: 300px; float:left;}
div#sitename h1 a, div#sitename h1 a:visited { display: block; margin: 0; height: 240px; text-decoration:none; text-indent: -9999px ; overflow:hidden;}
.sitename p { display: none; }
#wrapper { margin: 0; padding: 0; width: 100%;}
.wrapper-wrapper {  margin: 0 auto; width: 923px;}
div#content { margin: 0; padding: 0px 0 0 0; width: 600px; float: left;}
div#contentmember { margin: 0; padding: 60px 0 0 50px; width: 800px; float: left;}

/*** Header ********************/
.container-top {clear: both; height: 13px; display: block; margin: 12px auto 0 auto;}

/*** Navbar ********************/
@font-face {font-family: Nora; src: url(LTe50401.ttf);}
#navbar {list-style:none; font-family: Nora, Helvetica, sans-serif; font-size:20px; margin: 40px 0 0 0}
#nav {list-style:none; position:relative;}
#nav, #nav ul, #toolbar ul {list-style: none;}
#nav li {list-style:none; padding: 20px 25px 0 3px; position:relative;}
#nav li#nav-home {list-style:none;}
#nav a, #nav a:visited,#nav li.current-cat-parent a, #nav li.current-cat-parent a:visited {list-style:none; display:block; color: #666666; padding-bottom:2px; font-weight:bold;}
#nav a:hover, #nav a:active	{list-style:none; color:#ff0000; text-decoration:none;}
#nav ul.children, #toolbar ul.children {list-style:none; position: absolute; border: none; display: none; background:url(images/nav-bg.png) repeat; padding: 5px 10px 5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#nav ul.children a, #toolbar ul.children a {color:#FFFFFF}
#nav ul.children, #nav ul.children li,#toolbar ul.children, #toolbar ul.children li {width: 120px; list-style:none; }
#nav ul.children li {padding:3px 0; list-style:none;}
#nav ul.children li a, #nav ul.children li a:visited,#nav li li.current-cat a, #nav li li.current-cat a:visited,{font-weight:bold; border:none; padding:2px 11px; text-transform:none; border:0; font-size: 9px; list-style:none; } 
#nav ul.children li a:hover, #nav ul.children li a:active, #nav ul.children li.current-cat a:hover, #nav ul.children li.current-cat a:active, #toolbar ul.children li a:hover, #toolbar ul.children li a:active {border:none; color: #000; text-decoration:none;}
#nav li {float: left; list-style-type: none;}
#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item {list-style:none; }
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a {list-style:none; text-decoration: none;}
#nav ul li.current_page_item a:hover {list-style:none; text-decoration: none;}
#nav ul li a {list-style:none; font-weight:bold; text-decoration: none; display: block; font-size:11px;}
#nav ul li a:hover {list-style:none; text-decoration: none;}

/*** Blog ****************/
body {font-family: 'Lucida Grande', Tahoma, Arial, Sans-Serif;}
#page {text-align: left; padding: 0; }
.info{color: #C1C1C1; font-size:8pt; background: #F4F4F4; padding: 5px 15px 5px 15px; margin: 40px 0 0 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.info a{color:#9b9b9b; font-weight:bold;}
.info a:hover{color:#ff0000;}
.info h3 a {font-family: Nora, Arial, Sans-Serif; font-size: 30px}
.navigation {display: block; text-align: center; font-size:10px; color:#CCCCCC; margin: 30px 0 0 0;}
.navigation a{color:#666666;}
.navigation a:hover{ color:#a3689a;}
.alignright {float: right;}
.alignleft {float: left;}
.breadcrumb { font-size:10px; color:#CCCCCC; margin: 20px 0 0 0; padding: 3px; background: #F6F6F6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.post {color: #666666; margin: 0; padding: 20px 0 0 0; text-align:justify;}
div.post div.title h2 {font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 30px; font-weight: bold; display: block; margin: 0; padding: 4px 10px;}
div.post div.title h2 a, div.post div.title hdiv.post div.entry { }
div.post div.title h2 a, div.post div.title h2 a:visited {}
div.post div.entry {}
div.post div.entry li{ line-height: 2.1em; }
div.post div.entry p { color: #595959; line-height: 1.2em;}
div.post div.entry li{ line-height: 2.1em; }
.entry a:hover{}
div.post div.entry blockquote {background:#fbecf7 url(images/quote.gif) right no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px; padding:10px 90px 10px 10px; position:relative;}
div.post div.entry blockquote blockquote { }
div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }
div.postgroup { }
div.postgroup  div.title h2 a, div.postgroup  div.title h2 a:visited {}
.sticky {color:#c6c4c4; font-size:8pt; background: #2c2c2c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 57px; }
.sticky .info{color:#c6c4c4; font-size:8pt; background: #2c2c2c;}
.sticky .info h3 { padding:0 30}

/*** error **********************/
.error { text-align:center; background: #EDEDED; padding:10px; margin:40px 0 0 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.error h3{font-family: Nora, Helvetica, sans-serif;}
#find404{ margin: 10px auto; padding: 5px 3px;}
#find404 #s {width: 250px; padding: 2px; border:none; font-size:15px;}
#find404submit{ border:none; background:none;}

/*** membersdash ********************/
.members { background:#b8b8b8 url(images/members-bg.gif) left top no-repeat ; color:#666666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:5px 0 10px; padding:0px 5px 5px 7px; position:relative; list-style:none;}
.members ul{ padding-left: 30px}
.members a{ color: #999999;}
.members a:hover{ color: #FFFFFF}
.members h2 {visibility:hidden; }
.members p {margin: 15px; }

/*** social ********************/
.socials {margin-bottom:10px; padding:20px 5px 0px 10px;}
.socials a {margin-right:10px;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_facebook {background:url(images/facebook.png) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_delicious {background:url(images/delicious.png) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_digg {background:url(images/digg.png) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_technorati {background:url(images/technorati.png) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_tweet {background:url(images/twitter.png) left no-repeat; padding-left:30px; padding-top:20px;}
.btn_reddit {background:url(images/reddit.png) left no-repeat; padding-left:30px; padding-top:20px;}

/*** Comments  **************/
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0;} 
ol.commentlist li { background:#fff; border:1px solid #b2b2b2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 65px; position:relative; } 
ol.commentlist li.alt { } 
ol.commentlist li.bypostauthor { } 
ol.commentlist li.byuser {background:#fff0f4;} 
ol.commentlist li.comment-author-admin {background-color:#f9eaee;} 
ol.commentlist li.comment {} 
ol.commentlist li div.comment-author { padding:0 170px 0 0;} 
ol.commentlist li div.vcard { font:bold 15px/1.4 arial,helvetica,sans-serif; } 
ol.commentlist li div.vcard cite.fn { font-style:normal; } 
ol.commentlist li div.vcard cite.fn a.url { color:#793e63; text-decoration:none; } 
ol.commentlist li div.vcard cite.fn a.url:hover { color:#331a2a; } 
ol.commentlist li div.vcard img.avatar { border:1px solid #d5d5d5; left:7px; position:absolute; top:7px; height:50px; width:50px; } 
ol.commentlist li div.vcard img.avatar-32 {} 
ol.commentlist li div.vcard img.photo {} 
ol.commentlist li div.vcard span.says {} 
ol.commentlist li div.commentmetadata {} 
ol.commentlist li div.comment-meta { font:bold 10px/1.4 Lucida Grande, Arial, Sans-Serif; position:absolute; right:10px; text-align:left; top:5px; } 
ol.commentlist li div.comment-meta a { color:#c5a4ca; text-decoration:none; } 
ol.commentlist li div.comment-meta a:hover { color:#f0b2c5; } 
ol.commentlist li p { font:normal 12px/1.4 Lucida Grande, Arial, Sans-Serif; margin:0 0 1em; text-align:justify; } 
ol.commentlist li ul { font:normal 12px/1.4 Lucida Grande, Arial, Sans-Serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } 
ol.commentlist li div.reply { background:url(images/replay.gif) no-repeat right; width:55px; height:19px;} 
ol.commentlist li div.reply:hover {} 
ol.commentlist li div.reply a { } 
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } 
ol.commentlist li ul.children li { } 
ol.commentlist li ul.children li.alt {} 
ol.commentlist li ul.children li.bypostauthor {} 
ol.commentlist li ul.children li.byuser {} 
ol.commentlist li ul.children li.comment {} 
ol.commentlist li ul.children li.comment-author-admin {} 
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; } 
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; } 
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; } 
ol.commentlist li ul.children li.depth-5 {} 
ol.commentlist li ul.children li.odd {} 
ol.commentlist li.even {} 
ol.commentlist li.odd {} 
ol.commentlist li.parent { } 
ol.commentlist li.pingback { } 
ol.commentlist li.pingback.parent { } 
ol.commentlist li.pingback div.vcard { padding:0 0 0 170px; } 
ol.commentlist li.thread-alt { } 
ol.commentlist li.thread-even {} 
ol.commentlist li.thread-odd {}  
.cancel-comment-reply { }
#submit {background:#89587b; color:#fff; padding: 5px 5px 5px 5px; border:none;}
#submit:hover{background:#c08eb2;}
#commentform label.error{font-size: 11px; color:#CC0000; font-weight:bold; margin-right: 100px; background:url('images/cancel.png') no-repeat right; width:80px; margin-top:4px; padding-right:10px;}

/*** forms ********************/
label{}
input {background:#f7f6f7; border: 1px solid #dbd8da; color:#2f2f2f; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
fieldset{background:#e0dfe0; border: 1px solid #dbd8da; color:#2f2f2f; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 5px; position:relative;}
legend{background:#f7f6f7; border: 1px solid #dbd8da; color:#2f2f2f; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 5px; position:relative;} 
select {background-color: #e9e7e8; color: #2f2f2f;}
textarea {background:#f7f6f7; border: 1px solid #dbd8da; color:#2f2f2f; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 5px; position:relative;}
form {}

/*** Sidebar *******************/
div#sidebar { margin: 0 0 0 0; padding: 20px 0 0 0; width: 285px; float: right; color:#acacac; font-size:10px; text-align:justify;}
#advertise { padding: 50px 11px 50px 11px; }
#advertise img { border: 0; }
#sidebar .sidebar-bot {display: block; height: 20px; clear: both;}
#sidebar .advertise {text-align: right; padding:0; margin-right:7px;}
#sidebar .advertise img {padding:0 5px; border:none;}
#sidebarwrap { padding: 15px 0px 0px 0px; margin: 0px; border: none;}
#sidebar h2{ color:#000; text-align: left; padding: 5px; margin:40px 0 0 0; font-family:alamain, Helvetica, sans-serif; font-size:20px; border-bottom: 1px solid #A3A3A3;}
#sidebar h3{ color:#373737;}
#sidebar .box { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:10px 5px 10px 5px; position:relative;}
#sidebar .box h2{ font-size:15px; color:#000; border-bottom: 1px solid #999999;}
.searchsubmit  { border:none; background:none; position:absolute;}

/*** Tooltips ****************/ 
#tooltip{ position:absolute; background-image:url(images/nav-bg.png); padding:2px 5px; color:#fff; display:none; font-size:13px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}	
.feeds{ text-align:center; }

/*** Footer ********************/
#footer {width: 100%; height:400px; background: #333333; color: #b4b0b3; font-size:9px;}
#footer a, div#footer a:visited { text-decoration:none;}
.sub { width:100%; margin: 30px;}
.subfooter { float:left; text-align:justify; margin:0 0 0 0; width:400px; height:300px; list-style:none; border-right: #666666 solid 1px; color:#939393;}
@font-face {font-family: alamain; src: url(alamain1.ttf);}
.subfooter h2 {color:#cacaca; font-size:17px; font-family:alamain, Helvetica, sans-serif}