/*  
Theme Name: Podium
Theme URI: http://www.imediapixel.com/
Description: Clean and Minimalist Business Wordpress Theme
Author: imediapixel
Author URI: http://themeforest.net/user/imediapixel
Version: 1.0
*/


/*
Title:		iSTUDIO CSS File 
Author:		imediapixel@gmail.com
*/

/* ----------------------- SUMMARY -----------------------

- GENERAL LAYOUT
  - BODY
	- HEADINGS
	- TEXT TAGS
	- IMAGE ALIGNMENT & STYLING;
  - CUSTOM MESSAGE STYLING
  - LINE DIVIDER
  - BUTTON 
	   
- HEADER
	- LOGO	
		
- SLIDESHOW
	- CONTAINERS
	- SLIDESHOW STYLING
	
- HOMEPAGE
	- TAG BAR
	- 3 COLUMN FEATURE BOX
	- SERVICES LIST
	
- FOOTER
	- FOOTER BOX STYLING
	- ABOUT TEXT
	- SOCIAL LINKS
  - COPYRIGHT

- SIDEBAR
  - LATEST BLOG
  - LATEST PORTFOLIO
  - TESTIMONIAL
  - SEARCH BOX
  - NEWS SUBSCRIBE
    
- PAGE
  - PAGE CONTAINER 
  - MAIN CONTENT
  - CHECK LIST
  - ITEM LIST
    
- SERVICES PAGE

- CONTACT PAGE

- PORTFOLIO PAGE
  - PORTFOLIO 1 STYLING
  - PORTFOLIO 2 STYLING
  - PORTFOLIO 3 STYLING
  
- BLOG
	- BLOG STYLING
	- META POST STYLING
	- PAGINATION
	- AUTHOR BOX
	- COMMENTS

*/

/* Import CSS Reset File */
@import url("css/reset.css");
/* Import Custom 960 Grid System File */ 
@import url("css/960.css"); 
/* Import Drop down Menu Styling File */
@import url("css/jqueryslidemenu.css"); 

/* ----------------------- GENERAL LAYOUT -----------------------*/
body {
  background : #ffffff;
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
}
/* Heading */

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	color:#444444;
	text-transform: ;
}

h1{
	font-size:36px; 
	line-height:36px; 
	margin-bottom:15px;
}
h2{
	font-size:30px; 
	line-height:30px; 
	margin-bottom:15px;
}
h3{
	font-size:24px; 
	margin-bottom:15px;
}
h4{
	font-size:18px; 
	line-height:16px; 
	margin-bottom:8px;
	border-bottom: 0px solid #eee;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px;
}
h6{
	font-size:12px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	color: #444444;


/*	letter-spacing: 1px;*/
}
/* links */
a,a:link,a:visited {
  color:#444444; 
  text-decoration:none;
}
a:hover{
  color:#000000;
}
a img, img {
  border:none
}

/* paragraphs,blockquote,code */
p {
  font-size:1.1em;
  line-height:1.6em;
  margin-bottom:1.5em;
  color:#444444;
}
blockquote {
  margin: 0;
  padding: 0 0 5px 30px ;
  color: #858585;
  background: url(images/quote.png) top left no-repeat;
  font-style: italic; 
  line-height: 1.4em; 
}
blockquote p {
  padding: 0;
  margin-bottom: 5px;
}
code {
  background: #fafafa;
  padding: 5px 10px;
  display: block;
  font-size: 1.4em;
  color: #444444;
  margin-bottom: 10px;
}
/* Images Alignment & Styling */
img.alignleft {
  float: left;
  margin: 0px 7px 16px 0px;
  display: inline;  
}
img.alignright {
  float: left;
  vertical-align: text-top;
  margin: 0px 25px 13px 0px;
  display: block;
  
}
img.aligncenter {
  margin-bottom: 0px;
  margin: 0 auto;
  display: block;   
}
.imgbox {
  padding: 2px;
  border: 1px solid #a0a0a0;
  background: #fff;
  display: inline;
}
.imgboxspacebelow {
  margin: 0px 0px 0px 0px;
  border: 1px solid #a0a0a0;
  background: #fff;
  display: inline;
}


