/* Black and White Layout - Adam Matthews Photography */
/*
	Feel free to look at this and see how everything works,
	and feel free to copy elements. HOWEVER, no copying 
	the entire layout and complete style.
*/
/* Feel free to email me at amatthewsphotography@me.com */

body{
	margin:0;
	padding:0;
	font-family:"Century Gothic", Verdana, Arial;
}

#black_bar{
	width:100%;
	min-height:500px;
	background-color:#000;
}

#header{
	height:61px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
#header h1{
	padding:0;
	margin:0;
	font-size:38px;
}
#header #banner{
	margin-left:15px;
	margin-top:15px;
	border:none;
}
#closed_banner{
	margin-top:10px;
	margin-bottom:10px;
}

#page_container{
	width:900px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
}

/* Page table styles */
#page_container table#Page_Table{
	/* Whole table style */
	width:100%;
	height:500px;
	clear:both;
}
#page_container td#Content{
	/*Content area styles */
	vertical-align:top;
	padding:5px;
	color:#FFF;
}
#page_container td#Main_Nav{
	/* Main navigation area styles */
	background-color:#FFF;
	width:150px;
	height:500px;
	vertical-align:top;
	text-align:right;
}
#page_container td#Right_bar{
	/* Area under Main Navigation */
	background-color:#FFF;
	width:150px;
	height:100%;
	vertical-align:bottom;
}	

#page_container td#Right_bar img{
	border:none;
}

#Content h1{
	font-size:25px;
	letter-spacing:2px;
	font-weight:normal;
}
#Content h2{
	font-size:18px;
	letter-spacing:1px;
	font-weight:normal;
}
#Content p{
	margin-left:15px;
	font-size:16px;
}

a{
	color:#900;
	text-decoration:none;
}
#Content td{
	color:#FFF;
	vertical-align:top;
}
/* Main Navigation Styles */
#Main_Nav{
	padding-top:0;
	min-height:500px;
}
#Main_Nav p{
	width:140px;
	padding:5px;
	margin-bottom:5px;
	margin-top:2px;
}
#Main_Nav a{
	text-decoration:none;
	color:#000;
	font-size:20px;
}
#Main_Nav a:hover{
	color:#900
}
#Main_Nav a:active{
	color:#000;
}
#Main_Nav img{
	border:none;
	vertical-align:bottom;
}


/* Sub Navigation */
#Main_Nav Div{
	color:#900;
	margin-top:-15px;
}
#Main_Nav Div p{
	margin-bottom:-5px;
	margin-top:0px;
}
#Main_Nav Div a{
	text-decoration:none;
	color:#900;
	font-size:16px;
}
#Main_Nav Div a:hover{
	color:#000;
}
#Main_Nav Div a:active{
	color:#900;
}

/* Other Styles */
#breadcrumb{
	width:744px;
	height:19px;
	background-color:#FFF;
	margin-top:-5px;
	margin-right:-5px;
	margin-left:-5px;
	color:#000;
	font-size:12px;
	padding:3px;
}

#footer{
	width:900px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
}

#homepageimg{
	border:#FFF 10px solid;
	margin:10px;
	float:left;
}

.Headbox_text{
	text-align:right;
	font-size:11px;
}

#Userbar{
	float:right;
	width:200px;
	margin-top:29px;
}
.Headbox_text a{
	text-decoration:none;
	color:#000;
	vertical-align:bottom;
}
.Headbox_text a:hover{
	color:#900;
}

select,input,textbox,textarea{
	font-family:"Century Gothic", Verdana, Arial;
}

#Admin_Warnings{
	float:right;
	margin-top:0px;
	margin-bottom:-20px;
	color:#900;
	width:200px;
}
#Admin_Warnings a{
	color:#900;
}

/*Collections List Style */
#Collection_Item{
	width:420px;
	height:125px;
	border-top:4px #FFF solid;
	margin-left:30px;
	margin-bottom:20px;
}
#Collection_Item img{
	float:left;
	border:4px #FFF solid;
	border-top:none;
}
#Collection_Item h1{
	font-size:22px;
	letter-spacing:3px;
	margin-top:3px;
	margin-left:190px;
}
#Collection_Item p{
	margin-left:210px;
	margin-top:-10px;
}

/*Image Display Styling */
#Image{
	padding:0px;
}
#Image img{
	vertical-align:middle;
	margin:5px;
	border:4px #FFF solid;
}

#image_view{
	padding:20px;
}

/* Transparent Box */
/* Code from http://www.w3schools.com/Css/css_image_transparency.asp */
.img_container{
	z-index:-1;
	margin-bottom:0px;
}

.transbox
  {
  width:100%;
  height:17px;
  text-align:center;
  padding-bottom:3px;
  background-color:#1F1F1F;
  margin-top:-20px;
  /* for IE */
  /* filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  z-index:1;
  }
.transbox p
  {
  font-weight:bold;
  color:#FFF;
  padding-bottom:5px;
  }
  
#twitter_div{
	background-color:#FFF;
	color:#000;
	width:300px;
}
#twitter_div h2{
	
}
#twitter_div ul{
	font-size:12px;
	margin:4px;
	margin-left:-7px;
}
#twitter-link{
	margin-left:-10px;
}


/* Rounded corners, courtesy of N2 Media (www.n2media.co.uk) */

.rtop, .rbottom{
                display:block;
                background-color: #000; /* Needs to match page background colour */
}
.rtop *, .rbottom *{
                display: block;
                height: 1px;
                overflow: hidden;
                background-color: #FFFFFF;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

#adunit{

}