/*
THEME NAME: Monkey 
THEME URI: 
DESCRIPTION: Monkey 1.0 Custom theme for obamamonkey.com
VERSION: 1.0
AUTHOR: 
AUTHOR URI: 
*/

@import "reset.css";

body {
	background: #01245C url(images/bg.jpg) top center no-repeat;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 13px;
	color: #585858;
}

#wrapper {
	width: 960px;
	/*background: #FFF;*/
	margin: 0 auto;
}

#header {
	overflow: hidden;
	width: 960px;
	height:150px;
	position:relative;
	/*border-bottom: 3px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;*/
	margin: 0 auto;
}

#logo {
	font-size: 22px;
	font-weight: bold;
	text-transform:uppercase;
	position:absolute;
	left:30px;
	bottom:15px;
	padding:0 0 10px 0;
}

#logo a {
	color:#002F72;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height:100%;
	font-family:georgia,serif;
}

#description {
	font-size: 14px;
	color: #0087D4;
	position:absolute;
	bottom:7px;
	left:30px;
}

.search-box{
	position:absolute;
	top:80px;
	right:76px;
	width:159px;
}

	.search-box #s{
		border:none 0;
		background:none;
		width:124px;
		
		height:20px;
		font-size:12px;
		/*position:absolute;
		top:1px;
		left:1px;*/
		color:#FFFFFF;
		margin-right:
	}
	
	.search-box #searchsubmit{
		border:none 0;
		background:none;
		width:22px;
		height:22px;
		overflow:hidden;
		padding:0;
		font-size:0;
		cursor:pointer;
		position:absolute;
		top:-1px;
		right:3px;
	}

#menu {
	width: 960px;
	/*overflow: hidden;*/
	border-top:3px solid #FFFFFF;
	height:50px;
	background: url(images/menu.png);
	margin: 0 auto;
}

#menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	font-family:Trebuchet MS;
	font-weight:bold;
	padding-right:1px;
	background: url(images/li.png) right center no-repeat;
}

#menu ul li a {
	color: #154575;
	display:inline-block;
	padding:0 14px 0 15px;
	line-height:49px;
	height:50px;

}

	#menu ul li a:hover, #menu ul li.current_page_item a{background: url(images/li-h.png) repeat-x;text-decoration:none;}
	
	#menu ul li a.home{display:block;text-indent:-10000px;color:#FFFFFF;font-size:0;overflow:hidden;width:35px;overflow:hidden}
	#menu ul li a.home:hover{background:none;}
	
	
/****drop down menu****/

#dropmenu, #dropmenu ul {margin:0; padding:0;position:relative;z-index:99999; width:100%;}
/*#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}*/
/*#dropmenu a:hover {background:#888; color:#fff;}*/
#dropmenu li {float:left; position:relative;background:none;}
#dropmenu ul {position:absolute; display:none;top:49px; left:-1px;background:#FFFFFF;width:200px;
				padding-bottom:5px;border-bottom:1px solid #CE0000;}
/*#dropmenu ul a {border-left:1px solid #c8c8c8;}*/
/*#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}*/
#dropmenu li ul a {color:#2575AD;width:150px;height:auto;line-height:100%;padding:7px 25px;font-weight:normal;
					text-transform:none;background:none!important;font-size:12px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

#dropmenu li ul a:hover{background:#EEEEEE!important;color:#AC3433;} 
ul#dropmenu li ul li{background:none!important;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
	
#container {
	width: 940px;
	padding:20px 20px 20px 0;
	overflow: hidden;
	margin:0;
	background: #C9C9C9 url(images/bg-container.png) repeat-x;
}

#content {
	float: left;
	width: 610px;
	padding:15px;
	background: #FFFFFF;
	position:relative;
}

.home #content{_padding-right:0;}

#sidebar {
	float: right;
	width: 280px;
	max-width:280px;
	/*background:#FFFFFF;
	min-height:100px;*/
	overflow:hidden;
}

.sidepanel {
	margin-bottom: 30px;
	background:#FFFFFF;
	overflow:hidden;
	width:280px;
	max-width:280px;
}

