/********************************************
* CSS DOCUMENT - Global 
********************************************/

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		background-color: #e5eaed;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/background.png );
		background-position: left top;
		background-repeat: repeat-x;
		color: #5a5a5a;
		padding: 0;
		margin: 0;
	}
	
	form {
    	margin: 0;
		padding: 0;
	}

	img {
		border: 0;
	}
	
	h2 {
		font-family: "Gill Sans MT", "Gill Sans", "Arial Black", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 117%;
		color: #0262A4;
		padding: 0px;
		margin: 9px 0px;
	}
	
	.content h2 {
		 text-transform: uppercase;
	}
	
	h3 {
		font-family: "Gill Sans MT", "Gill Sans", "Arial Black", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 117%;
		color: #3AB2F6;
		padding: 0px;
		margin: 9px 0px;
	}
	
	h4 {
		font-family: "Gill Sans MT", "Gill Sans", "Arial Black", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 117%;
		color: #7C7C7C;
		padding: 0px;
		margin: 9px 0px;
	}
	
	li {
		list-style: square;
	}
	
	td, th {
		font-size: 75%;
		font-size: 100%;
	}
	
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #5a5a5a;
	}
	
	a:link, a:visited {
		color: #027FCE;
                text-decoration : none;
	}
	
	a:hover {
		color: #044468;
                text-decoration : underline;
	}
	
	a.arrow:link, a.arrow:visited {
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/arrow.gif );
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 13px;
	}

	a.arrow-back:link, a.arrow-back:visited {
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/arrow-back.gif );
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 13px;
	}


/********************************************
* LAYOUT 
********************************************/
	
	div.wrap {
		width: 976px;
		margin: 0 auto;
		padding: 0;
	}
	
	div.outercontainer {
		width: 932px;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/shadow.png );
		background-repeat: repeat-y;
		background-position: left top;
		padding: 0px 22px 13px 22px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.outercontainer {background-image: none;}
	/* End Fix for IE-win */ 
	
/********************************************
* HEADER 
********************************************/
	
	div.header {
		width: 932px;
		height: 95px;
		background-color: #fff;
		float: left;
	}
	
	div.logo {
		width: 152px;
		height: 95px;
		float: left;
	}
	
	div.slogan {
		width: 749px;
		height: 20px;
		padding: 25px 31px 0 0;
		text-align: right;
		vertical-align: bottom;
		float: left;
	}
	
	div.slogan p {
		font-family: "Gill Sans MT", "Gill Sans", "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 87.5%;
		font-weight: bold;
		color: #0073d2;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	
	div.menu {
		width: 749px;
		padding: 0 31px 0 0;
		float: left;
	}
	
	div.menu ul {
		width: 749px;
		margin: 0;
		padding: 0;
	}
	
	div.menu li {
		list-style: none;
		position: relative;
		float: left;
	}
	
	div.menu li a {
		font-size: 75%;
		text-decoration: none;
		color: #6494b5;
		margin: 0;
		padding: 15px 27px 15px 27px;
		display: block;
	}
	
	div.menu li a:hover {
		color: #037cc1;
	}
	
	div.menu li a.sep {
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/menu-sep.png );
		background-repeat: no-repeat;
		background-position: left top;
	}
	
/********************************************
* BANNER 
********************************************/
	
	div.banner {
		width: 932px;
		height:172px;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/Banner_Image_Technology_Blog_OPT1_V3.jpg );
		float: left;
	}
	
	div.banner .banner-text {
		padding: 13px 0px 0px 17px;
	}
	
	div.banner .banner-text p {
		margin: 0;
		padding: 0;
	}
	
	div.banner .banner-text h1 {
		font-family: "Gill Sans MT", "Gill Sans", "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 260%;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	div.banner .banner-text p.heading2 {
		font-family:"Gill Sans MT", "Gill Sans", "Arial Black", Arial, Helvetica, sans-serif;
		font-size: 230%;
		font-weight: bold;
		line-height: 1.5em;
		text-transform: uppercase;
		color: #2DB5F3;
	}
	
