/* Global Styles

---------------------------------------------------------- */



body {
	margin: 0; padding: 0;	background: #fff;	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/* Font sizing */
	font-size: small;
	background-color: #000000;
	background-image:url(../images/webRepeat.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



a {
	margin: 0; padding: 0;
	color: #000;
	text-decoration: none;
}



.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0;
}



h1 {
	margin: 0; padding: 0;
	font-size:60px;
	color: #CCCCCC;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:390px;
	float:left;
	
}



h2 {
	margin: 0; padding: 0;
	font-size:20px;
	color: #FFFFFF;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	font-weight:normal;
	
}



h3 {
	margin: 0; padding: 0;
	font-size: large;
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}



h4 {
	margin: 0; padding: 0;
	font-size: medium;
	color: #000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}



p {
	display: block;
	margin: auto; padding: 0;
	line-height: 1.35em;
}



p a {
	margin: 0; padding: 0;
	text-decoration: none;
	color:#0000FF;
	border: none;
}



p a:hover {
	color:#FF0000;
}


/* Global classes
-----------------------------------------------------------*/

.container{
	width:100%;
	
	/* Testing */
	/*border: 1px dotted blue; */
}

.page-section{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.clear{
clear:both;
}

.sideTitle{
	color: #2c0955;
	text-transform: uppercase;
	font-size:24px;
	font-weight:bold;
	display:block;
	padding-top:27px;


}

.transGrey{
filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;
}


.floatLeft{
display:inline;
float:left;

}

.date{
font-size:10px;
color:#999999;
margin:10px 0px 0px 10px;
float:left;
}


.workImage{
margin:auto;
diplay:block;

}

a.workLink{
display:block;
padding:8px;
padding-bottom:8px;
background-color:#000000;
}


a.workLink:hover{
background-color: #111111;

}
/* Header

---------------------------------------------------------- */

#header{
	 margin-bottom:0; padding: 0;
	z-index:999;
	position:absolute;
	top:70px;
	left:40px;


}

#headerBG{
	width:100%;
	height:200px;
	background-color:#000000;
	position:absolute;
	top:15px;
	z-index:10;
	left:0px;

}

/* Body
-----------------------------------------------------------*/

#body{
	margin-top: 250px; margin-bottom:0; padding: 0;
	width: 1000px;
	float:left;
	/* testing*/
/*	border: 1px dotted pink; */
}

.myWork{
width:608px;
margin-bottom:50px;

float:right;

}

.myWork h2 {
margin:0px 0px 5px 5px;
display:inline;
float:left;
}

.myWork h2 a{
color:#FFFFFF;
}

.myWork h2 a:hover{
text-decoration:underline;


}



/* Footer
---------------------------------------------------------- */

#footer{
	margin-top: 0; margin-bottom:20px; padding: 0;
	width: 760px;
	/* testing */
	/*border: 1px dotted pink; */
}

/* Footer
---------------------------------------------------------- */

#copy-write{
	margin-top: 0; margin-bottom:40px; padding: 0;
	width:100%;
	text-size:xx-small;
	color:#CCCCCC;
	
}

#copyInfo{
width:890px;
	text-align:right;
	font-size:10px;

}

#copy-write p{
	font-size:xx-small;
}

/* Navigation

---------------------------------------------------------- */

/* Page Navigation

---------------------------------------------------------- */
#twitter_div, #flickr_div{
width:300px;
color:#FFFFFF;
margin-left:0px;
font-size:10px;
}



#twitter_div ul{
list-style:none;
margin:0px;
padding:0px;
}


#twitter_div li{

margin:5px;
margin-left:0px;
padding:10px;
padding-left:20px;
background-color:#000000;

}

#twitter_div a{
color:#666666;
text-decoration:underline;

}



#twitter_div a:hover{
text-decoration:none;

}

#flickr_div{
width:200px;
margin-top:20px;

}

#flickr_div a, .flickr_badge_image img{
border:0px;


}



.flickr_badge_image img{
float:left;
margin:0 0px 8px 8px;
background: #000000;
padding:4px;
width:62px;
height:62px;
}

.flickr_badge_image img:hover{
background: #111111;
}



#twitter_div h2 a{
	margin:0px 0px 10px 0px;
	padding-left:35px;
	text-transform:lowercase;
	background:url(../images/twitter_16x16.gif) no-repeat 10px 4px;
	color:#FFFFFF;
	text-decoration:none;
	
}

#flickr_div h2 a{
	margin:0px 0px 10px 0px;
	padding-left:35px;
	text-transform:lowercase;
	background:url(../images/flickr.gif) no-repeat 10px 4px;
	color:#FFFFFF;
		text-decoration:none;
	
}


#flickr_div h2 a:hover, #twitter_div h2 a:hover{
 text-decoration:underline;

}