body {background: url(../images/bg.jpg) top left repeat-y #FFF; color:#666; font:normal 11px/18px Arial, Helvetica,  sans-serif;}
body.intro {background: url(../images/intro.jpg) top left no-repeat #FFF; color:#666; font:normal 11px/18px Arial, Helvetica,  sans-serif;}
h1, h2 {font-size:12px;}
h3, h4, h5, h6 {font-size:12px; line-height:18px;}

a {color:#111; text-decoration:none; font-family: Arial, sans-serif;}
li a {text-decoration:none;}

a:visited {}
a:hover {color:#666; text-decoration:none;}
a img {border:none;}
a#logo {font-family: Arial, Times, serif; letter-spacing:10px; background: url(../images/danielpatricklogo.jpg) no-repeat; height:40px; width:274px; display:block; border:0 none;}
a#logo_h {font-family: Arial, Times, serif; letter-spacing:10px; background: url(../images/danielpatricklogo_h.jpg) no-repeat; height:40px; width:274px; display:block; border:0 none;}

#container {width:795px; background: #FFF; padding:36px 40px; float: left;}
#container_h {width:795px; background: #FFF; padding:36px 40px; margin: 0 auto; float: left; height: 500px;}

#header {padding-bottom:18px;}

#header h1 {color:#FFF; background: #000; font-size:12px; font-weight: 700; line-height:22px; clear:both; padding-left: 5px; text-transform: uppercase; }

/**#header h1 {color:#111; font-size:24px; font-weight:700; line-height:18px; clear:both;}**/

p {font-family: Arial, Times, serif;  margin-bottom:12px;}

.column li {list-style-type:none; border-bottom:1px solid #eee; line-height:17px;}
.column ul {width:245px; margin-bottom:24px;}


p.finePrint {font:100 10px/12px Helvetica, Arial, sans-serif;}
.finePrint.date {letter-spacing:0; text-transform:uppercase; margin-bottom:6px; color:#666; font-weight:700; font-size:10px; line-height:12px;}
p.chapeau {font:12px/18px Helvetica, Arial,  sans-serif; color:#111; margin:12px 0 0 0; font-weight:700;}
p.chapeau strong {font-weight:700;}

#info {
	float:right;
	color:#666;
	text-align:right;
}
#info p {font-family:Helvetica, Arial, sans-serif; margin:0; font-size:10px; line-height:12px;}
.display {width:795px; margin-bottom:18px; padding:11px 0; clear:both; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.display img {vertical-align:text-bottom; background:#fff; padding-bottom:10px;}
.display p {padding:0;}
.display h3 {padding:0 0 6px 0;}
.display h4 {padding:6px 0;}
.column {float:left;}
.small {width:245px; margin-right:30px;}
.small.last {margin-right:0;}
.small p {padding-right:5px;}
.wide {width:520px; margin-right:20px;}
.display .wide {width:520px; margin-right:30px;}


.intro {font-family: Helvetica, Arial,  sans-serif;}
.intro dl {width:245px;}
.intro dt {float:left; width:90px; color:#111;}
.intro dd {margin:0 0 0 90px;}

h3, h4 {font:100 12px/18px Arial, Helvetica,  sans-serif; color:#666;}

#nav {clear:both; border:solid #FFF; border-width:1px 0; padding:6px 0; float:left; margin-bottom:35px; width:795px;}
#nav:hover {clear:both; border:solid #666; border-width:1px 0; padding:6px 0; float:left; margin-bottom:35px; width:795px;}
#nav li {display:inline; list-style-type:none; padding:0 25px 0 0; float:left;}
#nav li a {
	font:100 12px/18px Arial, Times, serif;
	padding:6px 0;
	color:#ccc;
	text-decoration:none;
	border:0 none;
}
#nav li a:hover {color:#333;}
#nav #last {padding:0 0 0 2px;}

#nav_h {clear:both; border:solid #FFF; border-width:1px 0; padding:6px 0; float:left; margin-bottom:35px; width:795px;}
#nav_h li {display:inline; list-style-type:none; padding:0 25px 0 0; float:left;}
#nav_h li a {color: #666; font:100 16px Arial, Times, serif; padding:6px 0; text-decoration:none; border:0 none;}
#nav_h li a:hover {color:#999;}
#nav_h #last {padding:0 0 0 2px;}

#newsletter {padding:5px 0 0 5px; border:0 solid #eee; width:245px; margin-right:0; float:right;}
#newsletter h3 {width:240px;}
#newsletter fieldset {width:240px; border:solid #111; border-width:0; padding:0 0 10px 0;}
#newsletter p {font-family:Arial, Helvetica,  sans-serif;}
#footer {clear:both; border-top:1px solid #ccc; margin:10px 0; padding-top:12px; height: 50px; background: #fff;}
#footer p {font-family: Helvetica, Arial  sans-serif;}

#footer .small {text-align:right;}

ul.thumbnails {width:510px;}
.thumbnails li {float:left; margin:6px; border-bottom:0px none #111;}
.thumbnails img  {width:300px; height:100px; padding:5px; vertical-align:bottom;}
.thumbnails a {border:1px solid #aaa; display:block; margin-bottom:6px; float:left;}
.thumbnails a:hover img {background:#eee;}
.thumbnails li p {clear:both; float:left; margin-top:-6px;}
.thumbnails h4 {clear:both;}
.thumbnails h4 a {border:0 none;}
hr {clear:both; height:0; visibility:hidden;}

legend {background:#fff; padding:3px;}
fieldset {border:solid #aaa; border-width:0; padding:10px 0;}

#twitter {
	width: 100%;
	height: 700px;
}

#twitter_update_list {
	width: 400px;
}

.firstTweet {
	font-size: 200%;
	margin-bottom: 50px;
}

.twitted {
	padding-bottom: 10px;
}

#contactForm label {
	float:left;
	width:90px;
	color:#000;
	margin-top:5px;
	}
	#contactForm input, #contactForm textarea {
	width:335px;
	margin:5px 0 5px 10px;
	border:1px solid #aaa;
	padding:5px;
	}
	#contactForm input.submit {
	width:auto;
	border:0 none;
	margin-left:90px;
	vertical-align:bottom;
	}
	#contactForm input#quiz {
	width:50px;
	}
	
#newsletter input {
	border:1px solid #aaa;
	padding:3px 5px 4px 5px;
	width:130px;
	margin-right:5px;
	float:left;

	}	
	#newsletter input.submit {
	width:auto;
	border:0 none;
	padding:0;
	vertical-align:bottom;
	}


/*Login*/

#login {padding:10px; margin:10px auto; float:none; border:1px solid #aaa; height:120px;}

#login h2 {
 background:#fafafa;
border-bottom:1px solid #aaa;
color:#000;
margin:-20px -10px 10px -10px;
padding:10px;

}

#login label {
	color:#000;
	float:left;
	width:70px;
	}

#login input {
	border:1px solid #aaa;
	padding:3px 5px 4px 5px;
	width:160px;
	margin-bottom:5px;
	}	
	#login input.submit {
	width:auto;
	border:0 none;
	padding:0;
	vertical-align:bottom;
	margin:0;
	float:right;
	}
	
/*Embedded Login*/

#embeddedLogin {position:relative;}

#embeddedLogin .finePrint {
position:absolute;
top:3px;
right:5px;
}
#embeddedLogin fieldset {
	padding:0;
	} 