/********************************************
* MAIN CONTENT 
********************************************/
	
	div.content {
		width: 932px;
		background-color: #fff;
		float: left;
	}
	
	div.main {
		width: 576px;
		min-height: 500px;
		background-color: #fff;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/default-shadow.png );
		background-repeat: no-repeat;
		background-position: right top;
		padding: 10px 20px 40px 20px;
		float: left;
	}
	
	div.main .heading1 {
		font-size: 90%;
	}
	
	div.main .previouspage {
		width: 576px;
		font-size: 75%;
		background-color: #fff;
		margin-bottom: 5px;
		padding: 0 0 10px 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #e5e5e5;
		float: left;
	}
	
	div.main .previouspage a {
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/arrow-back.gif );
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 13px;
	}
	
	div.main .next-previous {
		width: 576px;
		font-size: 75%;
		background-color: #fff;
		padding: 0 0 5px 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #e5e5e5;
		float: left;
	}
	
	div.main .next-previous h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
	}
	
	div.main .next-previous input#q {
		width: 250px;
	}
	
	div.post {
		width: 576px;
		font-size: 75%;
		margin: 0;
		padding: 2px 0 20px 0;
		float: left;
	}
	
	div.post .title {
		width: 576px;
		padding: 0;
		float: left;
	}
	
	div.post .title h2{
		margin: 0;
		padding: 0 0 0 0;
                font-size : 1.6em;
                font-weight : 600;
                text-transform : none; 
	}
	
	div.post .entry {
		width: 576px;
		padding: 0;
		float: left;
                
	}
	
	div.post .entry p {
		margin: 0;
		padding: 0px 0 10px 0;
		line-height: 1.5em;
	}
	
	div.post .entry ul {
		margin: 0 0 1em 15px;
		padding: 0;
	}
	
	div.post .entry li {
		line-height: 1.4em;
	}
	
	div.post .more {
              
		padding: 10px 0 0 0;
                float: left;
	}
	
	div.post .meta {
		width: 576px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.post .posted {
                width: 576px;
		font-size: 80%;
		/* color: #3ab2f6; */
                color : #2DB5F3;
		/* text-transform: uppercase; */
		padding: 0px 0 2px 0;
		float: left;
	}
	
	div.post .meta .comments {
		float: right;
	}
	
	div.post .meta .comments a {
		font-size: 90%;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/arrow.gif );
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding: 0 12px 0 13px;
	}
	
/********************************************
* SIDEBAR
********************************************/
	
	div.sidebar {
		width: 264px;
		font-size:75%;	
		background-color: #fff;
		padding: 10px 26px 40px 26px;
		float: left;
	}
	
	div.sidebar ul {
		margin: 0;
		padding: 0;
	}
	
	div.sidebar li {
		list-style: none;
		margin-bottom: 20px;
	}
	
	div.sidebar ul ul {
		margin: 0;
		padding: 1em 0 0 0;
	}
	
	div.sidebar li li {
		margin: 0;
		padding-left: 16px;
		padding-bottom: 5px;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/browse-arrow.gif );
		background-repeat: no-repeat;
		background-position: left 6px;
	}
	
	div.sidebar li li.rss {
		margin: 0;
		padding-left: 22px;
		padding-bottom: 5px;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/rss.gif );
		background-repeat: no-repeat;
		background-position: left 0;
	}

	div.sidebar p {
		padding: 0;
	}
	
	div.sidebar #about p {
		font-size: 90%;
		line-height: 1.4em;
	}
	
	/* Tag cloud */

	.tagcloud1 {
		font-size: 1.1em;
	}

	.tagcloud2 {
		font-size: 1.2em;
	}

	.tagcloud3 {
		font-size: 1.4em;
	}

	.tagcloud4 {
		font-size: 1.6em;
	}
	
	.tagcloud5 {
	    font-size: 1.8em;
	}
	
	/* Archive */
	
	.hCalendarTable td {
		padding: 3px 8px 3px 8px;
		text-align: center;
	}
	
	.hCalendarMonthYearRow {
	}
	
	.hCalendarDayNameRow {
	}
	
	.hCalendarDayNotInMonth {
	}
	
	.hCalendarDay {
	}
	
	.hCalendarDayTitle {
	}
	
	.hCalendarDayLinked {
	}
	
	.hCalendarDayCurrent {
	}
	
	.hCalendarNavBar {
	}
	
