/*  
Theme Name: BlankHabit
Theme URI: http://www.blankhabit.com/
Description: <strong>BlankHabit Theme </strong> This Theme was Designed by <a href="http://www.blankhabit.com">non</a> <br /> You might want to subscribe to <a href="http://www.blankhabit.com/feed">Blog's RSS Feed</a> to keep up with the latest Bug fixs and releases.
Version: 1.0
Author: non
Author URI: http://www.blankhabit.com/

*/




body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	background: url(images/background.jpg);
	background-color:#000000;
	background-repeat: no-repeat;
	font-weight: normal;
}

* { padding: 0; margin: 0; }



/* layout elements */


/*****************************************/
/* header *                            /
/*****************************************/

#header { width: 900px; margin: 47px 0 0 33px;}

#logo { text-indent:-9999px;background-image:url(images/blankhabit.jpg); background-repeat:no-repeat; width:400px; height:50px; }

.description {float:left; width: 545px; margin: 17px 0 0 0; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}

.imageLoader {
background: url(images/home_on.jpg);
background: url(images/work_on.jpg);
background: url(images/about_on.jpg);
background: url(images/blog_on.jpg);
background: url(images/contact_on.jpg);

}

/* navigation */

#nav { height:21px; margin-top: 23px;}

ul.nav { list-style-type:none; margin:0; padding:0; width:670px;display: inline;}

ul.nav li { float:left;margin-right: 16px;}

ul.nav li a { display:block;height:21px;}

ul.nav span{ display:none;}

a.home {background:url(images/home.jpg) top left no-repeat; width:82px;}
a.home:hover {background:url(images/home_on.jpg) top left no-repeat;}
a.work {background:url(images/work.jpg) top left no-repeat; width:82px;}
a.work:hover {background:url(images/work_on.jpg) top left no-repeat;}
a.about {background:url(images/about.jpg) top left no-repeat; width:94px;}
a.about:hover {background:url(images/about_on.jpg) top left no-repeat;}
a.blog {background:url(images/blog.jpg) top left no-repeat; width:73px;}
a.blog:hover {background:url(images/blog_on.jpg) top left no-repeat;}
a.contact {background:url(images/contact.jpg) top left no-repeat; width:130px;}
a.contact:hover {background:url(images/contact_on.jpg) top left no-repeat;}

/*****************************************/
/* home *                            /
/*****************************************/

#first { width: 637px;}

#second { margin: 0 0 0 35px; width: 161px;}

.welcome{ margin: 42px 0 0 0; width: 360px}

