/*
Theme Name: BASTA WordPress Theme
Description: The BASTA WordPress theme was designed and created within a 48 hour time frame.
Version: 0.2
Author: Josef Lagunas
Author URI: http://contactdesignstudios.com/

	This theme was designed and built by Josef Lagunas @ Contact Design Studios,
	whose company website you will find at http://contactdesignstudios.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* =======================================
	START TAGs
   ======================================= */
a
{
	color: #4f8794;
	text-decoration: none;
}

a:hover
{
	color: #873e35;
}

b,
strong
{
	font-weight: bold;
}

body
{
	color: #4c4c4c;
	font-family: Helvetica, Arial;
	font-size: 18px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}

body,
html
{
	background: url(images/body-bg.png);
}

em,
i
{
	font-style: italic;
}

input[type=text],
textarea
{
	border: solid 1px #ccc;
	border-right-color: #999;
	border-bottom-color: #999;
	color: #000000;
	font-family: Helvetica, Arial;
	font-size: 16px;
	padding: 5px;
}

p,
ul,
ol
{
	margin-bottom: 20px;
}

p:last-child
{
	margin-bottom: 0px;
}

select
{
	font-size: 14px;
}

select,
option
{
	color: #000000;
	font-family: Helvetica, Arial;
	font-size: 16px;
}

textarea
{
	width: 100%;
	height: 200px;
}

	


/* =======================================
	START WRAPPER
   ======================================= */
#wrapper
{
}




/* =======================================
	START CONTAINER
   ======================================= */
#container
{
	margin: 0px auto;
	width: 960px;
}



/* =======================================
	START HEADER
   ======================================= */
