/*  

Theme Name: TIME MANAGER

Theme URI: http://www.anieto2k.com

Description: Adaptación para Wordpress de <a href="http://www.templateworld.com/zero/click.php?id=10">TIME MANAGER</a>

Version: 1.0

Author: Andrés Nieto

Author URI:  http://www.anieto2k.com

*/



/* CSS Document */

body{background:url(images/main-bg.gif) 0 0 repeat-x #A8A39D; color:#1A1917; margin:40px 0 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif;}

div, p, h1, h2, h3, ul{padding:0px; margin:0px;}

ul{list-style-type:none;}



/*--TOP PANEL--*/



#topPan{width:464px; height:398px; position:relative; margin:0 auto;}

#topPan ul {width:464px;}

#topPan ul li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}

#topPan ul li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}

#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}

#topPan ul li.menupadding{margin:0 0 0 1px;}

#topPan ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}



#topPan h1{display:block; width:464px; height:198px; background:url(images/header.jpg) 0 0 no-repeat; text-indent:-2000px; margin:0; clear:both;}



#toplinkPan{width:464px; height:159px; position:relative; margin:0 auto;}

#toplinkfastPan{width:148px; height:140px; float:left; background:url(images/shop-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}

#toplinkfastPan a{text-decoration:none; display:block; width:148px; height:140px;}

#toplinkfastPan a:hover{text-decoration:none; background:url(images/shop-hover.jpg) 0 0 no-repeat;}

#toplinkfastPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:0px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px;}



#toplinksecondPan{width:148px; height:140px; float:left; background:url(images/friends-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#fff;}

#toplinksecondPan a{text-decoration:none; display:block; width:148px; height:140px;}

#toplinksecondPan a:hover{text-decoration:none; background:url(images/friends-hover.jpg) 0 0 no-repeat;}

#toplinksecondPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:157px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }



#toplinkthirdPan{width:148px; height:140px; float:left; background:url(images/contact-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}

#toplinkthirdPan a{text-decoration:none; display:block; width:148px; height:140px;}

#toplinkthirdPan a:hover{text-decoration:none; background:url(images/contact-hover.jpg) 0 0 no-repeat;}

#toplinkthirdPan p{display:block; width:90px; height:15px; position:absolute; top:0px; right:34px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }



/*--BODY PANEL--*/

#content {

font-size: 1em; width:352px; background:url(images/bodytopbg.jpg) 0 0 no-repeat #fff; color:#1A1917; position:relative; margin:0 auto; padding:10px 56px 0 56px;}

	}



.narrowcolumn {padding: 0 0 0 0;

	margin: 0;

	}

	

.narrowcolumn .postmetadata {

	padding: 0;

	}

	

.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	}

	

.narrowcolumn .entry {

	line-height: 18px;

    clear: both;

	}



.narrowcolumn .entry ul li {

    list-style-type: square;

	}



.narrowcolumn .entry ol {

    padding-left: 9px;

	}

		

.narrowcolumn .entry ol li {

    list-style-type: decimal;

	}

	

html>body .entry ul {

	margin-left: 0;

	padding: 0 0 0 20px;

	list-style: square;

	text-indent: -10px;

	} 

	

html>body .entry ol {

	margin-left: 16px;

	padding: 0 0 0 20px;

	list-style: decimal;

	text-indent: -10px;

    }

	

html>body .entry li {

	margin: 7px 0 7px 10px;

	padding: 0 0 0 10px;

	}

	

.alt {

	background-color: #f8f8f8;

	border: 1px solid #ddd;

	}

	

.alttwo {

    background-color: #EBF5FF;

	border: 1px solid #C0D8F3;

	}

.entry p {color: #444; padding-top: 10px;}

.entry p a:link, a:visited {color: #ee0f84;}

.entry p a:hover {background-color: #ee0f84; color: #fff;}



.entry p.meta {

    margin: 0;

	padding: 2px 0;

	border-top: 1px dotted #DDD;

	}

	

.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



.post {

	margin: 20px 0 0 0;

	text-align: left;

	}



ul.date {

    background: url('images/databg.gif') no-repeat;

	width: 48px;

	height: 45px;

	float: left;

	margin: 0 10px 0 0;

	padding: 0;

	}



li.day {

   font-size: 22px;

	color: #FFF;

	text-align: center;

	list-style-type: none;

	margin-top: 2px;

	}

	

li.month {

    font-size: 12px;

	color: #5B9300;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

	list-style-type: none;

	}

	

ul.title {

   float: left;

	margin: 0;

	padding: 0;

	}

	

li.topic {

    list-style-type: none;

	font-size: 18px;

	font-weight: bold;

	margin: 0;

	padding-bottom: 4px;

	}



li.topic a:link, a:visited {

    color: #ee0f84;

	text-decoration: none;

	}



li.topic a:hover {

    background-color: #ee0f84;

    color: #fff;

	text-decoration: none;

	}



li.postmeta {

    color: #609509;

    list-style-type: none;

	font-size: 9px;

	background: url('images/smallbg.png') no-repeat top left;

	padding-top: 8px !important;

	padding-top: 5px;

	text-transform: uppercase;

	}



li.postmeta a:link, a:visited {color: #ee0f84;}

li.postmeta a:hover {background-color: #ee0f84; color: #fff;}





#bodybottomPan{width:464px; height:42px; background:url(images/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding: 0; clear:both; }







#content form{width:350px; background:url(images/formarea.jpg) 0 100% no-repeat; padding:0px; margin:30px 0 0;}

#content form h2{display:block; width:310px; height:45px; background:url(images/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px "Trebuchet MS", Verdana, Arial, sans-serif; margin:0; padding:0 0 0 40px;}

#content form p{ text-align:center;}

#content form input{ height:18px; margin:0 0 10px 0px;}

#content form input.paddingtop{margin-top:16px;}

#content form input.button{width:54px; height:25px; display:block; background:url(images/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}

#content form textarea {width:90%; margin:0 5%; height:5em;}

#content form input[type="submit"]{width:90%; margin:0 5% 10px 5%;}



/*--FOOTER PANEL--*/

#footermainPan{height:155px; background: url(images/footerbg.gif) 0 0 no-repeat #000; color:#fff; margin:43px 0 0; padding:51px 0 0;}

#footerPan{width:330px; height:90px; display:block; position:relative; margin:0 auto;}

#footerPan p{padding:51px 0 0;}

#footerPan p span{color:#AC2626; font-size:10px;}

#footerPan p.copyright{margin:0; display:block; position:absolute; bottom:0px; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0;}



#footerPan ul{width:330px; display:block; position:absolute; left:0px; top:0; padding:0; }

#footerPan li{border-right:1px #ccc solid;float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;padding-right:5px;}

#footerPan ul li a{padding:0 0 0 12px; color:#fff; text-decoration:none;}

#footerPan ul li a:hover{text-decoration:underline;}



.copyright a {color: #fff; text-decoration: none;}



.alt {background-color:#efefef;}

#ajax_comments {display:block;}

#ajax_comments dt { border-bottom:1px dotted #ccc;}

#ajax_comments dt span a{font-size:1em;text-decoration:none;color:#999;}

#ajax_comments dd {margin-left:-0px;}



.alignleft{ background:url(images/left.jpg) no-repeat; padding-left:20px;}

.alignright{ background:url(images/arrow.jpg) no-repeat; padding-left:20px;}



.bg-swirl1 {float: left; width: 235px; height: 531px; background:url(images/bg-swirl.gif) no-repeat; position:absolute; top:0px; left: 0px;}



.login a{color: #222;}