/*  
Theme Name: LaJo WPT - 004
Theme URI: http://www.quicksound.se
Description: This is my fourth theme.
Version: 1.0
Author: Lars Johansson
Author URI: http://www.quicksound.se


Colors used:
*/



body{

  text-align: center;

  font-size: 10px;

  font-family: Verdana, Arial;

  margin: 0;

  padding: 0;

  margin-top: 259px;

  background-color: #F6F6F6;  

  background-image: url(images/header/header.png);

  background-position: top;

  background-repeat: no-repeat;

}



p {

  margin: 0;

  padding: 0;

}



X*{

  border: 1px solid red;

}



#wrapper{

  width: 1000px;  

  margin: 0 auto 0 auto;

  padding: 0;

  margin-top: 25px;

  background: url(images/body/container_BKG.png) repeat;

  background-color: #FFFFFF;

}



/* HEADER */



#header{



}



#menu{

  background-color: #00AEEF;

  height: 22px;

}

 

#pagenavigator{

  float: left;

  text-align: left:

  margin: 0px;

  padding: 0px;

}



#pagenavigator ul{

  margin: 0px;

  padding: 0px;

}



#pagenavigator li{

  list-style-type: none;

  float: left; 

}



#pagenavigator a{

  font-size: 1.4em;

  color: #FFFFFF;

  text-decoration: none;

  font-weight: bold;

  padding: 0px 20px 0px 20px;   

  margin: 0 1px 0 0 ;

  text-align: center; 

}



#pagenavigator a:hover{

  background-color: #005190;  

  padding: 5px 20px 5px 20px;

}



.clear{

  clear: both;

}



/* CONTAINER / MAIN / CONTENT ";*/

#container{

  margin: 0px;

  padding: 0px;

  text-align: left; 

  width: 650px;

  float: left;

  color: #000000;

  height: 100%  

  overflow: auto;

}



.post{

  width: 650px;

  float: left;

	clear: both;

	margin-top: 20px;

	margin-bottom: 10px;

	Xborder-top: 1px dotted #005190;

}



.postInfo{

  background-color: #00AEEF;

  color: #FFFFFF;

  float: left;

  width: 150px;

}



.postHolder{

  float: left;

  width: 500px;

  border-top: 1px dotted #00AEEF;

}



.postNo {

  font-size: 1.4em;

  font-weight: bold;

  padding-left: 170px;

  padding-top: 20px;   

  margin: 0 1px 0 0;

  text-align: center;   

}



.posth-even{

  /*text-align: right ;*/

  text-align: left;

}



.posth-odd{

  text-align: left;

}



.entry{  

  padding: 0;

  margin: 0;

  clear: both;

}



.entry img{

  border: 1px solid #DDDDDD;

  padding: 6px;

  background-color: #FFFFFF;

  display: block; 

  margin-left: auto; 

  margin-right: auto;  

}



.entry p {

  padding: 10px;

  font-size: 1.2em;

  line-height: 1.5em;

}



.navigation{  

  clear: both;

  padding: 20px;

  padding-left: 160px;

}



navigation_old{

  float: right;

}



navigation_new{

  float: left;

}



.navigation a{

  font-size: 1.2em;

  text-decoration: none;

  color: #00AEEF;

}



.navigation a:hover{

  text-decoration: underline;

}



.prev{

  float: left;

}



.next{

  float: right;

}



.post h2{

  padding: 5px;

  padding-left: 10px;

  padding-right: 10px;

  margin: 0px;

  float: left;

  font-size: 2.5em;

}



.date{

  border-top: 1px dotted #00AEEF;

  text-align: center;  

  font-weight: bold;

  width: 150px;

  overflow: auto;

  padding-top: 5px;

}



.date_day{

  font-size: 2.5em; 

  float: left;

  width:70px; 

  text-align: right;

  padding-right: 3px;

  border-right: 2px solid #FFFFFF;

}



.date_month{

  font-size: 1.2em;

  float: left;

  width:72px; 

  text-align: left;  

  padding-left: 3px;

  text-transform: uppercase; 

  padding-top: 4px; 

}



.date_year{

  font-size: .8em;

  float: left;

  width:72px; 

  text-align: left;

  padding-left: 3px;

}



.post a{

  color: #00AEEF;

  text-decoration: none;

}



.post a:hover{

  text-decoration: underline;

}



.postInfo{

  padding-bottom: 10px;

}



.postInfo a{

  color: #005190;

}



.postInfo p{

  padding: 10px;

  padding-bottom: 0px;

  clear: both;  

}



.icons {

  font-size: 0.1em;

}





/* Comments */

#commentsHolder{

  clear: both;

  padding: 20px;

  padding-left: 160px;

}



#commentsHolder .alt{

  

}



#commentsHolder .even{



}



#commentsHolder textarea{

  width: 475px;

  border: 1px dotted #00AEEF;

}



#commentsHolder input{

  border: 1px dotted #00AEEF;

}



#commentsHolder #submit{

  border: 1px dotted #00AEEF;

  background-color: #00AEEF;

  color: #FFFFFF;

  cursor: pointer;

}