.imgprojectleft {
  padding: 2px;
  border: 1px solid #a0a0a0;
  background: #fff;
  display: inline;
  float: right;
}

.imgprojectcenter {
  padding: 2px;
  border: 1px solid #a0a0a0;
  background: #fff;
  display:block;
  margin:auto;
}

.imgprojectright {
  padding: 2px;
  border: 1px solid #a0a0a0;
  background: #fff;
  display: inline;
  float: right;
}


img.noborder, 
#maincontent img.noborder{
  border: none;
}
/* Custom Message Styling */
.info {
  margin: 5px 0;
  font-size: 1.3em;
  color: #478BBF;
  padding: 8px 10px 8px 37px;
  background: #DCEFF5 url(images/talk.png) .5em .4em no-repeat;
  border: 1px solid #B8E7F5;
} 
.error {
  margin: 5px 0;
  font-size: 1.3em;
  color: #C24848;  
  padding: 8px 10px 8px 37px;
  background: #FFD6D6 url(images/stop.png) .5em .4em no-repeat;
  border: 1px solid #FFC2C2;
} 
.warning {
  margin: 5px 0;
  font-size: 1.3em;
  color: #CF9E00;  
  padding: 8px 10px 8px 37px;
  background: #FAF2D7 url(images/alert.png) .5em .4em no-repeat;
  border: 1px solid #FAE8AF;
} 
.success {
  margin: 5px 0;
  font-size: 1.3em;
  color: #3F9153;  
  padding: 8px 10px 8px 37px;
  background: #D7F7DF url(images/ok.png)  .5em .4em no-repeat;
  border: 1px solid #A3F7B8
} 
/* Divider */
.divider {
  height: 1%;
  margin: 5px 0 15px 0;
  padding-bottom: 5px;
  border-bottom: 1px dotted #eee;
  clear: both;
}
/* Button Styling */
.button {
  float: left;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  color: #fff;
  font-size: 1.2em;
  line-height: 26px;
  height: 26px;
  background: url(images/button-right.png) no-repeat 100% 0;
  display: inline;
}
.button span {
  text-align: center;
  margin-right: 4px;
  padding: 0 8px 0 12px;
  background: url(images/button-left.png) no-repeat;
  display: inline;
  height: 26px;
  float: left;
}
.button:hover {
  background-position: 100% -26px;
}
.button:hover span {
  background-position: 0 -26px;
}
a.button{
  color: #ccc;
}
a.button:hover {
  color: #fff;
}
/* Button White */
.button-white {
  color: #858585;
  background: url(images/button-right-white.png) no-repeat 100% 0;
}
.button-white span {
  background: url(images/button-left-white.png) no-repeat;
}
.button-white:hover {
  color: #6a6a6a;
  background-position: 100% -26px;
}
.button-white:hover span {
  background-position: 0 -26px;
}
a.button-white {
  color: #858585;
}
a.button-white:hover {
  color: #6a6a6a;
}

/* -----------------------  LAYOUT -----------------------*/
/* Header Section */
#headerwrapper {
  background: url(images/header.jpg) top repeat-x;
}
#header {
  height: 111px;  
}

/* Logo */
#logo {
  margin-top: 15px;
  margin-left: 9px;
  text-align: left;
}

/* ----------------------- SLIDESHOW LAYOUT -----------------------*/
/* Slideshow Section */
#slidecontainer {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;  
  padding-bottom: 10px;
  border-top: 0px solid #eee;
  border-bottom: 0px solid #eee;
}

/* Slideshow Alternative (Coin Slider)*/
.coin-slider {  
  overflow: hidden; 
  position: relative;
  padding: 0;
  }
