Author: Rod Torres
Author URL: http://www.genuina.net	
Description: Tema realizado para el sitio web de exalumnosale.org.py
*/

/* Menu */
@import url('menu.css');

html { }
body { 	background:#069; color:#000;  margin:0px; padding:0; 		background-image:url(img/bg.jpg); 		background-repeat:repeat-x; 		font-family: 'Magra', sans-serif; 		font-size:12px; 		color:#333333;		}
h1 { font-family: 'Magra', sans-serif; color:#003366; font-size:3.21em; text-transform:uppercase; font-weight:400; line-height:1.15em; margin:0px 0px 0px 0px; padding:0;}
a { color:#444; text-decoration:none;}
h2,h3,.h2 { font-size: 24px; color:#eee; line-height:1.15em; margin:0px 0px 0px 0px; padding:0; font-family: 'Magra', sans-serif; padding-bottom:0px;}
h3 { font-size: 14px; margin:0px 0px 0px 0px; padding:0; color:#369;}
img { border: none;}

/* TOP */
#wrap { width:945px; display:table; margin-top:0px; margin: auto; border: none;}
#head { background-image:url(img/top.jpg); background-repeat:no-repeat; height: 152px;}
.logo { background:transparent; padding:0px 0px 0px 0px; margin-left:25px; margin-top:25px; float:left; margin-bottom: 20px; }

/* Menu */
ul#menu{ list-style-type:none; padding-left:16px; margin:0;}
ul#menu li { 	float:left;	padding-right:0px;	margin-top:0px;	}
ul#menu li a {	float:left;	height:15px;	padding:5px 19px 2px 19px;	display:block;	color:#c06129;	font-size:0.9em;	font-weight:bold;	text-align:center;	font-family: lucida sans unicode;	text-transform:uppercase;	}
ul#menu li a:hover {	color:#fff;}

#menu2 ul{list-style-type:none;padding-left:5px; margin:0px; font-family: 'Magra', sans-serif; font-size: 11px; clear:both;}
#menu2 ul li {	float:left;	padding-right:2px;    	}
#menu2 ul li a {	float:left;	height:16px;	padding:6px 6px 0px 4px;	display:block;	color:#f8f8f8;	margin:0 6px 0 0;	text-align:center;}
#menu2 ul li a:hover {	color: #00CCFF;	}

/* CONTENIDO */
#contenido {  background-color:#FFFFFF; display: inline-block; width:945px;}
#contenidoleft { float:left; padding: 8px; width: 615px; line-height: 16px; margin:0px 0px 0px 0px;}

.box_ads { width:601px; height: 120px; padding:0px; margin:0px; }
.box_ads img { float: left; margin: 0px 3px 0px 10px; background: #fff; padding:2px; border: #eee 1px solid; width:100px; height:100px; }

/* ITEMS*/

.content_left_top { width:601px; border-top: 2px solid #CCC; margin: 5px 0px 0px 0px;}
.content_left_top h2 { font-size:30px; font-weight:normal; font-family: 'Magra', sans-serif; color:#0075A7; padding: 5px 0px 0px 9px; margin:0px 0px 0px 0px;}
.content_left_top h2 a { color:#0075A7; }
.content_left_top h2 a:hover { color:#000; }
.meta1 { font-size: 11px; text-align: left; padding:0px 0px 3px 0px; font-family: 'Magra', sans-serif; font-weight: normal; color: #6699FF; margin: 5px 0px 0px 8px; } 
.meta1 a { color: #6699FF; }
.meta1 a:hover { color: #333; }

.content_left p {padding:0px 0px 0px 0px;color:#111;font-size:13px;color:#1c1c1c; margin: 0px 0px 0px 8px;}
.content_left { width:590px; padding:0px 0px 10px 0px; color:#666666; font-size:12px; overflow:hidden;}
.content_left img {padding:5px;width:210px;height:120px;background: #d6d6d6;float: left;margin: 9px 9px 9px 0px;border: 1px solid #a8a8a8;}
.content_left a {font-weight:bold; }
.content_left a:hover{text-decoration:underline;}
.content_left h4 {color:#9c9ea7;font-size:16px; margin:0px 0 10px 0;}
.content_left h5 {color:#9c9ea7;font-size:14px; margin:0px 0 10px 0;}
.content_left_b {width:601px;height:4px;background:url(images/postbox_bottom.gif) left top no-repeat;margin:0px 0 14px 0;}
.comments_post a {color:#eee;font-size:13px;font-weight:bold;font-family: georgia;}
.comments_post {float: right;margin-right:14px;}
.content_left_bottom2 {border-top: 2px solid #eee;width:599px;height:5px;padding:0px 0px 0px 0px;}
.post_link {padding-left:45px;font-family:georgia;}
.post_link a {font-weight:bold;color:#555;}
.post_link a:hover { font-weight:bold; color:#000;}
.content_left2 img { float: left; margin: 3px 6px 3px 2px; border:2px solid #DEDDDD;}
.content_left2 h2 { font-size:19px; font-weight:bold; font-family:lucida sans unicode;color:#000;line-height:20px;padding: 0px 0px 0px 0px; margin:0px 0px 0px 10px;}
.content_left2 h2 a{color:#2d2323;}
.content_left2 h2 a:hover{color:#000;}
.content_left2 p {padding:0px 10px 12px 0px;color:#272727;font-size:13px; margin: 0px 0px 0px 16px;}
.content_left2 {width:557px;padding:0px 0px 0px 0px;color:#272727;font-size:13px;}

/* Sidebar */
#sidebar { float:right; width: 295px; margin-top: 20px;}
#twitterbox { margin-top: 20px;}
.widget { padding: 0px; margin-top:11px; }
.widget_style h3{ width:145px; display: block; height:20px; font-size:16px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #069; padding:0px 0px 5px 8px; margin:0px 0px 1px 0px; border-bottom: 1px solid #CCCCCC;}
.widget_style { width:145px; vertical-align:top; text-align:left; padding:0px 0px 7px 0px; margin: 0px 0px 0px 0px; overflow: hidden;}
.widget_style img { width:125px; height:125px; float: left; border:1px solid #e5e5e5; background:#fff; padding:4px; margin: 6px 0px 2px 4px;}
.widget_style_bottom {width:145px; height: 4px; vertical-align:top; text-align:left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.widget_style ul { margin:0;padding:0px 5px 1px 5px;}
.widget_style li { list-style:none; vertical-align:bottom; line-height:1.55em; color: #CCCCCC; margin:0; padding:5px 0px 5px 2px; border-bottom:1px dotted #ccc; width:99%;}
.widget_style ul li a { text-decoration:none; color:#0075A7; font-size:13px; font-weight:normal; }
.widget_style li a:hover { color:#000; text-decoration:none; border-bottom:0px dashed #333;}
.widget_style img a{ border:#eee 4px solid; }
.widget_style img a:hover{border:#999 4px solid;}

.widget1 { width: 150px; float:left; background: #E4E4E4; margin-top: 10px;}
.widget2 { width: 150px; float:right; background: #D7F2FF; margin-top: 10px;}

#search {float:right; width:295px; height:33px; color:#505050;padding:5px 0 0px 10px;margin:2px 0px 1px 0px;background:url(img/search.jpg) left top no-repeat;}
#search input {background:transparent;font-size:13px;color:#111;font-family:Tahoma, arial, verdana, courier;width:240px;height:15px;vertical-align:middle;
border: 0px solid #8c8c8c;}

/* SEARCH */

#search .input {width:20px;height:15px;background:none;border:none;vertical-align:middle;margin:0;border: 0px solid #8c8c8c;}

/* RSS */
.rss {width: 303px;height: 44px;padding:0px 0px 0px 0px;margin:0px 0px 3px 0px;}


/* PIE */
#footer { background:url(img/footer.jpg) top no-repeat; vertical-align:top; width:945px; height:82px; color:#66CCFF; font-size: 11px; clear:both; margin:auto; }
#footer a { color: #66CCFF; font-weight:bold; text-decoration:none;}
#footer a:hover { color:#000; text-decoration:none;}
.copy { padding-top: 10px; padding-left: 10px;}
.dir { width: 945px; margin-top: 40px; text-align:center;}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive { width:303px; margin-top:0px;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { width:303px; height:40px; margin:0; padding: 10px 0px 0px 5px; font: 12px Verdana, sans-serif; text-align:left; background:url(images/tab_top.gif) no-repeat left center; margin: 0px 6px -13px 0px;
}

ul.tabbernav li
{
 list-style: none;
 margin-left:0px;
 margin-top:0px;
float:left;
}

ul.tabbernav li a
{
	width:143px;
	height:18px;
	padding:5px 0px 0px 0px;
	display:block;
	color: #666;
	margin-right:0px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	border: 0px solid #E8E8E8;
	font-family:verdana;
	margin:3px 1px 0px 2px;
	background:#99C2D7;
	}

ul.tabbernav li a:hover
{
 color: #fff;
}

ul.tabbernav li.tabberactive a
{ 
width:143px;
height:18px;
font-size:11px;
text-align:center;
font-weight: bold;
text-transform:uppercase;
color: #eee;
padding:5px 0px 0px 0px;
margin:3px 1px 0px 2px;
background: #242424;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding:0px; border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
/*  height:190px; /*
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:300px; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none;}
.tabberlive .tabbertab h3 { display:none;}
.tabber { border: solid 1px #99CC00;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { overflow:auto;}
.tabber_style h3{ margin-top: 0px; margin-right: 0px; font-size: 11px; font-weight: normal; align: left; color: #666;padding:6px 0px 11px 11px;}
.tabber_style {width:303px;vertical-align:top;text-align:left;background:url(images/tab_bg.gif) left top repeat-y;padding:0px 0px 0px 0px;margin: 0px 6px 0px 0px; font-weight: normal; }
.tabber_style_bottom {width:303px;height:15px;vertical-align:top;text-align:left;background:url(images/tab_bottom.gif) left top no-repeat;padding:0px 0px 0px 0px;}
.tabber_style ul { margin:0; padding:5px 0 4px 8px; }
.tabber_style li { list-style:none; vertical-align:bottom; line-height:1.55em; color:#242424; margin:0; padding:5px 0px 5px 8px; border-bottom:1px dashed #999; width:93%; font-weight: normal; }
.tabber_style ul li a { text-decoration:none; color:#242424; font-weight: normal; padding: 2px;}
.tabber_style li a:hover {color:#000;text-decoration:none;border-bottom:0px dotted #333; background: #CCC; padding: 2px;}