/********************************************
* COMMENTS
********************************************/

	div.comments-form span.status {
		display: block;
		background: white;
		color: green;
		border: 1px solid green;
		margin: 10px 0px;
		padding: 10px;
		font-size: 18px;
	}
	
	span.error {
		display: block;
		background: white;
		color: #c00;
		border: 1px solid #c00;
		margin: 10px 0px;
		padding: 10px;
		font-size: 18px;
	}
	
	p.comment-details {
		font-size: 80%;
		color: #999;
	}
	
	.comments-syntax-indicator span.enabled {
		background: transparent;
		color: green;
	}
	
	.comments-syntax-indicator span.disabled {
		background: transparent;
		color: red;
	}
	
	form ul {
		position: relative;
		list-style: none;
		width: 100%;
	}
	
	form li {
		line-height: 2em;
		margin: 0;
		padding: 1px 1px 6px 9px;
	}
	
	form li.focused {
		background-color: #fff7c0 !important;
	}
	
	form li p {
		font-size: 9px;
		line-height: 13px;
	}
	
	form li {
		display: inline-block;
	}
	
	form[id] li {
		display: block;
	}
	
	form li div {
		display: inline-block;
	}
	
	form[id] li div {
		display: inline;
	}
	
	form .left {
		float: left !important;
		margin: 0;
	}
	
	form .right {
		float: right !important;
		margin: 0;
	}
	
	form .clear {
		clear: both;
	}
	
	form li div p {
		margin: 0 0 5px 0;
	}
	
	form div.left {
		margin-right: 2px !important;
	}
	
	form div.left[class] {
		margin-right: 4px !important;
	}
	
	form div.left img {
		margin: 0 0 -2px 0;
	}
	
	form h2 {
		font-size: 1.8em;
		clear: left;
	}
	
	form .info {
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 0 0 4px 0;
		border-bottom: 1px dotted #ccc !important;
	}
	
	form .info[class] {
		display: block;
	}
	
	form .info p {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 8px 0;
	}
	
	textarea.textarea {
		margin-bottom: 1px;
	}
	
	select.select {
		padding: 1px 0 0 0;
		margin: 1px 0 3px 0;
	}
	
	select.select[class] {
		margin: 0;
		padding: 1px 0 1px 0;
	}
	
	form .small {
		width: 70px;
	}
	
	form .medium {
		width: 170px;
	}
	
	form .large, form textarea.textarea {
		width: 340px;
	}
	
	form .tags {
		width: 320px;
	}
	
	form textarea.small {
		height: 5.5em;
	}
	
	form textarea.medium {
		height: 10em;
	}
	
	form textarea.large {
		height: 20em;
	}
	
	.choices input {
		width: 200px;
		margin-right: 3px;
	}
	
	.choices ol {
		margin: 10px 0 0 0;
	}
	
	.choices[class] ol {
		margin: 0 !important;
	}
	
	.choices img {
		margin: 0 0 1px 0;
	}
	
	fieldset ol li {
		display: list-item !important;
		margin: 0 5px 2px 3px !important;
		padding: 0 !important;
		list-style: inside decimal;
	}
	
	input.button, button {
		width: 6em;
		padding: 2px 2px 0 0; /* fix for IE */
	}
	
	/* revert to normal for Firefox */
	
	li>input.button, li>button, input.button>input.button, button>button {
		padding: 2px;
	}
	
	label.desc {
		margin: 4px 0 3px 0;
		border: 0;
		font-size: 1em;
		line-height: 1.3em;
		display: block;
	}
	
	input.text, input.number, input.url, input.email, input.password, input.file {
		padding: 2px;
	}
	
	input.currency {
		text-align: right;
	}
	
	input.checkbox, input.radio {
		display: block;
		line-height: 1.4em;
		margin: 8px 0 0 3px;
		width: 13px;
		height: 13px;
	}
	
	input.focus, textarea.focus {
		background: #ffd;
		color: #000;
	}
	
	label.choice {
		display: block;
		line-height: 1.4em;
		margin: -19px 0 0 25px;
		padding: 4px 0 5px 0;
		width: 80%;
	}
	
/********************************************
* FOOTER 
********************************************/
	
	div.footer {
		width: 932px;
		background-image: url( http://blog.dlapiper.com/detechnology/resource/images/shadow-bottom.png );
		background-repeat: no-repeat;
		background-position: left top;
		padding: 20px 22px 19px 22px;
		clear: both;
	}
	
	/* Fix for IE-win \*/
		* html div.footer {background-image: none;}
	/* End Fix for IE-win */ 
	
	div.footer p {
		font-size: 70%;
		color:#99bace;
		margin: 0;
		padding: 0 0 0.3em 0;
	}
	
	div.footer a:link, div.footer a:visited {
		color:#99bace;
		text-decoration:none;
	}
	
	div.footer a:hover {
		color:#57646f;
	}
	
	div.footer span.space {
		padding: 0 3px 0 3px;
	}