.coin-slider a { 
  text-decoration: none; 
  outline: none; 
  border: none;
}
.cs-buttons { 
  display: none;
  margin-top: 10px;
	position:absolute;
	left:47%;
}
.cs-buttons a { 
  display:block;
	width:17px;
	height:17px;
	background:url(images/bullet-nav.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.cs-buttons a.cs-active { 
  background-position:-17px 0;
}
.cs-prev, 
.cs-next { 
  background-color: #000000; 
  color: #FFFFFF; 
  padding: 0px 10px; 
}
.cs-title {
  background-color: #000000; 
  color: #ccc; 
  line-height: 1.4em;
  width: 900px;
  padding: 
  10px 20px;
  font-size: 1.1em;
}
.cs-title strong {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom:5px;
}


/* ----------------------- SLIDESHOW LAYOUT FOR PROJECTS PAGE -----------------------*/
/* Slideshow Section  FOR PROJECTS PAGE */
#slidecontainer2 {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;  
  padding-bottom: 10px;
  border-top: 0px solid #eee;
  border-bottom: 0px solid #eee;
}

/* Slideshow Alternative (Coin Slider) FOR PROJECTS PAGE */
.coin-slider2 {  
  overflow: hidden; 
  position: relative;
  padding: 0;
  }
.coin-slider2 a { 
  text-decoration: none; 
  outline: none; 
  border: none;
}
.cs-buttons2 { 
  display: none;
  margin-top: 10px;
	position:absolute;
	left:47%;
}
.cs-buttons2 a { 
  display:block;
	width:17px;
	height:17px;
	background:url(images/bullet-nav.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.cs-buttons2 a.cs-active { 
  background-position:-17px 0;
}
.cs-prev2, 
.cs-next2 { 
  background-color: #000000; 
  color: #FFFFFF; 
  padding: 0px 10px; 
}
.cs-title2 {
  background-color: #000000; 
  color: #ccc; 
  line-height: 1.4em;
  width: 540px;
  padding: 
  10px 20px;
  font-size: 1.1em;
}
.cs-title2 strong {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom:5px;
}





/* ----------------------- HOMEPAGE LAYOUT -----------------------*/
/* Tag Bar block */
#tagbar{
  border-bottom: 0px solid #eee;
}
#tagbar h3 {
  color: #686868;
  margin-top: 0px;
  margin-bottom: 10px;
  text-transform: none;
}
/* 3 column Homepage features block */
ul#featuresbox {
  margin: 20px 10px 0 10px;
  padding: 0;
}
ul#featuresbox li {
  width: 300px;
  float: left;
  margin-right: 13px;
  display: inline;
}
ul#featuresbox li.last {
  margin-right: 0;
} 
ul#featuresbox li h4 {
  margin: 5px 0 15px 0;
  color: #353535;
}
ul#featuresbox li h4 a {
  color: #353535;  
}
ul#featuresbox li img {
  margin: 0 10px 0 0;
}
/* Servive  List */
ul#serviceslist {
  margin-top: 20px;
  list-style: none;
}
ul#serviceslist li { 
  width: 450px;
  float: left;
  margin-right: 20px;
}
ul#serviceslist li p {
  margin-bottom: 10px;
}
ul#serviceslist li h3 {
  margin-bottom: 10px;
}
ul#serviceslist li img {
  margin-top:0;
  margin-right:20px;
  margin-bottom:50px; 
}

/* ----------------------- FOOTER LAYOUT -----------------------*/
/* Footer */
#footerwrapper {
  margin-top: 15px;
  background: #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
#footer {
  margin-top: 15px;
  width: 940px;
  border: 0px solid #0000ff;
  padding-top: 0px; 
  padding-bottom: 18px; 
  margin-bottom: 15px; 
  color: #444444;

}
.footerbox {
  margin-right: 15px;  
  border: 0px solid #00ff00;
  width: 940px;
  float: left;


}
.copyright {
  border-top: 0px solid #ff0000;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  width: 500px;

}
/* Sociali Links */
.footerbox .social-links {
  margin: 5px 0;
  padding: 0;
}
.footerbox .social-links li {
  margin: 2px;
  display: inline;
  background: none;
} 
.footerbox .social-links li a img {
  margin: 0 8px 0 0;
  display: inline;
  border: none;
  background: none;
}
p#abouttext {
  margin-bottom: 10px;
  display: inline;
}

