/*=

	Theme Name: The Urban Fiesta 2009
	Theme URI: http://theurbanfiesta.com
	Description: The Urban Fiesta is a modern, text-based theme created for Wordpress.
	Author: Kenny Pascal
	Author URI: http://mojatyle.com
	Version: 1.0
	Tags: fixed width, three columns, valid CSS, valid XHTML, white, simple, widgets, widget ready, 3columns, right sidebars, SEO friendly, gravatars, h:over effects, text-only
	
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */

@import 'reset.css';

html {

}

body {
	text-align: center;
	background:url(images/mainbg.jpg) #fff center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #516767;
}

hr{
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: dashed;
	border-top-color: #669999;
	border-right-color: #669999;
	border-bottom-color: #669999;
	border-left-color: #669999;
	color: #FFFFFF;
	font-weight: lighter;
}
div#WrapOuter {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

div#WrapInner {
	text-align: left;
	width: 100%;
	margin: auto;
	float: left;
}

/*=COMMON
=== === === === === === === === === === */

* {
	padding: 0;
	margin: 0
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	line-height: 150%;
	color: #829c9c;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	line-height: 120%;
	text-transform: uppercase;
	color:#990000;
}

h3 {
	color: #00c1c1;
	font-size: 12px;
	font-weight: bold;
}

h4 {
color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: uppercase;
}
h5 {
font-size: 10px;
font-weight:bold;
color:#990000;
}
h6{
	font-size:9px;
}
h7{
	font-size:9px;
	width:600px;
	padding-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #C1C1C1;
}
a {
	color: #3a80ff;
	text-decoration: none;
}

a:hover {
	color: blue;
	text-decoration: underline;
}

h1 a {
	color: #000;
	text-decoration: none;
}

h1 a:hover {
	color: blue;
	text-decoration: none;
}

.line {
	height: 2px;
	border-top: 0px dotted #fff;
	border-right: 0px dotted #fff;
	border-left: 0px dotted #fff;
	border-bottom: 1px dotted #6f6f6f;
	display: block;
}

.contactBox{
	background-color: #009999;
}

/*=MASTHEAD
=== === === === === === === === === === */

#masthead {

}

/*=NAVIGATION
=== === === === === === === === === === */

/*Fat Erik's Pipelist*/

div#MetaNav {
	
	height: 18px;
	text-align: right;
	list-style: none;
	padding: 0 00px 0 0;
	margin: 0;
	float: right;
}

div#MainNav {
	text-align:center;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 1px;
	font-variant: normal;
	
}

#MainNav ul {
	
}
div#MainNav a {
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
	color:#b4c7cc;
}
div#MainNav a:hover {
	color:#51899e;
	text-decoration:none;
}
div#MetaNav li {
	line-height: 18px;
	display: inline;
	padding: 0;
	margin: 0;
}

div#MainNav li {
	line-height: 22px;
	display: inline;

}

div#MetaNav li,
div#MainNav li {
	display: inline;
	padding: 0;
	margin: 0;
}

div#MetaNav li:before,
div#MainNav li:before { content: ""; }

div#MetaNav li:first-child:before,
div#MainNav li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html div#MetaNav li,
* html div#MainNav li {
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html div#MetaNav,
* html div#MainNav { height: 1%; }

* html div#MetaNav li,
* html div#MainNav li {
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html div#MetaNav li:first-child,
* html div#MainNav li:first-child { border-left: 0; }


/*=CONTENT
=== === === === === === === === === === */

div#PageContainer {
	width: 960px;
	float: left;
	
}

div#Header {
background:url(images/headerbg.jpg) #fff center top no-repeat;
	width: 100%;
	height: 180px;
	padding-bottom: 10px;
}

	div#SiteTitle {
		float: left;
	}
	
	div#SiteSubTitle {
		font-size: 100%;
		line-height: 100%;
		text-transform: uppercase;
		float: left;
		clear: both;
	}



div#PageBody {
	font-size: 70%;
	line-height: 150%;
	width: 960px;
	float: left;
	padding-top: 67px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0;
}

div#Content {
	padding-top: 0px;
	margin-top: 0px;
	
	width: 645px;
	min-height: 550px;
	float: left;
	margin-left: 20px;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cccccc;
	
	overflow: hidden;
}


	
	.post {
		margin-bottom: 14px;
		padding-bottom: 14px;
		border-bottom: 1px dotted #cccccb;
	}

	div.entry {
		margin-top: 0px;
		padding-top: 0px;
		
	}

	#Content h2 {
		font-size: 160%;
		clear: both;
		margin-bottom: 14px;
		line-height: 110%;
	}

	div.navigation {
		margin-bottom: 10px;
	}

	div.alignleft,
	div.alignright {
		width: 635px;
		clear: both;
	}
	
	div.alignright {
		text-align: right;
	}
	
	#Content p {
		margin-bottom: 18px;
	}
	
	#Content ul {
		margin-bottom: 8px;
		padding-right: 5px;
		padding-left: 20px;
	}
	
	#Content ul li {
		list-style-type: circle;
	}

.postmetadata {
	margin-top: 20px;
}



div#CommentsContainer {
	width: 630px;
	float: left;
}

h3#comments {
	margin-bottom: 8px;
}

img.avatar {
	float: left;
	position: relative;
}

div#CommentText {
	padding-left: 50px;
	margin-bottom: 20px;
}

div#CommentReply {
	margin-top: 10px;
}

form#commentform input#url,
form#commentform input#email,
form#commentform input#author {
	border: 1px #737373 solid;
}

div#CommentReply #commentform p {
	margin-top: 4px;
	margin-bottom: 4px;
}

textarea#comment {
	width: 630px;
}
div#MailRegister {
height:150px;
background-image:url(images/regbg.jpg)
}
div#BottomSpacer {
	padding-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #C1C1C1;
}
div#SideColumn1 {
	float: left;
	width: 220px;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: top;
}

div#SideColumn1 input
{
	width:213px;
}

div#SideColumn1 .wpoi_submit{
	text-align:right
}

div#SideColumn1 .wpoi_submit input{
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#C00;
	width:60px;
	margin-top: 10px;
	padding-top:2px;
	padding-bottom:5px;
	height: 20px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
}

div#SideColumn1,
div#SideColumn2 {
	font-size: 90%;
	line-height: 140%;
	color: #4c4c4b;
	margin-top: 0px;
	
	
}

	div#SideColumn1 h1{

		
		 border-left: 1px #cccccb dotted; 
		 border-right: 1px #cccccb dotted; 
	}

	#SideColumn1 h2,
	#SideColumn2 h2 {
	font-size:155%;
color:#009999;
	}
	#SideColumn1 ul,
	#SideColumn2 ul
	 {
		margin-left: 0px;
		margin-bottom: 8px;
	}
	
	#SideColumn1 ul li,
	#SideColumn2 ul li {
		font-size: 90%;
		line-height: 150%;
	}

	input#s {
	margin-top: 2px;
	background-color: #99CCCC;
	height: 25px;
	width: 225px;
	border: none;
	font-size: 15px;
	font-weight: bold;
	color: #638484;
	}
	
	
	input#searchsubmit {
		padding: 2px;
		margin-top: 4px;
		margin-bottom: 7px;
		background-color: #99CCCC;
		border: 1px solid #ccc;
		text-transform: uppercase;
		border: none;
		height: 25px;
		color: #FFFFFF;
		float:left;
}
	
	#SideColumn1 ul li ul {
		margin-bottom: 7px;
	}
	div#SubContentContainer {
	width: 100%;
	height: 280px;
	float: left;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	left: 0px;
	}
	div#SubContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6e9399;
	width: 960px;
	height: 180px;
	clear: both;
	margin: 0 auto;
	
	}

	div#SubContent h2 {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 22px;;
	line-height: 150%;
	font-weight: bold;
	text-transform: uppercase;
	color: #4e909f;
	
	}
	div#SubContent img {
	
	
	float: right;
	margin-top: -30px;	
	
	}
	
	div#SubColumn1,
	div#SubColumn2,
	div#SubColumn3 {
	font-size: 100%;
	line-height: 130%;
	float: left;
	margin-top: 40px;
	padding: 10px;
	text-align: left;
	
	}
	
	div#SubColumn1 ul,
	div#SubColumn2 ul,
	div#SubColumn3 ul {
		margin-left: 0px;
		margin-bottom: 8px;
	}
	
	div#SubColumn1 ul li,
	div#SubColumn2 ul li,
	div#SubColumn3 ul li {
		font-size: 100%;
		line-height: 180%;
	}
	
	div#SubColumn1,div#SubColumn2,div#SubColumn3 {
		width: 29%;
		min-height: 140px;
		margin-right: 20px;
	}


/*=FOOTER
=== === === === === === === === === === */

div#footer {
	width: 100%;
	float: left;
	clear: both;
	line-height: 150%;
	height: 45px;
	color: #b6c1c2;
	font-size: 60%;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}


/*=REQUIRED
=== === === === === === === === === === */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

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