/*
Theme Name: susana
Author: ThemesPack 
Author URI: http://themespack.com/
Tags: black, custom header, fixed width, two columns,right column, widgets, options page, Adsense
Version: 3.1
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/


/* Body */
body {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: Arial, Helvetica, sans-serif;
   color: #333333;
   background: #666666;
   margin: 15px;
   padding: 0px;
}
#main {
   margin: 0px auto;
   width: 985px; 
   background: #FFFFFF;}

/* Header */

#header {
   position: relative;
   }

#logo {
    position: relative;
    padding: 10px 0px 0px 20px;
    height: 60px;
	}
#logo .description{
   position: absolute;	
   left: 25px;
   bottom:3px;
   color: #111111;
   font-size: 14px;
   }

/* Menu */

#menu {
   list-style: none;
   margin: 0px;
   margin-left:180px;
   position: absolute;
   top:26px;
}
#menu li {
   margin-right: 10px;
   }
#menu .current_page_item a, #menu .current_page_item a:visited{
   color: #cb2335;
   text-decoration: none;
   font:22px Arial Black,Arial,Helvetica,sans-serif;
   letter-spacing:1.5px;
   padding-right:10px;
   line-height:28px;
}
#menu .page_item a{
   color: #cb2335;
   text-decoration: none;
   padding-right:10px;
   font:22px Arial Black,Arial,Helvetica,sans-serif;
   letter-spacing:1.5px;
   line-height:25px;
	  }
#menu .page_item a:hover {
   color: #666666;
   }
   
/* Menu2 */

#menu2 {
    list-style: none;
   margin: 0px;
   margin-left:370px;
   position: absolute;
   top:60px;
   border-bottom: 1px #CCCCCC;
}
#menu2 li {
   float: left;
   }
#menu2 .current_page_item a, #menu2 .current_page_item a:visited{
   color: #666666;
   text-decoration: none;
   padding: 5px 5px 5px 10px;
   font:12px Arial Black,Arial,Helvetica,sans-serif;
   display: block;
}
#menu2 .page_item a{
   color: #999999;
   text-decoration: none;
   padding: 5px 5px 5px 10px;
   font:12px Arial Black,Arial,Helvetica,sans-serif;
   display: block;
	  }
#menu2 .page_item a:hover {
   color: #CC3333;
   }
   
/* Menu3 */

#menu3 {
    list-style: none;
   margin: 0px;
   margin-left:370px;
   position: absolute;
   top:110px;
   border-bottom: 1px #CCCCCC;
}
#menu3 li {
   float: left;
   }
#menu3 .current_page_item a, #menu3 .current_page_item a:visited{
   color: #666666;
   text-decoration: none;
   padding: 5px 5px 5px 10px;
   font:12px Arial Black,Arial,Helvetica,sans-serif;
   display: block;
}
#menu3 .page_item a{
   color: #999999;
   text-decoration: none;
   padding: 5px 5px 5px 10px;
   font:12px Arial Black,Arial,Helvetica,sans-serif;
   display: block;
	  }
#menu3 .page_item a:hover {
   color: #CC3333;
   }
   
/* Links Page */

#list {
   list-style: none;
   margin: 0px;
}
#list li {
   margin-right: 10px;
   }
#list .current_page_item a, #list .current_page_item a:visited{
   color: #CC3333;
   text-decoration: none;
   font:12px Arial, Helvetica, sans-serif;
   letter-spacing:1.5px;
   font-weight:bold;
   padding-right:10px;
}
#list .page_item a{
   color: #CC3333;
   text-decoration: none;
   padding-right:10px;
   font:12px Arial, Helvetica, sans-serif;
   display: block;
   letter-spacing:1.5px;
   font-weight:bold;
	  }
#list .page_item a:hover {
   color: #FFFFFF;
   }
   
#list h2, #list .listtitle{
   font-size:14px;
   color: #444444; 
   margin-top:20px;
   margin-bottom:2px;
   letter-spacing:.5px;
   }
#list a, #list a:visited{
   padding: 5px 10px 0;
   text-decoration: none;
   color: #CC3333;
   letter-spacing:.5px;
   }
#list a:hover{
   color: #333333; 
   text-decoration: none;
   padding: 5px 10px 0; 
   }
#list ul {
   margin: 0;padding: 0;
}
#list ul li {
   list-style: none;margin: 0;
   padding: 0;border: none;
}
#list ul li ul {
   padding: 0;margin: 0;
}
#list ul li ul li{
   padding: 0px 0 0px 0px;
}
#list ul li ul li ul li{
   padding: 1px 0 1px 10px;
   border: none;
}

