/*
Theme Name: weightlossdiet.name
Description: A simple white base 3 columns theme. But, Single or Page is 1 column.
Version: 1
Author: weightlossdiet.name
 

.
Licence: released under the GNU GPL
*/

/*---- html ----*/

body {
    font-family: Helvetica, Arial, Verdana, sans-serif;
        color: #000;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

a, a:visited, a:active {
    color: #006600;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #00CC33;
    background: transparent;
}


/*---- common ----*/

.feedback {
	text-align: right;
	float: right;
}
.feedback a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00552B;
		
}
.feedback a:hover{
	color: #008040;
	text-decoration: underline;
}

/*---- header ----*/

.heda li a {text-decoration:underline; }

.vertical-background {
    background-image: url('./images/bg.png');
    position: absolute;
    width: 60px;
    height: 450px;
    z-index: 1;
}

.wrap {
    width: 90%;
    max-width: 1000px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
}

#blogtitle {

}

#header {
    height: 80px;
    margin-top: 20px;
    padding: 0px;
    color: #ffffff;
    background-color: #006600;
}

#header h1 {
    font-size: 2em;
    margin-left: 50px;
    margin-bottom: 0px;
    padding-top: 15px;
}

#header a {
    color: #ffffff;
    background: #006600;
    text-decoration: none;
}

#subtitle {
    font-size: 0.9em;
    color: #cccccc;
    background: #006600;
    margin-left: 50px;

}

/*---- footer ----*/

#footer {
    margin: 0 20px;
    clear: left;
        color:#FFFF80;
        background-color:rgb(0,102,0);
}
#footer a{ color:#FFFF80;
       background-color:rgb(0,102,0);
}
#footer a:hover{ color:#0000FF;
       background-color:#FFFFFF;
}

#footer h2 {
    font-size: 1.1em;
}

.credit {
    font-size: 0.8em;
    clear: left;
}

.credit ul {

}

.credit li {
    display: inline;
    margin-right: 5px;
    padding-left: 5px;
    border-left: solid 1px #aaaaaa;
}

.links ul {
    list-style-type: square;
    width: 200px;
    float: left;
}

.links li {
    font-size: 0.85em;
}

/*---- static navigation ----*/

.static-navi ul {
    margin-left: 55px;
    padding-top: 0px;
}

.static-navi li {
    font-size: 0.8em;
    margin-left: 5px;
    padding-right: 5px;
    display: inline;
}

.static-navi a {
    color: #006600;
    background-color: transparent;
    text-decoration: underline;
}

.static-navi a:hover {
    color: #003300;
    background-color: transparent;
    text-decoration: underline;
}


/*---- sidebar ----*/

.sidebar {
    float: left;
    text-align: left;
    width: 120px;
    margin-top: 0px;
    margin-left: 10px;
    padding-right: 5px;
    border-right: double 3px #009933;
}

.sidebar h2 {
    font-size: 0.9em;
}

.sidebar ul {
    list-style-type: none;
    font-size: 0.85em;
    margin-left: 0px;
    padding-left: 0px;
}

.sidebar ul li ul {
    list-style-type: none;
    margin-bottom: 5px;
}

.sidebar ul li ul li {
    margin-left: 0px;
    padding-left: 0px;
 list-style:disc;
	list-style-position:inside;
}
.children li {
    font-size: 1.1em;
}

/*---- sidebar2nd ----*/

.sidebar2nd {
    float: left;
    text-align: left;
    width: 150px;
    margin-top: 0px;
    margin-left: 2px;
    padding-right: 3px;
    border-right: solid 3px #CCFFCC;
}

.sidebar2nd h2 {
    font-size: 0.9em;
}

.sidebar2nd ul {
    list-style-type: none;
    font-size: 0.85em;
    margin-left: 0px;
    padding-left: 0px;
}

.sidebar2nd ul li ul {
    list-style-type: none;
    margin-bottom: 5px;
    
}