.sidepanel h3 {
	text-transform: uppercase;
	/*border-bottom: 1px solid #EFEFEF;*/
	background: url(images/h3.png);
	height:50px;
	line-height:49px;
	padding: 0 0 0 35px;
	color: #21507A;
	font-weight: bold;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	position:relative!important;
}

.sidepanel ul li {
	border-bottom: 1px solid #EEEEEE;
	margin: 0 25px;
	padding: 10px 0;
	line-height: 130%;
	font-weight:bold;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 130%;
}

.sidepanel DIV, .sidepanel ul, .sidepanel p{
	padding:15px 10px!important;
	overflow:hidden;
}

.sidepanel DIV ul li span{overflow:hidden;}

/***post****/

.post {
	margin-bottom: 25px;
}

.post-title {
	font-size: 22px;
	line-height: 140%;
	font-weight: normal;
	color:#2575AD;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.post-title a {
	color:#2575AD;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #363636;
	margin-top: 5px;
	text-transform:uppercase;
}

	SPAN.date{text-transform:uppercase;height:22px;display:block;padding-left:20px;background: url(images/date.png) top left no-repeat;}
	SPAN.category{background: url(images/folder.png) left no-repeat;padding-left:19px;}
	SPAN.tags{background: url(images/tag.png) left no-repeat;padding-left:19px;}
	SPAN.comment{background: url(images/comment.png) left no-repeat;padding-left:19px;}
.post-meta a {
	color: #666666;
}

#comments h2, #respond h2, .block-title{
	text-transform: uppercase;
	/*border-bottom: 1px solid #EFEFEF;*/
	background: url(images/h2-comments.png);
	height:50px;
	line-height:49px;
	padding: 0 0 0 35px;
	color: #21507A;
	font-weight: bold;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content h1 {
	font-size: 22px;
	padding: 5px 0 15px;
	color:#2575AD;
}

.post-content h2 {
	font-size: 20px;
	padding: 5px 0 15px;
	color:#2575AD;
}

.post-content h3 {
	font-size: 18px;
	padding: 5px 0 15px;
	color:#2575AD;
}

.post-content h4 {
	font-size: 16px;
	padding: 5px 0 15px;
	color:#2575AD;
}

.post-content h5 {
	font-size: 14px;
	padding: 5px 0 15px;
	color:#2575AD;
}

.post-content h6 {
	font-size: 14px;
	padding: 5px 0 15px;
	color:#2575AD;
}

.post-content p {
	line-height:140%;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EEEEEE;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EEEEEE;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #EEEEEE;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 2px solid #EEEEEE;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 520px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 140%;
	border: 1px solid #CCCCCC;
	padding:5px;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	text-transform:uppercase;height:22px;line-height:16px;display:block;padding-left:20px;background: url(images/date.png) top left no-repeat;font-size:10px;}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 585px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#footer {
	margin: 0 auto;
	width: 960px;
	height:227px;
	/*height: 20px;
	border-top: 1px solid #EAEAEA;*/
	background: url(images/footer.jpg);
	position:relative;
	
}

#footer-links {
	list-style: none;
	position:absolute;
	top:10px;
	left:35px;
	
}

#footer-links li {
	float: left;
	margin-right: 15px;
}

#footer-links a:hover{background:#EEEEEE;}


SPAN.footer-name{
	color:#FFFFFF;
	font-size:22px;
	display:block;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:140px;
}

SPAN.footer-desc{
	color:#CCC;
	font-size:12px;
	display:block;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:5px;
	font-style:italic;
}

	.footer-left{
		position:absolute;
		left:50px;
		top:88px;
		width:222px;
		height:80px;

	}
		
	.footer-right{
		position:absolute;
		right:28px;
		top:68px;
		width:260px;
		height:90px;

	}
	

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}


/****links****/
a {
	color: #2575AD;
	text-decoration: none;
}