#links-page a{font-weight:normal;}
li#linkcat-7, li#linkcat-21{clear:both;}
li.linkcat{background:#ffffff;display:inline;float:left;margin:2px;padding:5px;width:330px;}

/* Links */

h1 {
   margin:0px;
   height: 40px;
   font: bold 22pt Arial, Helvetica, sans-serif;
   color: #000000;}
   
h1 a, h1 a:visited{
   color: #000000;
   text-decoration: none;
   }
h1 a:hover {
   color: #777777;
   text-decoration: none;
   }
h2 {
   color: #CC3333;
   text-decoration: none;
   font:22px Arial Black,Arial,Helvetica,sans-serif;
   margin: 0px;
   border-bottom:none;
   padding:0px;
   }
h2 a, h2 a:visited {
   color: #CC3333;
   text-decoration: none;
   }
h2 a:hover {
   color: #666666;
   text-decoration: none;
   }
h3 {
   color: #999999; 
   margin: 0px 0px 2px;
   font:18pt Arial Black,Arial,Helvetica,sans-serif;
   padding-bottom: 3px;
   }
h4 {
   color: #666666;
   margin: 0px 0px 2px;
   font:10px Arial, Helvetica, sans-serif;
   padding-bottom: 3px;
   }
   
h4a {
   color: #666666;
   font:16px Arial Black,Arial,Helvetica,sans-serif;
   font-variant:small-caps;
   }
   
h4a a, h4a a:visited {
   color: #666666;
   text-decoration: none;
   }
   
h4a a:hover {
   color: #CC3333;
   text-decoration: none;
   }
   
h4b {
   color: #999999;
   font:12px Arial Black,Arial,Helvetica,sans-serif;
   padding-bottom: 3px;
   }
   
h4b a, h4b a:visited {
   color: #999999;
   text-decoration: none;
   }
h4b a:hover {
   color: #666666;
   text-decoration: none;
   }
   
a,a:visited {
   color: #CC3333;
   text-decoration: none;
   }
a:hover {
   color: #666666;
   text-decoration: none;
   }
/* Content */ 

#content {
   font-size:12px;
   padding: 20px;
   float: right;
   width: 740px; 
   text-align: left;
   color: #333333;
   letter-spacing:1.2px;
   line-height:18px;
   }
#content2 {
   font-size:12px;
   padding: 20px;
   float: right;
   width: 930px; 
   text-align: left;
   color: #333333;
   letter-spacing:1.2px;
   line-height:18px;
   }
   
#content3 {
   font-size:12px;
   padding: 20px;
   float: right;
   width: 610px; 
   text-align: left;
   color: #333333;
   letter-spacing:1.2px;
   line-height:18px;
   }
.post {
   clear:both;
   padding-top: 15px;
   }
.title {
   float: left;
   margin-left: 0px;
   width: 630px;
   }
.entry {
   clear: both;
   padding-top: 5px;
   }
   
.post-day {
   clear: both;
   padding-top: 5px;
   color:#666666;
   font:14px Arial Black,Arial,Helvetica,sans-serif;
   }
   
.post-month {
   clear: both;
   padding-top: 5px;
   color:#666666;
   font:14px Arial Black,Arial,Helvetica,sans-serif;
   }
   
.comments {
   display: block;
   font:10px;
   float: right;
   margin-bottom: 10px;
   padding: 4px 0px 4px 5px; 
   color: #666666;
   width:100%}
.author {
   display: block;
   margin: 0;
   padding:0px 0px 4px 0px;
   font-weight: normal;
   color: #cccccc;
   }
.navigation {
   clear: both;
   padding: 10px 0px;
   }
.navigation a, .navigation a:visited {
   color: #ffffff;
}
.previous-entries a {
   float: left;
   padding-left: 1pt; 
   }
.next-entries a {
   float: right;
   padding-right: 1pt;
   }

/* Sidebar */

#sidebar {
   margin-left:10px;
   margin-top:40px;	
   float: left;
   padding: 10px 10px 10px 30px;
   width: 150px;
   font-family:Arial Black,Arial,Helvetica,sans-serif;
   background-color:#CC3333;
   text-align:right;
   }
#sidebar h2, #sidebar .sidebartitle{
   font: 12pt   Arial Black,Arial,Helvetica,sans-serif;
   color: #FFFFFF; 
   margin: 10px 0px 0px 0px;
   margin-bottom:2px;
   font-variant:small-caps;
   }
#sidebar a, #sidebar a:visited{
   display: block;
   padding:5px 5px 3px 0px;
   width: 150px;
   font: 9pt Arial Black,Arial,Helvetica,sans-serif;
   text-decoration: none;
   color: #333333;
   }
#sidebar a:hover{
   color: #ffffff; 
   text-decoration: none;
   }
