/* 
Theme Name: Simple-Black
Theme URI: http://www.TangentView.com
Description: A minimal theme based in black and white. 
Author: Ray Martin
Author URI: http://TangentView.com
Version: 1.0



/**********

 *  Basic  *


***********/



body {
	margin: 0;
	padding: 0;
	background: #333333;
     	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	text-align: center;
	font-size: small;
}



p {
	line-height: 1.5em;
	margin: 1.2em 0;
	color: #333;
    
}



ol, ul {

	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0 0 0 15px;

}



ol {

	padding: 0 0 0 20px;

}



h1, h2, h3, h4, h5, h6 {

	margin: 1.2em 0;

	font-family: Arial, Sans-Serif;
	color: #333;
	font-size: 130%;


}



h1 {  }

h2 {  }

h3 { }

h4 {  }



hr {/* to be styled */}



a:link,

a:visited {

	color: #ccc;

	text-decoration: none;

}



a:hover,

a:active {

	color: #FFFFFF;

	text-decoration: underline;

}



input, textarea, select {

	border: 1px solid #000000;
	background: #333333;
	color: #000000;
	font-family: Tahoma, Arial, Sans-Serif;

}

input, textarea {
    border: 1px solid #333333;
	background-color: #CCCCCC;
	background-image: url(images/inputbg.gif);
	background-repeat: repeat-x;
    color: #000000;
    font-size: .9em;              
}

.button {
	background-color: #CCCCCC;
        background-image: none;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #333333;
	border-bottom-color: #333333;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}



blockquote {

	margin: 0 20px;
	padding: 0 10px 0 15px;
	border-left: 4px solid #ccc;
        font-family: Verdana, Arial, Sans-Serif; 
        font-weight: bold;
}        


code {

	font-family: monospace;

	color: #666;

}



form, img, img a {

	margin: 0;

	padding: 0;

	border: 0;

}



.small {

  font-size:small; 
  color: #333;

}



.alignleft {

	float: left;

	margin-right: 10px;

	clear: left;

}

.alignright {

	float: right;

	margin-left: 10px;

	clear: right;

}





/***********

*  Layout  *

************/



#wrapper {

	width: 768px;

	margin: 0 auto;

	padding: 0;

/*	background: url(images/innerbg.gif) repeat-x top center;*/

	text-align: left;

        background-color: #000000;

/*	font-size: 1.2em !important; */ /* Enable this line if you're blogging in Asian languages and is using firefox. */

	
	overflow: hidden;

}

	

#content {
	float: left;
	margin: 0 0 0 14px;
	padding: 0  15px;
	width: 472px;
	display: inline;
	background: #fff;
	overflow: hidden;
	font-size: 100%;

}



#content a:link{
 color:#333;
}

#content a:visited{
 color:#888;
}


#content a:hover{
 text-decoration: underline;
}

#sidebar {

	float: right;
	margin: 0 14px 0 5px;
	padding: 10px 0 20px 0;
	width: 212px;
       	border-right: 5px solid #000000;
	border-bottom: 4px solid #000;
        background-color: #666666; 
	display: inline;
	overflow: hidden;
        
}



#sidebar a:visited {
 color:#CCCCCC;
} 




#sidebar a:hover {
 color:#FFFFFF;
 
} 
/***********

*  Header  *

************/



#header {
	height: 176px;
	margin: 0 0 0 0;
	padding: 0;
	background-image: url(Wilkomen.jpg);
	background-repeat: no-repeat;
	background-position: top center;

}



#header h1 {
	margin: 0;
	font-size: small;
        text-align: right;
        padding-top: 120px;
        padding-right: 50px;
        display: none;
}

#header h1 a {

	color: #FF6600;
        
}	



/* Navigation Menu */



ul.menu {

	margin: 0 10px 0 0;

	padding: 0;

	text-align: right;

}



ul.menu li {

	margin: 0 2px;

	display: inline;

}