#embeddedLogin label {
	color:#000;
	float:left;
	width:70px;
	}

#embeddedLogin input {
	border:1px solid #aaa;
	padding:3px 5px 4px 5px;
	width:155px;
	margin-bottom:5px;
	}	
	#embeddedLogin input.submit {
	width:auto;
	border:0 none;
	padding:0;
	vertical-align:bottom;
	margin:0 5px 0 0;
	float:right;
	}
	
	
#workPage #header, .twoCol #header  {margin-bottom:17px; border-bottom:1px solid #ccc;} 

#workPage h2, .twoCol h2 {padding-bottom:12px;}
.twoCol .intro {margin-bottom:12px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.twoCol .wide {width:510px;}
.twoCol .small {margin-right:0; float:right;}


#selectedWork a {line-height:12px;}

#newsPage .wide h3 {margin-top:23px; border-top:1px solid #ccc; padding-top:12px;}

#current a {font-weight:700;}
.antiSpam {display:none;}

.vcard {padding:5px 0; border:solid #ccc; border-width:1px 0; width:255px;}
.warning {padding:5px 0 5px 10px; margin:10px 0 0 0; border:solid #c88; border-width:0 0 0 10px;}
.success  {height:250px; margin-top:10px;}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 639px; /* Set to gallery height */
}

#motioncontainer a img {
border: none;
padding: 0;
}

#motioncontainer a:hover img {
border: none; /* Set image border hover color */
}

#statusdiv {
background-color: #FFFFFF;
border: 1px solid #CCC;
padding: 2px;
color: #000;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

#contact p, label, legend {
	font: 1.5em "Lucida Grande", "Arial", sans-serif;
}


/* Form style */


#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #000; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border-style: none none solid; }

#contact {
	display: block;
	width: 520px;
	margin: 5px auto;
	float: left;
}



#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }
#contact input, textarea, select {
	width: 350px;
	margin: 0;
	padding: 5px;
	color: #000;
	background: none;
	border: 1px solid #ccc;
	margin: 5px 0;
	font:1.5em "Arial", sans-serif;
}
#contact input:focus, textarea:focus, select:focus {
	border: 1px solid #000;
	background: none;
	color:#000;
}
#contact input.submit {
	width: 85px;
	cursor: pointer;
	border: 1px solid #000;
	background: none;
	color:#000;
}
#contact input.submit:hover {
	background: #000;
	color: #FFF;
}
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#FFF; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }