/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body {
	color:#000; 
	font-family:Arial, Verdana, Geneva, sans-serif;  
	background-color:#DDDDDF; 
}

h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Page ----*/
body.layout1 div#page {
	background-color:#DDDDDF; 
}
 
body.layout2 div#page {
 
} 

/*---- Container ----*/
div#container{ width:1060px; margin:0 auto; }

/*---- Wrapper ----*/
div.wrapper { width:990px; margin:0 auto; }

/*---- Header ----*/
div#header {
	background-color:#fff;
	margin:0px;
	position:relative;  
	background:url(../images/header/header-bg.gif) left top repeat-y; 
}

div#header div.wrapper { padding:20px 0px 22px 0px; }

/*---- Main Navigation ----*/
div#main-navigation {
	background-color:#1E2855;
	margin:0;
	position:relative;
	height:60px;
	padding:0px 30px;
	width:1000px;
}

/*---- Content ----*/
div#content { background:url(../images/content/content-bg.png) left top repeat; margin-top:-6px; }
div#content div.wrapper { padding:40px 0px; }
/*---- Main ----*/
div#main { float:right; width:580px; padding:10px;  }

/*---- Footer ----*/
div#footer	{
}

div#footer div.wrapper	{
	background-color:#000;
	width:1060px;
	margin:0 auto;
	padding:20px 0px 20px;   
}

/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { width:264px; float:left; margin-left:16px; margin-top:8px; }
div#header div.logo h1 a { background:url(../images/header/logo.png) left top no-repeat; width:201px; height:0px; padding-top:48px; overflow:hidden; display:block; }

/*---- Header - Search Form ----*/
div#header div#search-form { float:right; width:250px; margin-top:10px; }
div#header div#search-form label{ font-size:200%; color:#666; line-height:24px; margin-right:8px; vertical-align:middle; }
div#header div#search-form input.textbox{ vertical-align:middle; border:1px solid #fff; background:#fbfbfb; margin-right:7px; padding:3px 5px; width:125px; }
div#header div#search-form input.button{  vertical-align:middle; }

/*---- Main Navigation ----*/
div#main-navigation ul li{ float:left; }
div#main-navigation ul li a {
	float:left;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial;
	font-size:21px;
	color:#fff;
	line-height:60px;
	padding:0px 16px 0px 16px;
	position:relative;
	z-index:50;

}

div#main-navigation ul li.divider{  }
div#main-navigation ul li:hover , div#main-navigation ul li.active {
	
}

/*---- Main Navigation - Drop Down ----*/
div#main-navigation ul li.parent { position:relative; z-index:10; }
div#main-navigation ul li.parent ul.child {
	position:absolute;
	width:163px;
	left:8px;
	top:60px;
	z-index:20;
	display:none;
}

div#main-navigation ul li.parent ul.child li.first{
	position:relative;
	background-color:#1E2855;
}

div#main-navigation ul li.parent ul.child li {
	position:relative;
	float:none;
	background-color:#1E2855;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	border-top: 1px solid #fff;  
}

div#main-navigation ul li.parent ul.child li.last {
	position:relative;
	float:none;
	background-color:#1E2855;
}

div#main-navigation ul li.parent ul.child li a {
	display:block;
	float:none;
	font-size:130%;
	font-weight:bold;
	padding-bottom:12px;
	padding-top:12px;
	line-height:16px;  
}

div#main-navigation ul li.parent ul.child li a:hover , div#main-navigation ul li.parent ul.child li a.active { background:none; }

div#main-navigation ul li.parent:hover ul.child { display:block; }


/*---- Main Navigation - Drop Down 2 ----*/
ul.child2 { position:absolute; width:163px; left:163px; float:none; z-index:40; margin-top:-40px;  }

/*---- Post ---*/