p#abouttext2 {
  margin-bottom: 0px;
  display: inline;
  color: #ffffff;
}

/* ----------------------- SIDEBAR LAYOUT -----------------------*/

#sidebar {
  float: right;
  width: 300px;

}
.sidebox {
  border: 1px solid #a0a0a0;
  padding: 10px 20px 0 20px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 10px;
  line-height: 20px;
}
.sidebox h4 {
  padding-bottom: 10px;
  border-bottom: 3px solid #eee;
  color: #484848;
}
/* Latest Blog */
.sidebox .latestblog, 
.footerbox .latestblog {
  margin:0 0 10px 0;
  padding: 0;
}
.sidebox .latestblog li ,
.footerbox .latestblog li{
  margin: 5px 0;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #666666;
  border-bottom: 1px solid #eee;
  background: none;
  padding: 0;
}
.sidebox .latestblog li img,
.footerbox .latestblog li img {
  margin-top: 0;
}
.sidebox .latestblog li span.blogdate,
.footerbox .latestblog  li span.blogdate {
  color: #888;
}
.sidebox .latestblog li span a,
.footerbox .latestblog  li span a  {
  font-weight: bold;
}
.sidebox .latestblog li p,
.footerbox .latestblog  li p  {
  font-size: 1em;
  margin: 5px 0;
  line-height: 1.2;
}
a.linkreadmore {
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  color: #585858;
}
/* Latest Portfolio List */
ul#latestporto {
  margin:0 0 10px 0;
  padding: 0;
  float: left;
}
ul#latestporto li {
  float: left;
  margin: 0 5px 5px 0;
  color:#666666;
  width:  80px;
  height: 61px;
  display: block;
  padding: 0;   
}
ul#latestporto  li.bgimage {
  background: url(images/bgportfolio_small.png) 50% 50% no-repeat; 
}
ul#latestporto  li.bgvideo {
  background: url(images/bgvideo_small.png) 50% 50% no-repeat;
}
ul#latestporto li a img {
  padding: 2px;
  border: 1px solid #eee;
  background: #fff; 
}
ul#latestporto li a:hover img {
  border: 1px solid #ddd;
  background: #fafafa;
}
/* Testimonial */
.testibox {}
.testibox blockquote p {
  margin-bottom: 0;
}
.testiauthor {
  display: block;
  text-align: right;
}
/* Search Box and News Subscribe */
.newsletter,
.searchbox { 
  padding: 10px 10px 0 10px;
  margin-bottom: 20px; 
  background: #fafafa;
  border: 1px solid #eee;
  width: 280px;
}
.inputtext {
  width: 195px;
  float: left;
  margin-right: 5px;
  margin-bottom: 0px;
  color: #8a8a8a;
  height: 16px;
  line-height: 25px;
  border: 1px solid #eee;
  font-size: 1.1em;
  padding: 5px;
  
}

/* ----------------------- PAGE LAYOUT -----------------------*/
/* Page container */
#page {
  margin-top: 20px;
  margin-bottom: 20px;
}
#content {
  margin-top: 20px;
}
#maincontent {
  margin-right: 30px;
  float: left;
  width: 600px;
}
#maincontent img {
  padding: 2px;

  background: #fff;
  display: inline;  
}
#maincontent2 img {
  padding: 2px;
  border: 4px solid #0000ff;
  background: #fff;
  display: inline;  
}
#content .last {
	margin-right: 0;
	float: right;
}
/* Check List */
ul.checklist {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
}
ul.checklist li {
  font-size: 11px;
  margin: 0px 0px;
  padding-bottom: 5px;
  border-bottom: 0px solid #0000ff;
  color:#444444;
}  

/* Item List */
ul.itemlist {
}
.sidebox ul.itemlist {
  margin-bottom: 50px;
}
.itemlist li, 
.sidebox li,
.footerbox li {
  margin: 0px 0px; 
  padding-bottom: 5px;
  color: #444444;
  font: verdana;
  font-size: 11px;
  border-bottom: 1px solid #eee;

}

/* ----------------------- SERVICES PAGE LAYOUT -----------------------*/
ul#serviceslist-page {
  margin-top: 10px;
  list-style: none;
}
ul#serviceslist-page li { 
  width: 280px;
  float: left;
  margin-right: 25px;
  margin-bottom: 10px;
}
ul#serviceslist-page li h3 {
  margin-bottom: 10px;
}
ul#serviceslist-page li img {
  margin-top:0;
  margin-right:20px;
  margin-bottom:80px; 
}

/* ----------------------- CONTACT PAGE LAYOUT -----------------------*/
#contactinfoblock {
  border-right: 1px solid #eee;
  width: 450px;
  float: left;
  padding-right: 30px;
}
.contactinfo li {
  margin: 8px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
  color: #444444;
  font-size: 1.1em;
  line-height: 1.4em;
}
#contactformblock {
  width: 430px;
  float: right;
}
#maincontactform {
  margin: 10px 10px;
}
#maincontactform label {
  font-size: 1.1em;
  color: #444444;
  width: 100px;
  float: left;
  font-weight: bold;
}
.textfield {
  float: left;
  margin-bottom: 10px;
  color: #444444;
  width: 320px;
  height: 16px;
  line-height: 25px;
  border: 1px solid #a0a0a0;
  font-size: 1.1em;
  padding: 5px;    
}
.textarea {
  float: left;
  margin: 0;
  padding: 5px ;
  color: #444444;  
  width: 380px;
  height: 120px;
  margin-bottom: 10px;
  border: 1px solid #a0a0a0;
  overflow: hidden
}
.buttoncontact {
  height: 25px;
  border: 1px solid #a0a0a0;
  background:#fafafa;
  cursor: pointer;
  color: #666666;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
}
.require {
  float: left;
  display: inline;
  color: #f00;
  font-weight: bold;
  margin-left: 5px;
}
.loading {
  background: url(images/loading1.gif) top left no-repeat;
  padding-left: 32px;
  font-size: 1.2em;
  color: #699724;
  margin-left: 10px;
}
#emailSuccess{
  margin: 15px 0;
  font-size: 1.3em;
  color: #648d29;  
  padding: 8px 10px 8px 37px;
  background: #c5e29a url(images/ok.png)  .5em .4em no-repeat;
  border: 1px solid #648d29;
	display: none;
}
/* ----------------------- PORTFOLIO PAGE LAYOUT -----------------------*/
/* Portfolio 1 Styling */
#portfoliolist-1 {
}
#portfoliolist-1 li {
  width: 220px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#portfoliolist-1 li img {
  margin-bottom: 10px; 
}
#portfoliolist-1 li.loader{
  width:  220px;
  display: block;  
  background: url(images/loading2.gif) 50% 30% no-repeat;   
}
ul#portfoliolist-1  li.bgimage {
  background: url(images/bgportfolio.png) 50% 30% no-repeat; 
}
ul#portfoliolist-1  li.bgvideo {
  background: url(images/bgvideo.png) 50% 30% no-repeat;
}
/* Portfolio 2 Styling */
#portfoliolist-2 {
}
#portfoliolist-2 li {
  width: 300px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#portfoliolist-2 li img {
  margin-bottom: 10px; 
}
#portfoliolist-2 li.loader{
  width:  300px;
  display: block;  
  background: url(images/loading2.gif) 50% 40% no-repeat;   
}
ul#portfoliolist-2  li.bgimage {
  background: url(images/bgportfolio.png) 50% 40% no-repeat; 
}
ul#portfoliolist-2  li.bgvideo {
  background: url(images/bgvideo.png) 50% 40% no-repeat;
}
/* Portfolio 3 Styling */
ul#portfoliolist-3 {
}
ul#portfoliolist-3 li {
  width: 460px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
} 
ul#portfoliolist-3 li img {
  margin-bottom: 10px; 
}
ul#portfoliolist-3 li.loader{
  background: url(images/loading2.gif) 50% 45% no-repeat;   
}
ul#portfoliolist-3  li.bgimage {
  background: url(images/bgportfolio.png) 50% 45% no-repeat; 
}
ul#portfoliolist-3  li.bgvideo {
  background: url(images/bgvideo.png) 50% 45% no-repeat;
}