#header
{
	margin-bottom: 20px;
	overflow: hidden;
}
	#header .top-border
	{
		background: url(images/header-top-border-bg.png) top left repeat-x;
		height: 10px;
		margin-bottom: 40px;
		max-height: 10px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}
	
	#header a:hover
	{
		text-decoration: none;
	}
	
	#header h1.logo
	{
		float: left;
		margin-left: 10px;
	}
	
	#header #header-menus
	{
		margin-right: 10px;
	}
	
	#header #header-menus,
	#header #utilities-menu-container,
	#header #header-menu-container,
	#header #header-menus .donate
	{
		float: right;
	}
	
	
	
	#header #utilities-menu-container
	{
	}
	
		#header #utilities-menu-container ul
		{
		}
			
			#header #utilities-menu-container ul li,
			#header #header-menu-container ul li
			{
				display: block;
				float: left;
				list-style-type: none;
			}
			
			#header #utilities-menu-container ul li
			{
				margin-left: 20px;
			}
			
				#header #utilities-menu-container ul li a
				{
					color: #b7afa7;
				}
				
				#header #utilities-menu-container ul li a:hover
				{
					color: #333;
				}
			
			#header #utilities-menu-container ul li.current-menu-item
			{
			}
				
				#header #utilities-menu-container ul li.current-menu-item a
				{
					color: #333;
				}	
	
	
	#header #header-menu-container
	{
		background-color: #f2f2f2;
		border: solid 1px #fff;
		margin: 15px 0px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		
		#header #header-menu-container ul
		{
		}
		
			#header #header-menu-container ul li
			{
				border: solid 1px #e5e5e5;
				border-right: none;
			}
			
			#header #header-menu-container ul li:first-child
			{
				border-left-color: #e5e5e5;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-top-left-radius: 5px;
			}
			
			#header #header-menu-container ul li:last-child
			{
				border-right: solid 1px #e5e5e5;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-top-right-radius: 5px;
			}
			
				#header #header-menu-container ul li a
				{
					border-right: solid 1px #fff;
					display: block;
					font-size: 18px;
					padding: 10px 20px;
				}
				
				#header #header-menu-container ul li.menu-item-747 a
				{
					background: #d33b3d url(images/bg-donate.jpg) repeat-x;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-topright: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-top-right-radius: 5px;
					color: #fff;
				}
				
				#header #header-menu-container ul li.menu-item-588 a:hover
				{
					color: #990000;
				}
				
				#header #header-menu-container ul li:last-child a
				{
					border-right: none;
				}
				
				#header #header-menu-container ul li:hover
				{
					background-color: #e5e5e5;
				}
				
				#header #header-menu-container ul li a:hover
				{
					color: #4f8794;
				}
				
			#header #header-menu-container ul li.current-menu-item
			{
				background-color: #4f8794;
			}
				
				#header #header-menu-container ul li.current-menu-item a
				{
					color: #fff;
				}	



/* =======================================
	START CONTENT
   ======================================= */
#content
{
	background: #fff;
	border: solid 1px #f2f2f2;
	padding: 10px;
	padding-top: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
	#content .left-column
	{
		float: left;
		padding: 0px 20px;
		width: 660px;
	}
		
		#content #mediabar
		{
			margin-bottom: 20px;
		}
		
		#content h2.heading
		{
			color: #000;
			font-size: 60px;
			line-height: 60px;
			margin-bottom: 40px;
			text-align: center;
			text-transform: uppercase;
		}
	
		#content .left-column h2.post-title
		{
			font-size: 26px;
		}
		
		#content .left-column h2.title,
		#content .left-column h2.archives
		{
			font-size: 26px;
			margin-bottom: 20px;
		}
		
		#content .left-column ul,
		#content .left-column ol
		{
			margin-left: 40px;
		}
		
		#content .left-column li
		{
			list-style-type: disc;
			margin-bottom: 10px;
		}
		
		#content .left-column li.nobullet
		{
			list-style-type: none;
		}
		
		#content .left-column .entry
		{
			margin-bottom: 40px;
		}
		
			#content .left-column .entry .postmetadata,
			#content .left-column .postmetadata,
			#content .left-column #comments .commentmetadata
			{
				color: #999;
				font-size: 10px;
				line-height: 12px;
				margin-bottom: 20px;
			}
			
				#content .left-column .entry .postmetadata a,
				#content .left-column .postmetadata a,
				#content .left-column #comments .commentmetadata a
				{
					color: #666;
				}
		
		#content .left-column #comments
		{
			background-color: #f2f2f2;
			font-size: 14px;
			line-height: 18px;
			padding: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
			#content .left-column #comments .commentlist
			{
				margin-top: 10px;
			}
			
				#content .left-column #comments .commentlist li
				{
					list-style-type: none;
				}
			
			#content .left-column #comments .reply
			{
				text-align: right;
			}




/* =======================================
	START POST NAVIGATION
   ======================================= */
.navigation
{
}

.navigation .alignleft
{
	float: left;
}

.navigation .alignright
{
	float: right;
}


/* =======================================
	START SIDEBAR
   ======================================= */
#sidebar
{
	float: left;
	width: 220px;
}
	
	#sidebar .widget
	{
		margin-bottom: 40px;
	}
	
	#sidebar h2.widgettitle span
	{
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}
	
	#sidebar li.widget_links
	{
	}
	
		#sidebar li.widget_links h2.widgettitle
		{
		}
		
			#sidebar li.widget_links li
			{
				background-color: #ccc2b8;
				border: solid 1px #b2b2b2;
				font-size: 14px;
				margin-bottom: 10px;
				text-transform: uppercase;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
			
			#sidebar li.widget_links li:last-child
			{
				margin-bottom: 0px;
			}
			
				#sidebar li.widget_links li a
				{
					border: solid 1px #e5e5e5;
					display: block;
					height: 40px;
					max-height: 40px;
					overflow: hidden;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				
				#sidebar li.widget_links li a:hover
				{
					text-decoration: none;
				}
				
				#sidebar li.widget_links li:hover
				{
					background-color: #d9cec3;
				}
	
	#sidebar li.widget_newsletter,
	#sidebar li.widget_easysms
	{
		font-size: 12px;
		line-height: 14px;
	}
	
		#sidebar li.widget_newsletter h2.widgettitle span
		{
			background-color: #4f8794;
			color: #fff;
			display: inline-block;
			font-size: 18px;
			padding: 10px 15px;
			text-transform: uppercase;
		}
		
		#sidebar li.widget_newsletter .newsletter-form
		{
			background-color: #619da9;
			color: #fff;
			padding-bottom: 5px;
			-moz-border-radius: 5px;
			-moz-border-radius-topleft: 0px;
			-webkit-border-radius: 5px;
			-webkit-border-top-left-radius: 0px;
		}
		
			#sidebar li.widget_newsletter .newsletter-form .input-fields
			{
				padding: 20px 10px;
				padding-top: 10px;
			}
			
			#sidebar li.widget_newsletter .newsletter-form #subscribe_click
			{
				margin-right: 10px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
	
	#sidebar li.widget_easysms
	{
	}
	
		#sidebar li.widget_easysms h2.widgettitle span
		{
			background-color: #907a7e;
			color: #fff;
			display: inline-block;
			font-size: 18px;
			padding: 10px 15px;
			text-transform: uppercase;
		}
		
		#sidebar li.widget_easysms .easysms_widget
		{
			background-color: #a09199;
			color: #fff;
			padding-bottom: 5px;
			-moz-border-radius: 5px;
			-moz-border-radius-topleft: 0px;
			-webkit-border-radius: 5px;
			-webkit-border-top-left-radius: 0px;
		}
		
			#sidebar li.widget_easysms .easysms_widget #easysms_click
			{
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}


/* =======================================
	START FOOTER
   ======================================= */
#footer
{
	padding: 0px 10px;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-top: 20px;
}

	#footer .legal
	{
		margin-bottom: 20px;
	}
	
		#footer .legal .copyright
		{
			text-align: left;
		}
	
	#footer .footer-menus
	{
		font-size: 12px;
	}
	
		#footer .footer-menus ul
		{
			float: left;
			margin-right: 20px;
			width: 100px;
		}
	
	#footer .footer-logo
	{
		float: right;
		margin-right: 50px;
	}



/* =======================================
	START SOCIAL MEDUA
   ======================================= */
#social-media
{
	background-color: #f2f2f2;
	border: solid 1px #fff;
	border-right: none;
	position: absolute;
	top: 225px;
	right: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	#social-media a
	{
		display: block;
		font-size: 12px;
		line-height: 12px;
	}
	
	#social-media ul
	{
		border: solid 1px #e5e5e5;
		border-right: none;
		margin-bottom: 0px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	
		#social-media ul li
		{
			border-top: solid 1px #e5e5e5;
			border-bottom: solid 1px #fff;
			margin-bottom: 0px;
			padding: 10px;
			padding-bottom: 7px;
		}
		
		#social-media ul li:hover
		{
			background-color: #e5e5e5;
		}
		
		#social-media ul li:first-child
		{
			border-top: none;
		}
		
		#social-media ul li:last-child
		{
			border-bottom: none;
		}



/* =======================================
	START MISC
   ======================================= */
.clear
{
	clear: both;
	font-size: 1px;
}

.pdf
{
	list-style-image: url(images/icon-pdf.png);
}

.link
{
	list-style-image: url(images/icon-link.png);
}

.page-go
{
	background: url(images/icon-page-go.png) center left no-repeat;
	padding-left: 20px;
}

.archives .entry
{
	border-bottom: solid 1px #f2f2f2;
	margin-bottom: 20px;
	padding-bottom: 20px;
}