div.post h1 { font-size:300%; margin-bottom:22px; color:#5f6ca1; font-weight:normal; }
div.post h2 { font-size:280%; margin-bottom:22px; font-weight:normal; }
div.post h3 { font-size:260%; margin-bottom:22px; font-weight:normal; }
div.post h4 { font-size:240%; margin-bottom:22px; font-weight:normal; }
div.post h5 { font-size:220%; margin-bottom:22px; font-weight:normal; }
div.post h6 { font-size:180%; margin-bottom:22px; }


div.post p { color:#000; line-height:1.3em; font-size:9pt;  margin-bottom:20px; display:block; }
div.post p a { color:#666699; }

div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}

div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 30px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 30px 30px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}

div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:160%; }
div.post li ul, div.post li ol { margin-bottom:10px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }
div.post li p { margin-bottom:10px; }

/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }

div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }

/*---- Footer - Navigation ---*/
div#footer div.dashboard  { margin-bottom:20px; background:url(../images/footer/dashboard-bg.png) repeat-y top left; padding-left:20px; }
div#footer div.dashboard div.section { float:left; width:250px;  }
div#footer div.dashboard div#contact.section { float:left; margin-left:0px; width:280px; }
div#footer div.dashboard div#sharing.section { float:left; width:210px; }

div#footer div.dashboard div.section h4 { font-size:24px; color:#fff; font-weight:normal; margin-bottom:18px; line-height:30px; }
div#footer div.dashboard div.section dl{ width:220px; overflow:hidden; }
div#footer div.dashboard div.section dl dt{ float:left; width:70px; font-size:110%; color:#fff; line-height:12px; margin-bottom:6px; }
div#footer div.dashboard div.section dl dd{ float:left; width:150px; font-size:110%; color:#fff; line-height:12px; margin-bottom:6px; }

div#footer div.dashboard div.section a { color:#fff; }
div#footer div.dashboard div.section p { font-size:110%; line-height:14px; margin-bottom:20px; }
div#footer div.dashboard div.section h6{ font-size:110%; color:#fff; line-height:14px; margin-bottom:5px; font-weight:normal; }

div#footer div#footer-navigation { clear:both; padding-left:20px; }
div#footer div#footer-navigation ul li { display:inline; font-size:110%; color:#fff; }
div#footer div#footer-navigation ul li a{ color:#fff; }
div#footer div#footer-navigation ul li.devider { margin:0 6px; }


/*---- Common Boxes & Containers ----*/

/*---- Box1 ----*/
div.box1 div.top-left{ background:url(../images/content/box1-top-left.png) left top no-repeat; height:8px; line-height:8px; padding-left:8px; }
div.box1 div.top-left div.top-right { background:url(../images/content/box1-top-right.png) right top no-repeat; height:8px; line-height:8px; padding-right:8px; }
div.box1 div.top-left div.top-right div.top-middle{ background:url(../images/content/box1-top-middle.png) left top repeat-x; height:8px; line-height:8px; }

div.box1 div.middle-left{ background:url(../images/content/box1-middle-left.png) left top repeat-y; padding-left:3px; }
div.box1 div.middle-left div.middle-right { background:url(../images/content/box1-middle-right.png) right top repeat-y; padding-right:3px; }
div.box1 div.middle-left div.middle-right div.middle{ background:#faf9f9 url(../images/content/box1-middle-bg.gif) left top repeat-x; padding:6px 10px; }

div.box1 div.bottom-left{ background:url(../images/content/box1-bottom-left.png) left bottom no-repeat; height:8px; line-height:8px; padding-left:8px; }
div.box1 div.bottom-left div.bottom-right{ background:url(../images/content/box1-bottom-right.png) right top no-repeat; height:8px; line-height:8px; padding-right:8px; }
div.box1 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/content/box1-bottom-middle.png) left bottom repeat-x; height:8px; line-height:8px; }

/*---- Buttons ----*/