/* ----------------------- BLOG PAGE LAYOUT -----------------------*/
/* Blog page */
ul#listlatestnews {
}
ul#listlatestnews li {
  margin-bottom: 10px;
  clear: both;
}
ul#listlatestnews li img {
  margin-bottom: 10px; 
}
ul#listlatestnews li h3{
  margin: 0;
  padding: 0; 
}
/* Meta Post */
.postmeta {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
} 
.postbox {
}
.leftpost {
  float: left;
  width: 30px;
  color: #666666;
  line-height: 1.4em;
}
.mainpost {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  float: left; 
  width: 470px;
  padding-left: 10px;  
  padding-right: 30px;   
}
.mainpost h3 {
  margin-bottom: 10px;
}
.rightpost {
  width: 50px;
  height: 50px;
  line-height: 35px;
  float: right;
  background: url(images/cloud.png) 0 0 no-repeat;  
}
.metapost {
  float: left;
  border-right: 1px solid #eee;
  margin-right: 20px;
  font-size: .9em;
  text-transform: uppercase;
  color: #9a9a9a;
}
.metapost a {
  color: #858585; 
}
.date {
  margin: 0;
  font-size: 24px;
}
.month {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}
.postcomment {
  margin-left: 20px;
  font-size: 20px;
}
h3.posttitle {
  margin-bottom: 0;
}
/* Page Pagination */

.pagination {
  margin: 10px 0;
  padding: 0;
}
/*------- WP Pagenavi ------- */
.pagination .wp-pagenavi a, 
.pagination .wp-pagenavi a:link, 
.pagination .wp-pagenavi a.page {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
cursor: pointer;
display: block;
float: left;
width: 20px;
text-align: center;
padding: 0;
}
.pagination .wp-pagenavi a:visited {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
cursor: pointer;
float: left;
width: 20px;
text-align: center;
padding: 0;
}
.pagination .wp-pagenavi a:hover {	
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
cursor: pointer;
width: 20px;
text-align: center;
float: left;
padding: 0;
}
.pagination .wp-pagenavi a:active {
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
cursor:default;
float: left;
width: 20px;
text-align: center;
padding: 0;
}
.pagination .wp-pagenavi span.pages {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
cursor: pointer;
float: left;
padding: 0 6px;
}
.pagination .wp-pagenavi span.current {
border: 1px solid #eaeaea;
background-color: #eaeaea;
color:#414141;
font: normal 11px/28px Verdana; 
width: 20px;
text-align: center;
float: left;
padding: 0;
}
.pagination .wp-pagenavi span.extend {
border: 1px solid #d9d9d9;
background-color:transparent;
color:#000;
font: normal 11px/28px Verdana; 
cursor: pointer;
float: left;
padding: 0;
}
/*------- WP Pagenavi End ------- */

/*------- Traditional Navigation -----*/
.navigation {
  margin-top: 10px;
  margin-bottom: 10px;
  font: normal 11px/28px Verdana; 
}
.navigation a {
	padding: 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d9d9d9;
	color: #414141;
	background-color: #FFFFFF;
}
.navigation a:hover {
	border: 1px solid #dddddd;
	color: #000;
  background-color: #eaeaea;
	text-decoration:none;  
}

/* Alignment */
.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}
.alignright {
  float: right;
  margin: 0 0 15px 15px;
}
.aligncenter {
  margin: 0 auto;
  display: block; 
}

/* Author Box */
#authorbox {
  border: 1px solid #eee;
  background: #fafafa;
  padding: 10px;
  margin-bottom: 20px;
}
#authorbox h5{
  margin-bottom: 5px;
}
#authorbox .blockavatar {
  width: 60px;
  float: left;
  margin-top: 8px;
  margin-right: 10px;
}
#authorbox img {
  margin-top: 0;  
  margin-bottom: 0;
  border: none;
}
#authorbox .detail {
  float: left;
  width: 500px;  
}
#authorbox .detail p {
  line-height: 1.4em;  
  margin-bottom: 0;
}

