/*
*************************************************
MUDBRICK BLOG 2009
Site Styles

Author:		Alicia Haag, alicia@mudbrickcreative.com
Updated:	April 1, 2009
Notes:		
*************************************************
*/

/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

body {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:#333333;
line-height:18px;
overflow:visible;
background-image:url(images/mudBrick-creative-bg.jpg);
background-position:left top;
background-repeat:repeat;
height:100%;
width: 100%;
position:relative;
z-index:1;
}
a:link {
color:#990000;
text-decoration:none;
}
a:visited {
color:#666666;
text-decoration:none;
}
a:active {
color:#000000;
text-decoration:none;
}
a:hover {
color:#990000;
text-decoration:underline;
}

/*-------------------------------------------
	CONTAINERS
-------------------------------------------*/

#container { 
margin: 15px 0px 0px 0px;
}


/*-------------------------------------------
	SIDEBAR
-------------------------------------------*/

#whiteSideBar {
	background-image: url(images/whiteBG.png);
	background-repeat: repeat;
	width:222px;
	float: left; 
	margin-left:218px;
	position:absolute;
	padding:20px 15px 0px 15px;
	margin-left: 0px;
	z-index:4;
}

#whiteBg {
	background-repeat:repeat;
float:left;
margin-left:220px;
padding:20px 15px 15px;
position:relative;
vertical-align:top;
width:770px;
z-index:5;
}

#whiteRightSideBar {
	background-image:url(images/whiteBG.png);
	height:auto;
	margin-left:520px;
	padding:10px 15px 15px 10px;
	position:absolute;
	top:0px;
	width:240px;
	z-index:1;
	margin-top:18px;
}

#maincontent {
	background-image:url(images/centerBack.png);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
	padding-left:30px;
	padding-right:30px;
	padding-top:2px;
	position:relative;
	top:-20px;
	width:480px;
	z-index:10;
	margin-top:14px;
}

/*-------------------------------------------
	NAV_BTNS
-------------------------------------------*/

#about_btn{
	display:block;
}

#about_btn a{
	background-image:url(images/btn__about.png);
	bottom:-17px;
	height:30px;
	width:148px;
	position: absolute;
	left: 0px;
}

#about_btn  a:hover{
	background-position:0 -30px;
	bottom:-23px;
	height:42px;
}


#projects_btn{
	display:block;
}

#projects_btn a{
	background-image:url(images/btn__projects.png);
	bottom:-17px;
	height:30px;
	width:86px;
	left:148px;
	position: absolute;
}

#projects_btn a:hover{
	background-position:0 -30px;
	bottom:-23px;
	height:42px;
}


#contact_btn{
	display:block;
}



#contact_btn a{
	background-image:url(images/btn__contact.png);
	bottom:-17px;
	height:30px;
	width:80px;
	left:234px;
	position: absolute;
}

#contact_btn a:hover{
	background-position:0 -30px;
	bottom:-23px;
	height:42px;
}



#downloads_btn{
	display:block;
}


#downloads_btn a{
	background-image:url(images/btn__downloads.png);
	bottom:-17px;
	height:30px;
	width:107px;
	left:314px;
	position: absolute;
}

#downloads_btn a:hover{
	background-position:0 -30px;
	bottom:-23px;
	height:42px;

}



#digdeeper_btn{
	display:block;
}

#digdeeper_btn a{
	background-image:url(images/btn__digDeeper.png);
	bottom:-17px;
	height:30px;
	width:109px;
	left:421px;
	position: absolute;
}

#digdeeper_btn a:hover{
	background-position:0 -30px;
	bottom:-23px;
	height:42px;
}


/*-------------------------------------------
	Added Elements
-------------------------------------------*/

.homeLink{
height:165px;
position:absolute;
top:0;
width:400px;
z-index:4000;
cursor:pointer;
	}

.roundleft{
	background-image:url(images/roundleft.png);
	background-repeat:no-repeat;
	height:19px;
	left:-15px;
	position:relative;
	top:19px;
	width:252px;
	}
	
.roundright{
	background-image:url(images/roundright.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:19px;
	left:-10px;
	position:relative;
	top:34px;
	width:265px;
	}
	
.grababeer{
	background-image:url(images/grababeer.png);
	height:233px;
	left:-10px;
	position:relative;
	width:237px;
	cursor:pointer;
	}
	
#mainTop{
	background-image:url(images/maintop.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:39px;
	position:absolute;
	top:-25px;
	width:537px;
	z-index:5;
	}
	
#mainBottom{
	background-image:url(images/mainbottom.png);
	height:25px;
	left:0;
	position:absolute;
	width:537px;
	z-index:5;
}

#twitter_update_list{
	font-size:12px;
font-weight:normal;
padding-left:13px;
text-transform:none;
	}
	
#twitter_update_list_A{
	font-size:12px;
font-weight:normal;
padding-left:13px;
text-transform:none;
	}

#twitter_update_list_T{
	font-size:12px;
font-weight:normal;
padding-left:13px;
text-transform:none;
	}


#superback{
	background-image:url(images/brownBack.jpg);
	background-repeat:repeat-x;
	height:360px;
	left:-8px;
	margin:0;
	padding:0;
	position:absolute;
	top:-8px;
	width:100%;
	z-index:1;
	}
	
#headerImage{
	position:absolute;
	height:181px;
	width:591px;
	top:-8px;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	z-index:2;
	cursor:move;
	left:-8px;
	
	}
/*-------------------------------------------
	NAV
-------------------------------------------*/

#nav {
	left:490px;
	padding-top:150px;
	position:relative;
	text-align:right;
	width:500px;
	z-index:3000;
}
#nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
#nav li {
  display: inline;
  }
#nav li a {
	font-family:Trebuchet MS;
  color: #000;
  font-size: 12pt;
  font-weight:bold;
  padding: 0 0 0 25px;
  text-transform: lowercase;
  }
#nav li a:hover {
  color: #000;
  text-decoration: none;
  background-color:#A17777;
  }





.social {
	text-align:right;
}


.logo {
margin:0 0 20px 0;
border:none;
}

.bullet
{
	border:none;
	width:13px;
	height:13px;
}
.headline {
	color:#777777;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
	font-family:Arial,Helvetica,sans-serif;
}

.headline a{
	color:#777777;
}

.headline a:hover{
	color:#990000;
}



.subhead {
	color:#373737;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	text-transform: uppercase;
	font-family:Arial,Helvetica,sans-serif;
}
.newsHead {
	color:#373737;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
}
.newsDate {
	color:#993333;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
}
.newsList {
	line-height:14px;
}
.paddingTop {
padding-top:15px;
}
.stroke {
border:#333333;
border: 1px;
}
.emailField {
	color:#333333;
	font-size:10px;
	line-height:16px;
	font-family:Arial,Helvetica,sans-serif;
	display:inline;
	vertical-align:middle;
}
.marginTop {
display:inline;
	vertical-align:middle;
}


.leftsidemeta
{
	list-style:none;
	padding-left:14px;
}

.sociable  ul
{
	list-style:none;
	padding:0;
	background-color:transparent;
	font-size:10px;
	width:210px;
}

.sociable  ul li
{
	float:left;
	height:24px;
	width:105px;
	vertical-align:middle;
}
.sociable  ul li img
{
	border:none;
}

.foursite{
	position:relative;
	left:-15px;
}