#commentsHolder #submit:hover{

  background-color: #005190;

}



.commentmetadata{

  border-top: 1px dotted #00AEEF;

  margin-top: 15px;

  padding-top: 5px;

}



.commentmetadata a{

  color: #00AEEF;

}



#commentsHolder p{

  padding-top: 5px;

  font-size: 1.2em;

  line-height: 1.5em;

}



#respond {

  margin-top: 15px;

  padding-top: 5px;

  border-top: 1px dotted #00AEEF;

}



/* SIDEBAR */

.sidebar{ 

  text-align: left;

  width: 350px;

  margin: 10px 0 0 0;

  overflow: auto;

}



.sidebar ul{

  list-style-type: none;

  margin: 0;

  padding: 0 10px 0 0px;

}



.sidebar ul li{

  Xpadding: 0px 0 10px 0;

  Xbackground: url(images/body/bg-boxMETA.png) repeat !important; 

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	margin: 10px 0 0 0;

	padding: 1px 0px 10px 10px;  

	color: #000000;

	overflow: visible;

}



.sidebar ul li ul li{

  background: url() !important;

  padding: 0;

  margin: 0; 

}



.sidebar a{

  font-weight: bold;

  text-decoration: none;

  color: #00AEEF;

  Xcolor: #a3d5ea;

  font-size: 1.2em;

}



.sidebar a:hover{

  text-decoration: underline;

}



.sidebar ul li h2{

  font-size: 1.2em;

}



.sidebar ul ul li{

  padding: 0;

}



#search{

  Xbackground: url(images/body/bg-boxMETA.png) repeat !important;

  background-color: #00AEEF;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	margin: 10px 0 0 10px;

	padding: 15px;

	color: #FFFFFF;

	font-size: 1.8em; 	

}



#search input{

  border: 1px solid #00AEEF;

  background: url(images/body/bg-boxSEARCH.png);

	color: #FFFFFF;

	font-size: 1.0em;  

	width: 215px;

}



#search input:hover{

  border: 1px solid #FFFFFF;

}



#searchsubmit{

  width: 25px !important;

  height: 25px;

  background: url(images/body/search.png) !important;

  cursor: pointer;

}



#calendar{



}



#categories{



}



#twitter{

  background: url(sys/twitter_bkg.png);

  background-repeat: no-repeat;

  font-size: 1.6em;

  padding: 50px 10px 10px 65px; 

  color: #FFFFFF; 

  height: 190px;

  border-bottom: 2px solid #00AEEF;

}



#twitterStatus{

  color: #FFFFFF;

  height: 120px;

  line-height: 1.4em; 

  font-style: italic;  

  font-weight: bold;  

}



#twitterTime{

  padding-top: 3px;

  text-align: right;

}



#twitterFollow{

  padding-top: 45px;

  padding-right: 15px;

  text-align: right;

  font-size: 1.2em;

}



.sidebar #twitter a{

  text-decoration: none;

}



.sidebar #twitterStatus a{

  color: #005190;

  font-size: 0.9em;  

}



.sidebar #twitterTime a{

  color: #00AEEF;

  font-size: 0.6em;

}



.sidebar #twitterFollow a{

  color: #00AEEF;

  font-size: 0.8em;

}



.sidebar #twitter a:hover{

  text-decoration: underline;

}

.sidebar #lifestream {
  padding: 10px 8px 10px 8px;
}

.sidebar #lifestream .lifestream_date {
  padding: 2px 0px 2px 27px;
  background-color: #00AEEF;
  color: white;
  font-size: 1.2em;
}

.sidebar #lifestream a {
  font-size: 1.0em;
}

.sidebar #lifestream p.lifestream-paging {
  padding-top: 5px;
  text-align: center;
  border-top: 1px solid #00AEEF; 
}

.sidebar #lifestream .lifestream_meta {
  padding-top: 3px;
  padding-bottom: 4px;
  font-style: italic;
  text-align: right;
}

.sidebar #lifestream p.lifestream_credits {
  display: none;
}

/* FOOTER */

#footer{

  clear: both;

  background-color: #00AEEF;

  color: #FFFFFF;

  padding-top: 0px;

  padding-bottom: 0px;

  width: 1000px;

  overflow: auto;

  -moz-border-radius-bottomright: 15px;

  -moz-border-radius-bottomleft: 15px;

	-khtml-border-bottom-right-radius: 15px;  

	-khtml-border-bottom-left-radius: 15px;

	-webkit-border-bottom-right-radius: 15px;

	-webkit-border-bottom-left-radius: 15px;

	border-bottom-right-radius: 15px;

	border-bottom-left-radius: 15px;

	margin-bottom: 50px;

}



#footerLeft{

  float: left;

  width: 150px;

}



#footerMiddle{

  float: left;

  width: 500px;

}



#footerRight{

  float: left;

  width: 350px;

}



#footer p {

  padding: 20px;

}



#footerLeft p {

  padding: 20px 5px 20px 5px;

}



#footer a{

  color: #005190;

  text-decoration: none;

}

#footer a:hover{

  text-decoration: underline;

}



/* COMMON */