body {
	background: #EFEFEF;
	color:#000;
	font:normal 11px/18px Arial, Helvetica,  sans-serif;
	margin: 0;
}


#content {
	float: left;
	width: 80%;
}

#navigation {
	float: right;
	width: 20%;
}

ul.hfeed {
    margin: 0;
    padding: 0;
    list-style: none;
}

li.hentry {
    margin-bottom: 20px;
}

li.hentry h2 {
    margin: 0;
	font-size: 100%;
}

div.hentry h2 {
	margin: 0;
}

div.hentry h2 a {
	text-decoration: none;
}

.hentry p.date {
    margin: 0;
    font-size: 90%;
	display: inline;
	font-style: italic;
	color: #999;
}

li.hentry .entry-summary {
	font-size: 90%;
}

li.hentry .entry-summary p {
	margin: 0;
}

.meta {

}

.meta h3 {
	font-size: 100%;
	margin: 0;
}

.meta ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta .cats {
	width: 50%;
	float: left;
}

.meta .tags {
	width: 48%;
	float: right;
}


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/logo_home_site_b.png) no-repeat;
	height:80px;
	width:274px;
	display:block;
	margin:0 auto;
	border:0 none;
	margin-top: 40px;
}

#container {
	width:65%;
	background: #FFF;
	margin: 0 auto;
	padding: 50px;

}
#whitecontainer {
	background: #FFF;
	height: 100%;
	width: 895px;
	float:right;
	right: 0px;
	position: absolute;
}
#topbar_logo {
	width: 80%;
	padding-left: 15%;
	padding-top: 50px;
	height: 80px;
	background: #222 url(../images/topbar_bg.jpg) top left repeat-x;
}
#container_h {width:795px; background: #FFF; padding:36px 40px; margin: 0 auto; height: 500px;}

#header {
}

#header h1 {color:#222; background: url(../images/logo_header_bg.jpg) top left repeat-x; 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:100%;
	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:20px;
}
.small.last {margin-right:0;}
.small p {padding-right:5px;}
.wide {
	width:100%;
	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:#666;
}
.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: auto;}
#nav:hover {clear:both; padding:6px 0; float:left; margin-bottom:35px; width: auto;}
#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:#999;
	text-decoration:none;
	border:0 none;
}
#nav li a:hover {color:#333;}
#nav #last {padding:0 0 0 2px;}

#nav_h {clear:both; padding:6px 0; margin-bottom:35px; width: auto; height: auto;}
#nav_h li {
	display:inline;
	list-style-type:none;
	padding:0 20px 0 0;
	padding-bottom: 8px;
}
#nav_h li a {
	color: #000;
	font:100 16px Arial, Times, serif;
	padding:6px 0;
	text-decoration:none;
	border:0 none;
}
#nav_h li a:hover {
	color:#666;
	text-decoration: line-through;
}
#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: 300px;
	margin-top: 17px;
}

.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: 425px; /* 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; }