#sidebar ul {margin: 0;padding: 0;}
#sidebar ul li {list-style: none;margin: 0;padding: 0;border: none;}
#sidebar ul li ul {padding: 0;margin: 0;}
#sidebar ul li ul li{padding: 0px 0 0px 0px;}
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;border: none;}
ul.sidecol li{padding-left: 0px !important;}
ul.sidecol li,{padding-left: 0px ;}
li.widget_calendar td {padding: 1px 7px;}
.textwidget {padding-top: 5px;}

/* Sidebar2 */

#sidebar2 {
   margin-left:30px;
   margin-top:35px;	
   float: left;
   padding: 10px 10px 10px 20px;
   width: 250px;
   font: 9.5pt Arial Black,Arial,Helvetica,sans-serif;
   background-color:#CC3333;
   text-align:left;
   height:380px;
   }
#sidebar2 h2, #sidebar2 .sidebartitle2{
   font: 12pt   Arial Black,Arial,Helvetica,sans-serif;
   color: #FFFFFF; 
   margin: 10px 0px 0px 0px;
   margin-bottom:2px;
   font-variant:small-caps;
   }
#sidebar2 a, #sidebar2 a:visited{
   display: block;
   padding:5px 5px 3px 0px;
   width: 150px;
   font: 10pt Arial Black,Arial,Helvetica,sans-serif;
   text-decoration: none;
   color: #333333;
   }
#sidebar2 a:hover{
   color: #ffffff; 
   text-decoration: none;
   }
#sidebar2 ul {margin: 0;padding: 0;}
#sidebar2 ul li {list-style: none;margin: 0;padding: 0;border: none;}
#sidebar2 ul li ul {padding: 0;margin: 0;}
#sidebar2 ul li ul li{padding: 0px 0 0px 0px;}
#sidebar2 ul li ul li ul li{
	padding: 1px 0 1px 10px;border: none;}
	
	/* Sidebar3 */

#sidebar3 {
   margin-left:20px;
   margin-top:35px;	
   float: left;
   padding: 10px 10px 10px 30px;
   width: 250px;
   font: 9.5pt Arial Black,Arial,Helvetica,sans-serif;
   background-color:#FFFFFF;
   text-align:left;
   height:380px;
   }
#sidebar3 h2, #sidebar3 .sidebartitle3{
   font: 12pt   Arial Black,Arial,Helvetica,sans-serif;
   color: #FFFFFF; 
   margin: 10px 0px 0px 0px;
   margin-bottom:2px;
   font-variant:small-caps;
   }
#sidebar3 a, #sidebar3 a:visited{
   display: block;
   padding:5px 5px 3px 0px;
   width: 150px;
   font: 10pt Arial Black,Arial,Helvetica,sans-serif;
   text-decoration: none;
   color: #333333;
   }
#sidebar3 a:hover{
   color: #ffffff; 
   text-decoration: none;
   }
#sidebar3 ul {margin: 0;padding: 0;}
#sidebar3 ul li {list-style: none;margin: 0;padding: 0;border: none;}
#sidebar3 ul li ul {padding: 0;margin: 0;}
#sidebar3 ul li ul li{padding: 0px 0 0px 0px;}
#sidebar3 ul li ul li ul li{
	padding: 1px 0 1px 10px;border: none;}

/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist cite {font-size: 14px;color: #666666;}
.commentlist cite a, .commentlist cite a:visited {color: #666666;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform input{width: 200px;background:#ffffff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{font: 14px ;color: #000000;border:1px solid #000;float:left;width: 147px;height: 30px;cursor: pointer;}

/* Search */

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {width: 80px;height: 20px;padding: 4px 5px 0px 5px;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}
#searchform input {width: 37px;height: 28px;font:22px ;color: #000000;vertical-align: middle;}

/* Footer */

#footer {
    clear: both;
	padding:10px 10px 0px 10px;
	height: 20px;
	font-size: 8pt;
	color: #999999; 
	}
#footer a {text-decoration: none;font-size: 8pt;color: #999999;}
#footer a:hover {color: #CC3333;}
.center {text-align: center;}

/* Fix floats */

img {
   border: none;
   }
form {
   margin:0px;
   padding:0px;
   }
p {
   padding: 0px 0px 15px;
   margin: 0px;
   }
img.center, img[align="center"] {
   margin-left: auto;
   margin-right: auto;
   }
.alignleft {float: left;}
img.alignleft, img[align="left"] {
   float:left; 
   margin: 2px 10px 5px 0px;
   }
.alignright {float: right;}
img.alignright, img[align="right"] {
   float:right;
   margin: 0px 10px 5px 30px;
   }

.alignleft {float: left;}
.alignright {float: right;}

/* image caption */
.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	font-size:9px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


