/*--------------------------------------------------------------------------------
//
//	Arlen Connelly
//
//	arlen.css
//	by DPI 21 Ltd - http://www.dpi21.com
//
//  Copyright 2007 DPI 21 Ltd. This code cannot be redistributed without
//  permission from DPI 21
//
//	Date: 4/10/07
//
// ---------------------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------------- */

* {
	margin: 0 ;
}

body {
	font: 62.5%/1.8em Arial, Helvetica, sans-serif;
	color: white;
	background: black;
}

a {
	text-decoration: none;
}

img {
	text-decoration: none;
	border: none;
}

p {
	padding: 5px 0px;
}

/*------------------------------------------------------------------------
//	Wrapper
// ---------------------------------------------------------------------- */

#wrapper {
	width: 910px;
	margin: 20px auto;
}

#contentContainer {
	float: left;
	width: 900px;
	min-height: 55em;
	height: auto;
	border: 1px solid #777777;
	padding: 5px;
}

/* for Internet Explorer */
/*\*/

* html #contentContainer {
	height: 55em;
}

/*------------------------------------------------------------------------
//	Main Menu
// ---------------------------------------------------------------------- */

#mainNav {
	width: 910px;
	margin: 25px auto 0px auto;
	text-align: right;
	height: 25px;
	padding: 0px;
}

#mainNav li {
	padding: 0px;
	display: inline;
}

/*------------------------------------------------------------------------
//	Headings
// ---------------------------------------------------------------------- */

h1, h2 {
	font-weight: normal;
	border-bottom: 1px solid #777777;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

h1 {
	font-size: 1.6em;
}

h2, h3 {
	font-size: 1.4em;
}

h3 {
	margin: 5px;
	font-weight: normal;
}


/*------------------------------------------------------------------------
//	Index Page
// ---------------------------------------------------------------------- */

#indexColumn1, #indexColumn2, #indexColumn3, .portfolioLink, .linkImage, #logo {
	float: left;
}

#logo {
	width: 900px;
}

#indexColumn1 {
	width: 340px;
	padding: 30px 0px 0px 0px;
}

#indexColumn2 {
	width: 390px;
	padding: 40px 15px 0px 0px;
}

#indexColumn3 {
	width: 145px;
	padding-top: 30px;
}

.portfolioLink {
	padding: 5px 10px;
	width: 145px;
}

.linkImage, #weddingLink {
	border: 1px solid #777777;
	width: 135px;
	padding: 5px;
	margin-bottom: 5px;
}

.linkImage {
	height: 135px;
}

#weddingLink {
	height: 320px;
}

#indexColumn1 p, #indexColumn3 p {
	text-align: center;
	font-size: 1.1em;
}

#indexColumn1 a:link, #indexColumn1 a:active, #indexColumn1 a:visited, #indexColumn3 a:link, #indexColumn3 a:active, #indexColumn3 a:visited {
	color: #EF4136;
}

#indexColumn1 a:hover, #indexColumn3 a:hover {
	color: white;
	text-decoration: underline;
}



/*------------------------------------------------------------------------
//	Sub Page
// ---------------------------------------------------------------------- */

#thumbnails, #galleryText, #galleryImage {
	float: left;	
}

#thumbnails img {
	margin: 0 5px 0 0;
}

#thumbnails, #galleryImage, .imageThumbnail img {
	border: 1px solid #777777;
}

#thumbnails {
	overflow: auto;
	width: 880px;
	height: 125px;
	margin: 10px 5px 25px 5px;
	padding: 5px;
}

#galleryText {
	width: 430px;
	padding: 10px;
	overflow: auto;
	height: 280px;
	margin-right: 30px;
}

#galleryText a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#galleryText a:hover {
	color: #EF4136;
	text-decoration: none;
}

#galleryText p {
	padding: 5px 0px;
}

.imageThumbnail img {
	padding: 2px;	
}

#galleryImage, #defaultImage {
	width: 400px;
	height: 300px;
	text-align: center;
}

/*------------------------------------------------------------------------
//	CMS
// ---------------------------------------------------------------------- */

#login {
	float: left;
	width: 250px;
	padding: 10px;
	margin: 20px 10px;
	border: 1px solid #777777;
}

#username, #password {
	width: 240px;
}

input {
	margin: 2px;
	padding: 2px;
}

#editTextBox {
	width: 370px;
	height: 300px;
	float: left;
}

#editTextContainer, #addImage, #editImage, #editText, #galleryImageCMS, #cmsHome  {
	float: left;
	margin: 10px;
}

#editTextContainer {
	width: 870px;
	border: 1px solid #777777;
	padding: 5px;
}

#editImage {
	width: 400px;
	float: right;
}

#editText {
	width: 350px;
}

#addImage, #cmsHome {
	width: 880px;
}

#galleryImageCMS {
	width: 250px;
}

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

#footer {
	width: 910px;
	margin: 0px auto;
}

#footer ul, #footer p {
	float: left;
}

#footer ul {
	padding: 0px;
	width: 100px;
}

#footer li {
	padding: 0px;
	display: inline;
}

#copyright {
	width: 810px;
	padding-top: 5px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #EF4136;
}

#footer a:hover {
	color: white;
	text-decoration: underline;
}

/*------------------------------------------------------------------------
//	Other Styles
// ---------------------------------------------------------------------- */

.red {
	color: #EF4136;
}

#gallery-images {
	width: 250px;
	border: 1px solid gray;
	float: left;
	height: 200px;
	margin: 8px;
	padding: 10px;
}

#text-link-home {
	padding: 0 0 0 220px;
}

#text-link-home a {
	color: white;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
}
#text-link-home a:hover {
	text-decoration: none;
}