/*---- Lists ----*/
ul.list1 li { width:50%; float:left; font-size:110%; line-height:14px; margin-bottom:4px; color:#5f6ca1; } 
ul.list1 li a{ color:#5f6ca1; }

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

div#content div.column { width:482px; }
div#content div#statement p{ font-size:240%; line-height:30px; color:#5f6ca1; }

div#content div.dashboard { margin-top:70px; }
div#content div.dashboard div.section{ float:left; margin:0px 18px 0px 0px; }
div#content div.dashboard div.box1 div.middle{  min-height:255px; }

div#content div.dashboard div.section#latest-blog { width:486px; }
div#content div.dashboard div.section#latest-tweet { margin-right:0px; width:234px; }
div#content div.dashboard div.section#latest-video{ width:234px; }

div#content div.dashboard div.section#latest-blog img { margin-right:36px; }
div#content div.dashboard div.section div.entry { width:190px; float:left;  }
div#content div.dashboard div.section div.entry p { font-size:140%; margin-bottom:14px; }
div#content div.dashboard div.section div.entry span.author{ display:block; color:#999999; font-size:140%; line-height:16px; margin-bottom:5px; }
div#content div.dashboard div.section div.entry span.datestamp{ display:block; color:#999999; font-size:140%; line-height:16px;  }

div.entry p	{ color:#53555B;	}
div.entry ul	{ color:#53555B;	}
div.entry p a { color:#fff; background-color:#53555B; }

div#content div.project div.description { margin-top:16px; }
div#content div.project div.description h5{ font-size:180%; margin-bottom:10px; }
div#content div.project div.description p{ font-size:140%; line-height:16px; margin-bottom:10px; }
div#content div.project div.description ul.nav li { display:inline; font-size:140%; color:#666699; }
div#content div.project div.description ul.nav li a{ color:#666699; }
div#content div.project div.description ul.nav li.divider{ margin:0px 3px; }

/*------------------------------------------
// 5.0  WORDPRESS SPECIFIC STYLES
//------------------------------------------*/

#socimg	{
	width:100%;
	float:left;
}


.entry	{
	border-top:1px solid #EDECEC;
	margin-top:14px;
	padding-top:16px;
}

.i_pagetitle {
	font-size:14pt;
	margin-bottom:22px;
	font-weight:normal; 
	background-color:#5f6ca1;
	color:#fff;
	line-height:28px;
	padding: 6px;
}

.pagetitle	{
	font-size:14pt;
	margin-bottom:0px;
	font-weight:normal;
	color:#5f6ca1;
	line-height:28px;
}

.pagetitle	{
	display:block;
}

.pagetitle a:hover	{
	text-decoration:underline;
}

.blue_bg_title_wrapper	{
	background-color:#ccc;
}

#sidebar	{
	padding: 10px 0px 10px 10px;
	width: 370px;
	float:right; 
}

#sidebar img	{
	padding: 0;
	margin:0;
	float:left;
}

#sidebar h2	{
	font-size:14pt;
	margin-bottom:6px;
	font-weight:normal; 
	color:#5f6ca1;
}

#sidebar form {
	margin: 0;
}

#sidebar a	{
	font-size:10pt;
	line-height:1.0em;
	font-weight:bold;
	font-style:italic;
	color:#5f6ca1;
}

#sidebar ul ul li, #sidebar ul ol li {
	color: #777;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
	

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom:30px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}



.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}

.widecolumn {
	line-height: 1.6em;
}

.narrowcolumn .postmetadata {
	text-align: center;
}

.narrowcolumn {
	float: left;
	padding: 0 20px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 565px;
	
	border-right:1px solid #EDECEC;
}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
}

.post_footer, .navigation	{
	border-top:1px solid #EDECEC;
	margin-top:10px;
	padding-top:16px;
	
	border-bottom:1px solid #EDECEC;
	margin-bottom:26px;
	padding-bottom:16px;
	
	float:left;
}

.post_footer_left, .post_footer_right, .alignleft, .alignright {
	font-style:italic;
	line-height:1.2em;
	font-size:8pt;
	font-weight:bold;	
	width:50%;
	color: #A7A7A7;
}

.post_footer_left a, .post_footer_right a, .alignleft a, .alignright a {
	color:#666699;
}

.post_footer_left, .alignleft	{
	float:left;
	width:260px;
}

.post_footer_right	{
	float:right;
	width:300px;
}

.alignright	{
	float:right;
	width:300px;
	text-align:right;
}

.avatar-64	{
	border: 1px solid #F4F3F3;
	float:left;
	margin-right:10px;
}

.author_date	{
	font-style:italic;
	line-height:1.2em;
	font-size:8pt;
	font-weight:bold;	
	color: #A7A7A7;
}

.author_date a, .author_date a:visited, .author_date a:active, .author_date a:hover	{
	color:#666699;
}  