a.post-edit-link{font-weight:bold;text-transform:uppercase;font-size:12px;}
a:hover {color:#AC3433;}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}


/***twitter widget****/
a.twitterwidget-rss{
	position:relative
}

a.twitterwidget-rss IMG{
	position:absolute;
	left:-23px;
	top:-12px;
}

.clear{clear:both;}
/***share***/
.addthis_toolbox{margin:10px 0 0 0;padding:5px;border:1px dotted #CCCCCC;}

.addthis_toolbox a{margin:0 1px;}

.addthis_toolbox a:hover{
	opacity:.5;
	filter: alpha(opacity=50);}
	
/***productos***/
a.wpsc_product_title{padding:0 0 5px;color:#2575AD!important;border-color:#2575AD;}


/***slider****/
#slider {
  width: 640px;  
  position: relative;
  background: url(images/slider-item.jpg) no-repeat;
  margin-left:-15px;
  margin-top:-35px;
  _margin-top:-15px;
  height:320px;
}

.hide-right{
	position:absolute;
	top:1px;
	right:169px;
	width:87px;
	height:312px;
	background: url(images/hide-me.png);
	z-index:1000;
}

.hide-left{
	position:absolute;
	top:0;
	left:0;
	width:85px;
	height:320px;
	background: url(images/hide-me2.png);
	z-index:1000;
}
/***hide scroll bt***/
IMG.scrollButtons{display:none;}

.scroll {
  height: 320px;
  overflow: auto;
  width:470px;
  float:left;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: url(images/slider-item.jpg) no-repeat;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 280px;
  width: 470px; /* change to 560px if not using JS to remove rh.scroll */
}

.content-slider{
	padding:20px 120px 25px 85px;
	color:#FFFFFF;
}

.content-slider2{
	padding:20px 140px 25px 66px;
	color:#FFFFFF;
	position:relative;

}

	.content-slider h2{
		color:#FFFFFF;
		font-size:14px;
		display:block;
		padding:0 0 15px 0;
	}
	
	.content-slider2 h2{
		color:#FFFFFF;
		font-size:14px;
		display:block;
		padding:0 0 15px 19px;
	}
	
	.img-slider{
		float:left;
		padding-right:10px;
		width:125px;
	}
	
	.text-slider{
		float:left;
		width:120px;
		line-height:130%;
		
	}
	
	.content-slider a{color:#FFFFFF;font-size:14px;font-weight:bold;float:right;clear:both;padding-top:10px;}

ul.navigation{
	float:left;
	width:170px;
	display:block;
	height:300px;
	background: #061E55 url(images/bg-slider.gif) repeat-x;
	padding-top:20px;
}

	ul.navigation li a{
		display:block;
		color:#19669C;
		padding:10px 15px;}
		
	ul.navigation li a.selected, ul.navigation li a:hover{
		background: url(images/arrow.gif) left center no-repeat;color:#FFFFFF;}
	ul.navigation li a.selected{font-size:16px;}
	
/****latest post***/
h2.monkey-post{
	position:relative;
	margin-left:-15px;
	_margin-top:-23px;
	width:605px;
	text-transform: uppercase;
	/*border-bottom: 1px solid #EFEFEF;*/
	background: url(images/h2-comments.png);
	height:50px;
	line-height:49px;
	padding: 0 0 0 35px;
	color: #21507A;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.last-post{
	width:276px;
	height:350px;
	overflow:hidden;
	float:left;
	padding:0 22px;
}

.other-post{
	width:261px;
	background:url(images/bg_module.jpg);
	height:330px;
	float:left;
	margin-right:-15px;
	margin-top:-10px;
	padding:15px 22px;
}

	.other-post SPAN.title, .cities SPAN.title{
		display:block;
		letter-spacing:1px;
		margin-bottom:10px;
		padding:0;
		color:#363636;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	ul.posts li SPAN.post-date{
		font-size:10px;
		display:block;
		float:left;
		width:50px;
	}
	
		ul.posts li{display:block;padding:5px 10px;line-height:130%;width:240px;margin-bottom:10px}
	ul.posts li:hover{background:#FFFFFF;}
	
	ul.posts li a{
		display:block;
		float:left;
		width:190px;
	}
	
/***map***/
.map{
	float:left;
	width:321px;
}

.cities{
	float:left;
	width:280px;
}

ul.states {
float:left;
padding-left:7px;
width:85px;
}

ul.states li{padding:0 0 5px 0;color: #2575AD;}


/***blog****/

#blogtitle{
	padding-bottom:15px;
}

.blogpost h2{font-size:18px!important}

.blogpost{
	border:1px dotted #CCCCCC;
	padding:10px;
	margin-bottom:20px;
}