ul.menu,

ul.menu li a { padding: 2px 15px 4px; }



ul.menu li a {

	margin: 0;

	font-family: Verdana, Helvetica, Arial, Sans-Serif;

	font-weight: bold;

	color: #333;

}



ul.menu li a:hover {

	background: #fff;

	text-decoration: none;

	color: #666;

}



ul.menu li.current_page_item a,

ul.menu li.current_page_item a:link,

ul.menu li.current_page_item a:hover {

	background: #fff;

	text-decoration: none;

	color: #333;

}





/************

*  Sidebar  *

*************/



#sidebar h2 {
	display: inline;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	font-weight: normal;
	color: #fff;
	font-size: 110%;
	font-family: Varanda, Ariel, sans-serif;
        letter-spacing: 1px;
        font-weight: normal; 
}



#sidebar ul {

	margin: 0;
	padding: 0;
	list-style-type: none;

}

	

#sidebar ul li {

	margin: 0;

	padding: 0 0 15px 0;

	display: block;

}



#sidebar ul li a {

	display: inline;

}



#sidebar p,

#sidebar ul ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;

}



#sidebar ul ul {

	background: none;

}



#sidebar ul ul ul {

	margin: 0;

	padding: 0;

	background: none;

}



#sidebar ul ul li {

	padding: 0 0 0 12px;

/*	background: url(images/indicator.gif) no-repeat 0 3px;

   this is where you would put a replacement bullet for the ULs */

}





/*  Customizing Sidebar  */



#sidebar #sb-posts li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #sb-blc li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #sb-grc li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #sb-feeds li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #sb-cates li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #sb-archives li { /* background: url(images/*.gif) no-repeat 0 2px; */ }

#sidebar #sb-misc li { /* background: url(images/*.gif) no-repeat 0 2px; */ }



#sidebar #s {

	margin: 0;

	width: 120px !important;

	width: 128px;

}



/************

*  Entries  *

*************/



.post {
  
   margin-right: 40px;
  
}



.posttitle {

        border-top: 1px solid #999;
	margin-bottom: -8px;
	padding: 5px 0 0 2px;
	width: 100%;
	color: #666666;
	overflow: auto;
        font-size: 130%;
        letter-spacing: 1px;
}



.posttitle a {
	padding: 0;
	color: #666666;

}



.posttitle a:link,

.posttitle a:visited {


  color: #666666;

}



.posttitle a:hover,

.posttitle a:active {

	color: #666666;
	text-decoration: none;

}



.postmeta {
	background: #fff;
	padding: 0 5px ; 
	padding: 0 5px 1px 5px;
	font-family: Verdana;
	color: #777;
        font-size: 75%;        
        font-weight: bold;
}


.postmeta a:visited,
.postmeta a:link {

      color: #333333;


}


.postmeta a:hover a:active{

     color: #000000;
     text-decoration: underline;


}



.postentry {

	width: 100%;
	margin: 0;
	padding: 0 2px;
	text-align: justify;
        font-weight: bold;
	color: #000;
	clear: both;
    font-size:110%;
     /*   letter-spacing: 1px; */

}



.postentry a:hover {

	text-decoration: underline;
        
}



/* .img in the post */

.postentry img {

 	padding: 0;
        display: block;
  /*      margin-left : auto; */
	margin-right: auto;
	border: 1px solid #ddd; 

}

img.noborder {

	padding: 0;

	border: none;

}



.postfeedback {

	text-align: right;
            
}



/* Page Navigation */

.pagenav,

.pagenav-alt {

	float: left;

	margin: 10px 0;

	padding: 0 5px 1px 5px;

	border-top: 1px dotted #999;

	background: #fff;

	font-family: Verdana;

	
}

.pagenav-alt {

	width: 460px;

	text-align: right;

}



/* Tags & del.icio.us */