/*------------------------------------------
// 5.1  WORDPRESS COMMENTS SPECIFIC STYLES
//------------------------------------------*/

/*------------------------------------------
// 5.0  COMMENTS
//------------------------------------------*/


h3#comments, h4#pings { font-size:12pt; color:#5F6CA1; }
h3#comments, #respond h3 { margin: 12px 0 5px; font-size:12pt; color:#5F6CA1;  }
#respond h3 { margin: 18px 0 5px 28px; }
h4#pings { line-height: 1.2; margin: 10px 0; width: 150px; }


.comments-header { border-top: 1px solid #E6F0F2; padding: 6px 28px; }
.comments-header-meta {
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 44px;
  padding: 4px 0 0 ;
}

.commentlist {
  background-color: #fff;
  border: 28px solid #ffe;
  border-top: 0 none;
}
.pinglist { margin-top: 10px; width: 420px; float: right; }

li.pings {
  border-bottom: 1px solid #E6F0F2;
  border-top: 1px solid #fff;
  margin: 0;
  padding: 4px 10px;
  width: 400px;
}

.pings:first-child { border-top: none; }


.comment {
  border-top: 28px solid #fff;
  border-left: 40px solid #fff;
}

.comment-body, .comment-body p {
  background-color: #ECEEF4;
  color: #3e5867;
  margin-left: 20px;  
  padding: 17px 20px 11px;
  position: relative;
  font-size:8pt;
  line-height: 1.2em;
}

.comment-body img.avatar {
  border: 1px solid #eee;
  padding: 2px;
  position: absolute;
  left: -60px;
}

ul.children { }
.comment ul.children li { border-top: 15px solid #fff; }

.comment-meta {
  font-size: 8pt;
  font-style: italic;
  font-weight:bold;
  position: absolute;
  right: 25px;
  top: 20px;
}
.comment-meta a { color: #999; }
.comment-author-admin > .comment-body { background-color: #ECEEF4; }
.comment p, .comment blockquote { padding: 0 0 7px; }
.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p { margin: 5px; padding: 7px; }
.commentlist cite, .commentlist cite a { }
.commentlist cite a { }

/* Not used */
li.thread-alt { }
.comment-author { }
.commentlist .thread-even { }
.commentlist .depth-1 { }
.commentlist .odd { }
.commentlist .even,
.commentlist .alt { }
.comment-author cite {
  background-color: #fff;
  display: block;
  font-style: italic;
  color:#999;
  font-weight:bold;
  font-size:8pt;
  line-height: 16px;
  margin: 0 -7px 20px;
  padding: 3px 7px;
}

.comment-author cite a	{
	color:#5F6CA1;
}

.comment-author-admin .comment-author cite { background-color: #fff;  }

.says { display: none; }
.comment div em { } /* comments awaiting moderation. */

.reply { font-size: 10px; font-weight: bold; overflow: hidden; }

a.comment-reply-link { 
  color: #666;
  display: block;
  float: right;
  padding: 2px 6px;
}
.comment-reply-link:hover { background-color: #fff; color: #333; }

#respond {
  background-color: #ECEEF4;
  margin-top: 1px;
  overflow: hidden;
  padding: 0 0 18px;
  width: 100%;
}

#commentform { padding: 18px 28px 0; }

.cancel-comment-reply,
.you-must-be-logged-in { padding: 0 0 0 28px; }

.respond-left { float: left; width: 42%; }
.respond-right { float: left; width: 58%; }

#respond label { display: block; font-size: 11px; height: 20px; margin: 3px 0 9px; width: 85%; }

input#author, input#email, input#url {
  border: 1px solid #ddd;
  color: #999;
  display: block;
  height: 15px;
  line-height: 15px;
  padding: 5px 3px;
  width: 85%;
}

textarea#comment {
  border: 1px solid #ddd;
  font-family: inherit;
  height: 150px;
  margin: 0 0 9px;
  padding: 5px 3px;
  width: 100%;
}

#respond input:focus,
textarea#comment:focus {
  color: #000;
  border-color: #aaa;
}

input#submit {
  background: #5388b6 url(img/button-style.png) center left repeat-x;
  border: 1px solid #3b73a3;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
}

.url	{
	color:#000;
}