.welcome h1 {margin: 27px 0 0 0; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 14px; color: #FFFFFF; letter-spacing:0px; line-height:16px; font-weight: normal;}

#wel a { color:#d8cdcf; background-color:#470711; padding: 2px;}

#wel a:hover {color:#d8cdcf;background-color:#e2032f;}

#hnews {margin: 57px 0 0 0; border-bottom: 1px solid #808080; height: 42px;}

.news1 { border-bottom: 1px solid #808080; }

h2.news1 { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; color: #FFFFFF; font-weight: normal; background: url(images/arrow_n.jpg) no-repeat  10px center ;}

.news1 a { padding: 10px 0 10px 30px; display: block;}

.news1 a:hover { text-decoration: none; background-color: #e2032f; color:#FFFFFF; }


/*****************************************/
/* about *                            /
/*****************************************/

#aone { margin: 30px 0 0 40px;width: 300px; line-height: 18px; color:#d8cdcf;}

#atwo{margin-top: 30px;color:#d8cdcf;}

#aowho { margin-bottom: 27px;display: block; background: url(images/who_am_I.gif) no-repeat; height:44px; text-indent: -5000px;}

#aowhat { margin-bottom: 27px;display: block; background: url(images/what_I_do.gif) no-repeat; height:44px; text-indent: -5000px; width: 335px;}

#atwo h1{font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 24px; margin-bottom: 0px;}

#atwo h2{font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 14px; font-weight:normal; }

.what { margin-bottom: 35px;}

/*****************************************/
/* work *                            /
/*****************************************/

#pdisplay { border-top: 1px solid #808080;}

.ptitle {margin: 0 0 0 17px; height:35px;}

.ptitle h1{ font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #FFFFFF; font-weight: normal; margin: 0 0 0 0;}

#desc { margin: 0 0 0 17px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: normal;}

#plink { margin: 0 0 0 5px; }

#plink a {font-family: Arial, Helvetica, sans-serif; font-size: 13px;padding: 0px 2px 0px 2px;}

#plink a:hover { text-decoration: none; background-color: #0e9ddc; color:#FFFFFF; }

#ptype { margin: 5px 0 29px 17px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #91041f; padding: 2px 5px 2px 5px;}

#top1 {margin-top: 5px;font-size: 13px; color: #808080;}

#top1 a:hover {text-decoration: none; color:#FFFFFF;}



/*****************************************/
/* blog *                            /
/*****************************************/

.bhposts {border-bottom: 1px solid #808080; }

.bhposts h1 {font-size: 24px; margin: 5px 0 5px 20px; }

.bhposts h1 a { color: #CCCCCC;}

.bhposts h1 a:hover { color: #83c3db;}

.bfpost h1 a:hover{color: #83c3db;}

.post-content p { margin:20px 0px; line-height: 18px; color:#d8cdcf;}

.post-content p a { color:#d8cdcf;background-color:#590916;}

.post-content p a:hover { color:#d8cdcf; background-color:#e2032f;}

.bfpost { margin: 20px 20px 20px 20px;}

.bfpostwrap {background-color:#3e060f; padding: 1px 0 5px 0; margin-bottom: 15px}

.cat_meta { float:left; background: url(images/cat_icon.gif) no-repeat left center ; padding: 0 0 0 17px; color: #83c3db; font-weight:bold; font-size:12px;}

.cat_meta a{color: #83c3db; font-weight:bold; font-size:12px;}

.cat_meta a:visited{color: #83c3db; font-weight:bold;}

.cat_meta a:hover {text-decoration: none; color:#FFFFFF;}

.pfooter { background-color: #1e0307; padding: 5px; color:#d8cdcf;font-size: 13px;}

.pfooter a { color:#d8cdcf; background-color:#470711;}

.pfooter a:visited {color:#d8cdcf;background-color:#470711;}

.pfooter a:hover {color:#d8cdcf;background-color:#e2032f;}

/*****************************************/
/* contact *                            /
/*****************************************/

.cont1 h1{color: #000000; text-indent: -5000px; background: url(images/freelance_work.gif) no-repeat left center; margin: 22px 0 20px 0; }

.cont2{color: #000000; text-indent: -5000px; background: url(images/say_hello.gif) no-repeat left center; margin: 30px 0 10px 0; height: 36px; width: 182px;}


/*****************************************/
/* sidebar*                            /
/*****************************************/

.web {background: url(images/web.gif) no-repeat 16px 22px; display:block;height:55px;}

.web span{ display:none;}

.print {background: url(images/print.gif) no-repeat 16px 22px; display:block;height:55px;}

.print span{ display:none;}

.plist { border-bottom: 1px solid #333333; }

.plist li { border-bottom: 1px solid #333333;}

.plist li { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; color: #FFFFFF; font-weight: normal; background: url(images/bullet_off.gif) no-repeat  7px center ;}

h4.plist { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; color: #FFFFFF; font-weight: normal; background: url(images/bullet_off.gif) no-repeat  7px center ;}

.plist a { padding: 6px 0 6px 30px; display: block;}

.plist a:hover { text-decoration: none; background-color: #e2032f; color:#FFFFFF; }

.plist a:visited { text-decoration: none; color:#CCCCCC; }


/*****************************************/
/* sidebarb*                            /
/*****************************************/

.categories {background: url(images/categories.gif) no-repeat 16px 22px; display:block;height:55px;}
.categories	 span{ display:none;}

.lposts {background: url(images/latest_posts.gif) no-repeat 16px 22px; display:block;height:55px;}
.lposts	 span{ display:none;}


/*****************************************/
/* footer *                            /
/*****************************************/

#footer p {font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 11px; color: #4d4d4d; letter-spacing:0px; line-height:16px; font-weight: normal;}


/* global elements */

#wrap { float: left; width: 1080px; }

#container { width: 1066px; margin: 43px 0 0 33px; }

#wcontainer {width: 700px; margin: 43px 0 0 33px; }

#bcontainer {width: 700px; margin: 43px 0 0 33px;}

.post { margin: 20px 0 0; }

.post-meta {margin: 10px 0 0 0; }

.navigation { padding: 10px 0 0 0; font-size: 14px; font-weight: normal; line-height: 18px; }

#sidebar { width: 197px; margin: 43px 0 0 40px; border-top: 1px solid #333333;}

#footer { width: 900px; margin: 57px 0 0 33px; }





a, a:visited { color: #FFFFFF; text-decoration: none; }
a:hover { color: #e2032f; text-decoration: none; }
a:active, a:focus{outline:none;}
a img { border: none; }

ul, li {list-style: none;}

.clear {clear:both; }
.left {float:left; }
.right {float:right; }


/* headlines */

h1{ font-family: Arial, Sans-serif; font-size: 28px; font-weight:normal; letter-spacing:-1px; line-height:32px; margin: 0px 0px 10px; }




/* content styles */




.sidebar ul{ list-style-type: none; margin: 0; padding: 10px 0px; }
.sidebar li{ list-style-type: none; margin: 0; padding: 0px 0px 10px; }

#wp-calendar { width: 100%; }

.search { margin: 0px 0px 20px 0px}

#footer p { line-height: 18px; }


/* comments */


.avatar { float:left; padding: 0 0 10px 0;}

.comment_text { color: #D8CDCF; float:left; width: 550px; font-size: 12px;}

.comment_info_text { color: #D8CDCF; float:left; width: 550px; font-size: 12px; padding-bottom: 5px;}

.meta {font-size: 10px; color: #D8CDCF;}

.meta-auth {font-size: 12px; width: 65px; overflow:hidden; color: #D8CDCF; padding-bottom: 3px;}

.auth { width: 65px; float:left; padding: 0 30px 10px 0;}



.comments-template{
	margin: 40px 0 0 0;
	border-top: 1px solid #1E0307;
	padding: 0px 0 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	line-height: 14px;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid  #1E0307;
}

.comments-template ol li a{ color:#d8cdcf; background-color:#470711;}

/*.comments-template ol li a:visited {color:#d8cdcf;background-color:#470711;}*/

.comments-template ol li a:hover {color:#d8cdcf;background-color:#e2032f;}



#commentform {margin: 30px 0 0 0; width: 550px;}

#email { margin: 5px 5px 5px 0px;  text-decoration: none; font-weight: normal; font-size: 12px; background-color: #1E0307 ; color:#D8CDCF; border: none; padding: 5px;}

#author { margin: 5px 5px 5px 0px;  text-decoration: none; font-weight: normal; font-size: 12px; background-color: #1E0307 ; color:#D8CDCF; border: none; padding: 5px;}

#url { margin: 5px 5px 5px 0px;  text-decoration: none; font-weight: normal; font-size: 12px; background-color: #1E0307 ; color:#D8CDCF; border: none; padding: 5px;}

.comments-template textarea {width: 500px; margin: 8px 5px 8px 0px;  text-decoration: none; font-weight: normal; font-size: 12px; background-color: #1E0307 ; color:#D8CDCF; border: none; padding: 5px;}

.comments-template small {font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 10px; color: #D8CDCF; font-weight: normal;}

.comments-template input { background-color:#1E0307; border: none; color: #D8CDCF ; padding: 3px;}


/*.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}*/