/*
Theme Name: Natarajan LLP
Theme URI: http://rajanllp.com/
Description: Natarajan LLP Website.
Version:
Author: Sarah Brenner
Author URI: WebDesign2.0Freelance@gmail.com

*/

/* Reset global properties
----------------------- */
* { margin: 0px; padding: 0px; }
html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, ul, ol, li, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; }
p { margin: 0 0 15px 0; }
h1, h2, h3, h4, h5, h6, h7 { display: inline; }
/* Basic HTML tags
--------------- */
a, #nav .page_item.current_page_item a, #nav li .up { color: #C1272D; }
#nav a { color: #000000; }
#content a, #sidebar a { color: #666666; }
#footer a { color: #FFFFFF; text-decoration: underline; }
a:hover, #sidebar a:hover { color: #000; }
p { font-weight: normal; padding: 0px; margin: 0px; padding-bottom: 1em; text-align: justify; }
#footer p { font-weight: normal; font-size: 10px; padding: 0px; margin: 0px; padding-bottom: 1em; }
h2 { font-weight: bold; font-size: 20px; padding: 0px; margin: 0px; padding-bottom: 1em; color: #000000; }
h3 { font-weight: bold; font-size: 15px; padding: 0px; margin: 0px; padding-bottom: 1em; }
.email { vertical-align: text-bottom; }
.logo a { text-indent:-9999em; width: 200px; height: 64px; background: url(images/NataRajan_Logo.jpg) no-repeat; display:block; float: left; }
.highlight { background-color: #CCC; }
.left { float: left; }
.right { float: right; }
.tagline { float: left; font-size: 10px; font-style: italic; margin-top: 40px; line-height: 10px; padding-left: 10px; }
/* Start Website in Sequence */
body { font-family: "Georgia", "Palatino", serif; font-size: 12px; line-height: 18px; color: #333333; background: #FFFFFF url(images/bkrnd_black.gif) repeat-x top; }
#container { width: 1000px; margin: auto; background: #FFFFFF; margin-top: 21px; padding-top: 10px; }
#container_home { width: 900px; margin: auto; background: #FFFFFF; margin-top: 21px; padding-top: 10px; }
#top { width: 1000px; height: 106px; }
#top_home { width: 900px; height: 106px; }
#header { background: url(images/Header.jpg) no-repeat; width: 1000px; height: 250px; }
#header.home { background: url(images/Header_Home.jpg) no-repeat; width: 900px; height: 250px; margin: auto; }
#middle { width: 1000px; margin-bottom: 10px; }
#middle-sidebar { width: 1000px; margin-bottom: 10px; }
#middle-sidebar_home { width: 900px; margin-bottom: 10px; }
#content { width: 745px; float: left; padding: 30px 15px 10px 0px; }
#contentrep { width: 985px; float: left; padding: 30px 15px 10px 0px; }
#content-home { width: 885px; float: left; padding: 30px 15px 10px 0px; }
#content-blog { width: 745px; float: left; padding: 30px 15px 10px 0px; }
#sidebar { width: 210px; float: right; padding: 30px 0px 20px 30px; }
#sidebar-attorneys { width: 120px; float: right; padding: 30px 90px 20px 30px; text-align:center; }
#sidebarblog { width: 210px; float: right; padding: 30px 0px 20px 30px; }
#sidebar-home { width: 210px; float: right; padding: 30px 0px 20px 30px; }
#logo { margin: 0 0 0 10px; width: 300px; height: 64px; }
 
/* Start Nav
--------- */
#nav { float: right; margin-top: 10px; font-family: "Arial", sans-serif; }
#nav li { float:left; margin-right:10px; position:relative; }
#nav li a { display:block; padding:4px 6px; text-transform:uppercase; font-size:12px; text-align: center; }
#nav li a:hover { color: #C1272D; }
#nav li ul { display:none; position:absolute; background-color:#999999; left:-1px; width:165px; padding-top:0; }
#nav li ul li { display:block; margin-left:0; float:none; line-height:18px; text-transform:none; margin-right:0; }
#nav li ul li a { color:#000000; text-transform:none; letter-spacing:normal; text-align: left; }
#nav li ul li a:hover { color:#FFF; }
#nav li:hover ul, #nav li.over ul { display:block; }
#nav li ul li ul li a { display:none; }
#sidebar li, #sidebarblog li { font-size: 12px; }
/* -=-=-=-=-=-=-=-=-=-
=-=- PAGENAV and styles -=-=-
-=-=-=-=-=-=-=-=-=-= */

.pagenav li a { display:block; text-decoration:none; color:#000000; text-transform:uppercase; }
.pagenav li a:hover { color:#FFF; }
.pagenav li ul { }
.pagenav li ul li a { text-transform:none; border-bottom:none; color:#D16D18; }
#content ul li, #contentrep ul li, #sidebar ul li { list-style: circle; font-size: 12px; }
#content-home ul.recentposts li { list-style: none; font-size: 12px; }
#content ul, #contentrep ul, #sidebar ul { width: 97%; margin: 0 auto 1em auto; padding: 0; }
#content ul li, #contentrep ul li, #sidebar ul li { margin: 0.5em 0 0.5em 2em; line-height: 1.25em; }
#sidebar-attorneys ul li { list-style: none; font-size: 11px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
#sidebar-attorneys ul { margin:10px 0 15px 0; padding:0; text-align:center; }

/* Start Footer */
#footer { text-align: center; color: #FFFFFF; margin-top: 10px; background: #848484 url(images/bkrnd_black.gif) repeat-x top; padding-top: 5px; }
#footer-text p { text-align: center; margin: auto; width: 1000px; }
 
 /* Start Forms */
input, textarea { border: 1px solid #C1C1C1; background-color: #FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 2px; font-size: 12px; }
.search_input { width: 110px; }
table td { font-size: 12px; vertical-align: top; padding: 0px; }
table td.title { color: #C1272D; font-weight: bold; text-transform: uppercase; }
.submit { width: 70px; font-size: 0.9em; background-color: #C1272D; color: #FFFFFF; }
.reset { width: 70px; font-size: 0.9em; background-color: #C1272D; color: #FFFFFF; margin-left: 5px; }
.search { width: 50px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; background-color: #C1272D; color: #FFFFFF; margin-left: 5px; }

/* Clear Fix Code */
.ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .ClearFix { height:1%; }
/* WinIE6 and below */
* html .ClearFix { height:1%; }
/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/

	/* Start Blog */
 
 .postmetadata, small { font-size: 12px; line-height: 18px; color: #999; }
.postline { padding-bottom: 5px; }
.postmetadata a { color: #000000; text-decoration: none; }
.entrywrapper { padding-bottom: 5px; }
.entry { text-align: left; padding-right: 10px; padding-bottom: 0px; margin-top: 0; }
.entry a:hover { color: #333333; }
.entry p a:active, .entry p a:hover { color: #000; text-decoration: none; }
.post { margin: 0 0 10px 0; }
.entry a, .entry a:visited { color: #000; }
.entry a:hover { color: #555 !important; }
.clear { clear: both; }
.entry h2 { margin: 5px 0 12px 0; padding: 0; display: block; font-weight: normal; }
.entry h2 a, .entry h2 a:visited { font-weight: normal; color: #555; }
.entry h2 a:hover { color: #000; }
.avatar { width: 150px; text-align: center; background-color: #eee; margin: 0 0 15px 25px; float: right; display: inline; padding: 10px 10px 5px 10px; }
.avatar img { border: 1px solid #fff; }
.avatar p { margin: 5px 0 0 0 !important; font-size: 14px; color: #999; text-align: center; }
.colA { float: left; display: inline; width: 200px; margin: 15px 30px 30px 0; }
.colB { float: left; display: inline; width: 650px; margin: 15px 0 30px 0; }
.colB p { margin: 0; }
.colB h2 { color: #555; font-weight: normal; }
.colB h2 a, .colB h2 a:visited { color: #888; }
.colB h2 a:hover { color: #000 !important; }
.colB h2 em { font-style: normal; font-size: 11px; color: #999; font-weight: normal; display: block; }
.colB .headline { font-size: 15px; color: #ccc; }
.colB .headline a, .colB .headline a:visited { font-size: 15px; color: #999; }
.colB .headline a:hover { font-size: 15px; color: #000; }
.colB a, .colB a:visited { color: #999; }
.colB a:hover { color: #000; }
.headlineList { margin: 0; padding: 0; width: 80%; border-top: 1px dotted #ccc; }
.headlineList li { margin: 0; padding: 5px 0 5px 0; list-style-type: none; border-bottom: 1px dotted #ccc; color: #777; }
.headlineList a, .headlineList a:visited { color: #000; }
.headlineList a:hover { color: #555; }
#sidebarblog ul.headlines { margin: 0; padding: 0; border-top: 1px dotted #ccc; }
#sidebarblog ul.headlines li { margin: 0; padding: 5px 0 5px 0; list-style-type: none; line-height: 16px; border-bottom: 1px dotted #ccc; color: #777; }
#sidebarblog h2 { font-size: 14px; margin: 20px 0 5px 0; padding: 0; display: block; color: #666; font-weight: normal; }
#sidebarblog a, #sidebarblog a:visited { color: #000; }
#sidebarblog a:hover { color: #444; }
.navigation { width: 100%; height: 25px; }
.navigation .alignleft { float: left; display: inline; font-size: 12px; }
.navigation .alignright { float: right; display: inline; font-size: 12px; }
.byline { color: #888; }
#taglineImg { margin: 15px 15px -15px 0; float: right; display: inline; }