.sidebar2nd ul li ul li {
    margin-left: 10px;
    padding-left: 0px;
    list-style:disc;
    list-style-position:inside;
}
.sidebar2nd ul li ul li a:hover{
    margin-left: 0px;
    padding-left: 0px;
    text-decoration:underline;
    	
}
/*---- contetns ----*/
#contents {
    margin-left: 300px;
font-size: 0.9em;
}

#contents_single {
font-size: 0.9em;
    margin-left: 300px;
}


.post {
    font-size: 0.9em;
    padding: 5px 10px;
   vertical-align:top;
   line-height: 14pt;
    
}
.post h3 {
    font-size: 1.1em;
    color: #004D00;
    background: transparent;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 5px;
    border-left: solid 30px #3F5E00;
    border-bottom: solid 1px #3F5E00;
   text-decoration: none;
}
.post h3 a{
   
   text-decoration: none;
}
.post h3 a:hover{
   
   text-decoration: none;
}

.postcontent blockquote {
    background: #D6F9D2;
    color: #1B4419;
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 5px 15px;
    padding: 5px 10px;
    border: 1px #3A9136;
}
.postcontent img { border:none;
vertical-align:top; 
                 
                  }

.postmeta {
    font-size: 0.7em;
    border-bottom: #dddddd;
    text-align: right;
}

.posttitle h2 {
    font-size: 1.1em;
    color: #004D00;
    background: transparent;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 5px;
    border-left: solid 30px #3F5E00;
    border-bottom: solid 1px #3F5E00;
}

.posttitle a {
    color: #000000;
    background: transparent;
    text-decoration: none;
}

.posttitle a:hover {
    color: #0E4C0E;
    text-decoration: none;
}

.narrowcolumn {
font-size: 0.9em;
    margin-left: 300px;
}
.pagetitle { font-size: 14px; } 

.postback {
	font-size: 0.8em;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-left-style: none;
	border-top-color: #66CC33;
	list-style-position: outside;
	list-style-type: disc;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #669900;
        padding-bottom:20px;
        padding-top:20px;
}

.postback span{
	font-size:16px;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 22px;
	font-variant: normal;
	text-transform: capitalize;
	text-align: left;
	color: #007900;

}

.postback li a {
	font-size: 12px;
	color: #0000EC;
	text-decoration: underline;
}
.postback li a:hover {
	color: #4848FF;
	text-decoration: none;
}
/*---- comment ----*/

.commentarea h3 {
    font-size: 1.0em;
}

.commentlist p {
    padding: 5px;
    font-size: 0.9em;
}

.greenbox {
    color: #000;
    background: #DEF7E1;
}

.response {
    font-size: 0.9em;
}

.postcontent a{
text-decoration: underline;
font-weight: bold;
}
.tag { 
clear:left;
float:left;
width:260px;
	background-color: #FFFFFF;
	border:0px solid #aacbee;
	margin:10px;
	padding:0;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	
       
  }
.tag a:hover{ text-decoration:underline;
       
  }

table.at {
text-align:left;
color: #000000;
font-family: sans-serif;
font-size: 10pt;
width: 100%;
border:none;
font-family: Arial, Helvetica, sans-serif;
}
tr.ar {
}
td.ac  {
margin: 0px;
padding: 5px;
vertical-align:top;
border: none;
background-color: none;
}



td.ach {
margin: 0px;
padding: 10px;
vertical-align:top;
border: 1px #000000 solid;
background-color: none;
cursor: pointer;
}
.it  {
font-size: 9pt;
font-weight: bold;
color: #0000DF;
text-decoration:underline;
background: none;
}
.id {
display:block;
font-size: 10pt;
font-family: "Times New Roman", Times, serif;
padding:3px 0 0 5px;
color: #006600;
}
.iu {
color: #009500;
font-size: 10pt;
text-decoration: none;
}

.adsens { 
padding:25px 2px 0 7px;
}




.menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }