/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
a {

	color: #FFFFF;

}
body{
	background: #DCDAE6 url(../images/background.jpg) repeat;
	color: #9A4D9E;
	font: 13px "Georgia", Arial, Helvetica;
}
.largePurple {
	font: 21px "Myriad", Arial, Helvetica;
	color: #9A4D9E;
}
.portfolioTitle {
	font: 27px "Myriad", Arial, Helvetica;
	color: #9A4D9E;
}
.portfolioInfo {
	font: 14px "Myriad", Arial, Helvetica;
	color: #9A4D9E;
}
/*=== Layout ===*/
#page{
	margin: 40px auto;
	width: 929px
}

/*=== Header ===*/
#header{
	height: 155px;
	position:relative;
}
#header .spacer{
	float: right
}
/*- Logo -*/
#header h1{
	float: left;
	width: 260px
}
#header h1 a{
	display: block;
	height: 133px;
}
#header h1 a:hover{
	text-decoration: none
}

/*=== Navigation ===*/
/*- Nav1 -*/

/*=== Page Nav ( alternative with dropdowns) == */

#navigation {
	font-size:18px;
	height:30px;
	float:right;	
	margin:120px 0 0;
	text-transform:lowercase;
}
#navigation, #navigation ul {
	padding: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#navigation a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	z-index: 100;
}

#navigation li {
	float: left;
	line-height: 30px;
	margin: 0 4px 0 0;
}
#navigation li a{
	color: #9A4D9E;
	padding: 0 0 0 13px;
	text-decoration: none
}
#navigation li a span{
	display: inline-block;
	height: 30px;
	padding: 0 13px 0 0;
}

#navigation li a:hover,
#navigation li.active a, 
#navigation li.current_page_item a{
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

/*=== Buttons ===*/

.btn {
	background:url(../images/submit.png) no-repeat left;
	height: 28px;
 	color:#FFF;
	font: 11px arial,helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}

/* Content */

#content {	
	width: 929px;
	margin:0 auto;
	min-height: 440px;
	padding: 40px 60px 10px;
	background: url(../images/mainBg.png) repeat-y;
}
#main {
	width:400px;
}
a {
	text-decoration: underline;
	color: #4DC6E4;
}
a:visited {
	text-decoration: underline;
	color: #4DC6E4;
	}
hover {
	text-decoration: none;
	color: #4DC6E4;
}
#main-top {
	background: url(../images/mainTop.png) no-repeat top center;
	width:929px;
	height:31px;
	margin: 0 auto;
	font-size:0;
}

#main-bot {
	background: url(../images/mainBot.png) no-repeat top center;	
	width:929px;
	height:31px;
	margin: 0 auto;	
	padding:0;
	font-size:0;
}
.col-left {
	float: left;
}

.col-right {
	float: right;
}

* html #content {
	height: 550px;
}

.contentPadding {	
	padding: 15px 0 0 0;
}

#rightSide {
	margin:0 125px 0 0;
	width: 350px;
}

#twitterTop {
	background: url(http://reneebradbeer.com/images/twitterTop.png) no-repeat top center;
	width:338px;
	height:109px;
	margin: 0 0 0 0;
	font-size:0;
}

#twitterBot {
	background: url(http://reneebradbeer.com/images/twitterBottom.png) no-repeat top center;
	width:338px;
	height:21px;
	margin: 0 0 0 0;
	font-size:0;
}

#twitterSection { 
	width: 320px;
	background: url(http://reneebradbeer.com/images/twitterCenter.png) repeat-y;
	color: #FFFFFF;
	margin: -5px 0 0 0;
	padding: 0 10px 0 10px;

}
#twitterSection ul {
	list-style: none;
}
#twitterSection ul li a {
	color: #4DC6E4;
	text-decoration: none;

}

#twitterSection li span.timestamp {
  font-size:0.9em;
  color:#CCCCCC;
}

#twitterSection li span.timestamp a {
  font-size:0.9em;
  color:#FFFFFF;
  text-decoration: underline;
}

/* Form Fields */

#contactPadding {
	padding: 20px 0 0 0;
}

.formTitles {
	font-size: 18px;
	color: #9A4D9E;
}

.formBig {
	font-size: 100%;
	background: #FFFFFF;
	border: 1px solid #9A4D9E;
	color: #9A4D9E;
	padding: 2px;
}