/* Comment */
#listcomment {
	padding: 0;
	margin: 0 0 20px 0;
}
#listcomment li {
  display: block;
	padding: 11px 0;
	margin: 0;
	background: none;
	border-bottom: 1px solid #eee;
}
.titlecomment {
	width: 600px;
}
.titlecomment img {
	float: left;
	padding: 3px;
	border: 1px solid #d9d9d9;
	margin: 0 10px 0 0;
}
.titlecomment h5 {
	font-size: 1.4em;
	color: #333;
	padding: 7px 0 0 0;
	margin: 0;
}
.datecomment {
	font-size: 1.1em;
	color: #858585;
}
#listcomment li p {
	font-size: 1.1em;
	padding: 10px 0 0 0;
	margin-bottom: 0;
}
#frmcomment {
	padding: 10px 0 20px 0;
}
#frmcomment label {
	display: block;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
	color: #5a5a5a;
	font-size: 1.1em;
}
#frmcomment label span {
	font-weight: lighter;	
	text-transform: lowercase;
	font-size: 90%;
}
.submitcomment {
  cursor: pointer;
  background: #4a4a4a;
  color: #fff;
  padding: 6px 8px;
  border: none;
} 

/* ------- Pullquotes ------- */

.pullquote_right,.pullquote_left{
	background:transparent url(images/quote.png) 0 0 no-repeat; 
	color:#949494;
	float:right;
	font-size:1.4em;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:10px;
	margin-left:10px;
	padding:0;
	width:43%;
  font-style: italic; 
  font-family: Georgia, "Times New Roman", Times, serif;
  text-indent: 30px;
  line-height: 1.4em;
}
.pullquote_left{
	float:left;
	margin-left:0px;
	margin-right:10px;
}
/* WP Calendar */
table#wp-calendar {
  border-collapse: collapse;
  font-size: 1.2em;
}
table#wp-calendar caption {
  font-size: 1.4em; 
  margin-bottom: 10px;
}
tbody td.pad {
  width: 40px;
  background-color:#fff;
}
table#wp-calendar>tbody>tr>td>a {
   font-weight:bold;
   font-size:14px;
   font-family:arial narrow, arial, garamond, palatino linotype, times new roman, bookman old style;
}
thead>tr>th {
  padding : 10px;
  text-align:center;
  background-color:#fff;
}
tbody>tr>td {
	padding : 0px;
	padding-bottom : 10px;
	background: #ffffff;
	color: #444444;
	font-size: 11px;
 	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
tbody>tr>td#today {
  color: green;
  font-weight: bold; 
}
tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
  font-weight:bold;
  font-size:14px;
  height:40px;
  font-family:garamond, bookman old style, times new roman, arial narrow, arial;
}
tfoot>tr>td#prev {
  width: 40px;
  margin: 6px;
  padding-left: 10px;
  text-align:left;
  background-color:#ffffff;
}
tfoot>tr>td#next {
  width: 40px;
  margin: 6px;
  text-align:right;
  background-color:#ffffff;
}









ul.makeMenu, ul.makeMenu ul {
  width: 250px;                 /* sets the size of the menu blocks */
  border: 0px solid #e2e2e2;      /* puts a black border around the menu blocks */

  background-color: #ffffff;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: ;                     /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
   margin-top: 0px;

  
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #444444;                 /* sets the default font colour to white */
  height: 30px;
  line-height: 35px;
  border-bottom: 1px solid #e2e2e2;
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */

  background-color: #ffffff;  
  left: -250px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #E2E2E2;      /* gives the active menu items a yellow background */
  color: #000000;                 /* makes the active menu item text black */ 
  height: 30px;
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
 }
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #444444;  display: block; width: 100%; margin-left: 14px; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000000; margin-left: 14px; }
ul.makeMenu li:hover > a { color: #000000; margin-left: 14px; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}