.utwtags {

	padding: 5px 0 0 18px;

	background: url(images/technorati.gif) no-repeat left bottom;

	clear: both;

}

.utwtags a {

	color: #70b000;

}





.commentslink a:link {

   color: #000000;

/*	

	font-family: Verdana, Arial, Sans-Serif;

	background: url(images/comments.gif) no-repeat left center;
*/
 }





/*************

*  Comments  *

**************/




#commentlist {

	margin: 1.2em 0;
	padding: 0;
	list-style-type: none;
        font-size: small;
        color: #333;


}



#commentlist li {

	margin: 10px 0;

	border: 1px solid #999;

	padding: 1px 20px;

	background: #fff;

	color: #333;

}



h3.commenttitle {

	margin: 2px 0 0 0;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	color: #333;
    font-size: small;

}



.commentmeta {

	margin: 4px 0 0 0;

	font-family: Verdana, Arial, Sans-Serif;

		color: #999;

}



.commentmeta a:link,

.commentmeta a:visited,

.commentmeta a:hover,

.commentmeta a:active {

	color: #333;

}



#commentlist hr {

	width: 100%;

	height: 1px;

	color: #999;

}



/* Comment Counter */

.commentcounter {

	float: right;

	height: 30px; /* IE hack */

	margin: 15px 0 0;

	padding: 5px 0 0;

	color: #666666;

/*	font-family: 'Century Gothic', Verdana, Sans-Serif;

		font-style: italic; */

	font-weight: bold;
	clear: right;

}

#commentlist .adminreply .commentcounter {

	color: #999999;

}

#commentlist .adminreply {

	background: #fff;

}



/* Gravatar */

.commentgravatar {

	float: left;

	margin: 12px 6px 0 0;

	padding: 0;

}



img.gravatar {

	padding: 1px;

	border: 1px solid #ddd;

}





/***********

*  Footer  *

************/



#footer {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: left;
	letter-spacing: 1px;

}



#footer p {
	margin: 0 14px;
	padding: 10px 15px;
	font-family: Serif;
	color: #fff;
        font-weight: normal;
	background-color: #000;
        

}



#footer p a,

#footer p a:link,

#footer p a:visited {

	color: #fff;

	text-decoration: none;

}



#footer p a:hover{
    text-decoration: underline;

}

#footer p a:active {
	color: #fff;
        text-decoration: underline;
}





/**************

*   Plugins   *

***************/



/* Sweet Title */

body div#toolTip {
	position: absolute;
	z-index: 1000;
	width: 220px;
	border: 2px double #000;
	text-align: left;
	padding: 5px;
/*	min-height: 1em; */
	background-color: #999999;

/*	-moz-border-radius: 5px; */

}



body div#toolTip p {

	margin: 0;

	padding: 0;

	color: #fff;

	font: 11px/12px Verdana, Arial, Sans-Serif;

}



body div#toolTip p em {

	display: block;

	margin-top: 2px;

	color: #FFFFFF;

	font-style: normal;

	font-weight: bold;

}



body div#toolTip p em span {

	font-weight: bold;

	color: #fff;

}
#footerlogo {
	text-align: left;
	font-size: 75%;
	font-weight: normal;
	letter-spacing: 1.5px;
	background-image: url(images/wp-button-2.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 20px;
	float: right;
	width: 80px;
	margin-right: 25px;
	margin-top: 7px;
	display: inline;


}

#BarTopper{
	height: 20px;
	width: 200x;
	left: 10px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	background: transparent;

}

#comments  a:link {
color:#333333

}

.commenttitle a:link, .commenttitle a:active  {
  color:#333333;
  
}  
.commenttitle a:hover {
 
 color:#000;
 text-decoration: underline;

}

.dropcap {
	font-size: 200%;
	float: left;
	padding-right: .1em;
	line-height: 0.5em;
    font-weight:bold; 
    font-family:"Times New Roman", Times, serif 
}