/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs. For example, if you wish to change the default text blog title to grey, you would add the following declarations to this file:

*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');


/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin: 0; padding: 0; }
body { font: 0.9em Verdana, Helvetica, sans-serif; line-height: 1.125em; }
a { text-decoration: underline; color: blue; }
a:hover { text-decoration: none; color: red; }

.fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }

hr { margin-bottom: 30px; margin-top: 20px; clear: both;  }
.hr2 { margin: 0px; padding:0; clear:both;  }

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Helvetica, Georgia, "Times New Roman", serif; font-weight:normal; }

.button { height:100%; overflow:hidden; float:left; margin-right:10px; margin-top:10px;  }
.button_l { background:url(images/button_l.png) no-repeat left top; float:left; width:16px; height:34px; }
.button_r { background:url(images/button_r.png) no-repeat right top; float:left; padding:7px 28px 11px 10px;  }
.button_r a { font:bold 14px Arial, Helvetica, sans-serif; color:#333; text-decoration: none; }
.button_r a:hover { font:bold 14px Arial, Helvetica, sans-serif; color:#000;   }

.imgleft { margin: 0 10px 15px 0; float:left; border:1px solid #ccc; padding:2px; }
.imgright { margin: 0 0 15px 10px; float:right; border:1px solid #ccc; padding: 2px; }
.imgleftnobrdr { margin: 0 10px 15px 0; float: left; border: none; padding: 2px; }
.imgrightnobrdr { margin: 0 0 15px 10px; float: right; border: none; padding: 2px; }

/* headings ---------------------- */

h1.head { margin:0 0 0 10px; display:block; float:left; font-size:1.2em; padding:10px 15px; }
* html h1.head  { margin:0 0 0 5px; }
.container_border { width:960px; margin:0 auto;   }


/* Structure ---------------------- */
#header { padding:15px 0 0px 0;  }
#banner { margin-bottom:30px; }
#sidebar { float:right; width:300px;  }
#sidebar-inner { float:right; width:340px;  }
.sidebar_in { padding:20px 10px 0 20px; margin-right:-10px; } 
* html .sidebar_in { position:relative; /* ie6 */ }
.sidebarsub { width:160px; margin-bottom:20px; }
#content { float:left; }
#content-inner {  float:left; }

.bottom-in { padding:35px 0 25px 0;  }
.footer-in  { padding:15px 0; overflow:hidden; }

/* header ---------------------- */
.logo-spot { float:left; margin-top:8px;  }
#header #logo-spot{ display: block; font-size:18px; padding:0; margin:15px 0 0 0; float:left; position:absolute; top:0; left:0; z-index:9999;  }
  #header .blog-title a{ font:bold 33px Verdana; padding:0; margin:0 0 10px 0 ; text-decoration:none;}
    #header .blog-title a:hover{ text-decoration:none;}
#header .blog-description{ margin-bottom:10px; }

/* Banner ---------------------- */
.banner-in { position:relative; min-height:315px;  }
* html .banner-in  { height:315px; }

.author_img { float:right; position:absolute; right:0; bottom:0; }
.banner_content { padding:55px 0 30px 0; float:left; } 

#banner h1 { margin:0 0 20px 0; padding:0; font-size: 2.4em; font-weight: bold; }
#banner p  { margin:0 0 12px 0; padding:0; width:530px;  font: 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; color: #dddddd; }
#banner h3.subline { margin:0 0 20px 0; padding:0; font: 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #eeeeee; }


/*#breadcrumb section  =================================== */
.breadcrumb {font-size:11px; padding:5px 10px; clear:both; } 
.breadcrumb { padding-left:10px;   font-weight:normal; }
.breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; }
.breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left; }
.breadcrumb a:hover { text-decoration:none; }


/* content ---------------------------- */
.content_spacer { padding:15px 0; }
.wrapper .grid_7 { margin-left:0; } 
.wrapper { clear:both; }
p { padding: 0px 0 10px 0; line-height: 1.125em; margin:0 }
#content p { font-size:0.9em; }

#content ul { list-style: square; margin-left: 45px; padding-left: 10px; }
#content li { line-height: 1.3em; font-size: 0.9em; padding-left: 5px; }
#content ol { list-style-type: decimal; line-height: 1.3em; margin-left: 20px; padding-left: 40px; }
#content ol li ol { margin-left: 18px; padding:0; }
#content ol li { margin:0 0 5px 0; padding:0; }

#content h3 { margin:0 0 10px 0; padding:0 0 5px 0; font: 1.6em "Helvetica Neue", Helvetica, Georgia, "Times New Roman", serif; }
#content h3.bnone { margin-bottom:22px; }
.featured_work { margin-bottom:20px; }
.featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; }

#content .featured_work a.more_link { font-size: 0.9em; font-weight:bold; text-decoration:underline;  }

#content .services { list-style:none; margin:0 0 35px 0; padding:0; width:280px;  }
#content .services p { width:80%; font-size:12px; margin:0px; padding:0; float:right; }
#content .services p strong { font-size:14px; }
#content p.more a { text-decoration:none; font-size:12px; }
#content p.more a:hover { text-decoration:none; }
#content .services img { float:left; margin-top:5px; }




/* post  ---------------------------- */
blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; }
#content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; }
blockquote cite { font-size:12px; font-weight:bold;  float:right; line-height:18px; text-align:right; display:block;   }

blockquote a { font-size:13px; }

.flickr h3 span{ font-weight:normal;}
.flickr h3{ margin-bottom:20px }
.flickr ul{ margin:12px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ padding:2px; width:55px; height:55px;   }

#calendar_wrap{ padding:0; font-size:13px }
#wp-calendar { width:100%; }
#wp-calendar  caption { font-weight:bold; font-size:15px; text-transform:uppercase; }
#calendar_wrap caption{ padding:10px 0 }

.posts h1 {	font-size: 25px }
.posts h2 {	font-size: 23px }
.posts h3 {	font-size: 21px }
.posts h4 {	font-size: 19px }
.posts h5 {	font-size: 17px }
.posts h6 {	font-size: 15px }

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; }

#content p.post_top { font-size:11px;  }
#content p.post_top a { text-decoration:none; }
#content p.post_top a:hover { text-decoration:none; }


#content .posts { padding-bottom:5px; margin-bottom:35px; }
#content .posts h2.title { margin:0; padding:0; font-size: 1.2em; font-weight:normal; }
#content .posts h2.title a { text-decoration:none; }
#content .posts h2.title a:hover { text-decoration:none; }

#content p.post_bottom { margin:0; padding:0; font-size:11px; }
#content p.post_bottom a { text-decoration:none;  }
#content p.post_bottom a:hover { text-decoration:none;  }

/* Post Pagination */
.pagination { float:right; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; }
.pagination .on { padding:5px 8px; margin-right:3px; float:left; display:block; }
.pagination a { display:block; float:left; padding:5px 8px; margin-right:3px; }

/* Featured Work slider css ---------*/
.featured_work { margin-bottom:30px; position:relative; padding-bottom:20px; }
.featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; }
#content .featured_work h4 { margin:0 0 10px 0; padding:0; font:14px Arial, Helvetica, sans-serif; font-weight:bold; }

#content .anythingSlider  { width: 580px; height: 240px; position: relative; margin: 0 auto;  }
#content .anythingSlider .wrapper   { width: 580px; overflow: auto; height: 240px;   margin:0; position: absolute; top: 0; left: 0; }
#content .anythingSlider .wrapper ul  { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#content .anythingSlider ul li  { display: block; float: left; padding: 10px 0 0 0; width: 580px; margin: 0; background:none; }
.anythingSlider .arrow  { display: none;  }

#thumbNav   { position: relative; top:-35px; right:-8px; float:right; text-align: left; z-index:9999; text-align:right; }
* html  #thumbNav{ top:-36px; right:-19px; width:115px; height:20px;   }
*+html  #thumbNav{ top:-36px; right:-19px; width:115px; height:20px;   }

#thumbNav a  { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 5px 0 0; text-align: center; 
text-indent:-9009px; }
#start-stop   { display:none; }

/*  Prevents */
#content .anythingSlider .wrapper ul ul  { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#content .anythingSlider .wrapper ul ul li  { float: none; height: auto; width: auto; }



/*#sidebar ----------------------- */
.ad-box { margin-bottom:20px; }
.ads123456 img { float:left; margin:0 10px;     }
.ads123456 { margin:0 auto; width:300px; height:150px;  }

#sidebar .widget { width:300px; margin:0 0 25px 0; }
#sidebar-inner .widget { width:160px; margin:0 0 25px 0;   }
 
#sidebar-inner .widget { width:340px; margin:0 0 25px 0;   }
#sidebar-inner .sidebarsub .widget { width:160px; margin:0 0 25px 0;   }

#sidebar .widget h3 { margin:0 0 10px 0; padding:0; font-size:24px; }
.twitter { padding:10px 10px 30px 10px; }
#sidebar #twitter ul { margin:0; padding:0; }
#sidebar #twitter li { margin:0 0 12px 0; padding:0; list-style:none; line-height:18px;  }

/* sidebar inner ------------*/
#sidebar-inner h3 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:17px; }
#sidebar-inner ul { list-style:none; margin:0 0 20px 0; padding:0;  }
#sidebar-inner li { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; font-size:14px; }
#sidebar-inner li a { text-decoration:none; }
#sidebar-inner li a:hover { text-decoration:none; }

#sidebar ul { list-style:none; margin:0; padding:0;  }
#sidebar li { list-style:none; margin:0; padding:0; width:100%; }

#sidebar .social_mark li a { padding:12px 0 12px 42px; font-size:18px; display:block; }

/* widget search box */
#searchform input { padding:4px; margin-bottom:5px;  }
#searchform #searchsubmit { font:12px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;  }
.screen-reader-text { display:none; }

	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:14px; padding:5px 0; margin:0; }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left; font-size:12px;	text-transform: uppercase; width:90px; margin:0 15px 0 0 }
.arclist ul li a:hover { text-decoration:underline; }

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; }
#comments .commentlist { padding:0; margin:0 }

#comments .commentlist li p { margin:0; padding:0; }
#comments ol{padding:20px 0;}
#content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none }
#comments .comment a{ text-decoration:none; padding:1px 0 }
#content #comments  p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal;  font-size:11px; font-weight:bold; }
#comments  p.authorcomment a { text-decoration:none; }
#comments  p.authorcomment a:hover { text-decoration:none; }

#comments .comment .meta-left { width: 90px; float:left;}
#comments .comment .meta-left p{ padding:0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; }
span.comm-reply a:hover{ font-size:11px; text-decoration:none; }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif;   }
#respond textarea { margin:0; padding:0 }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px }
p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }

.avatar { padding:3px;}

/* bottom ---------------------------- */
#bottom .widget-spot h3 { margin:0 0 20px 0; padding:0; font-size:20px; }
#bottom .postlist  {  margin:0 0 0 -5px; padding:0; }
#bottom .postlist li { margin:0 0 5px 0; padding:3px 5px; list-style:none; font-size:14px;  }
#bottom .postlist li a { text-decoration:none;  }
#bottom .postlist li span { font-size:11px; }
#bottom .postlist li a:hover { text-decoration:none;   }
#bottom .postlist li:hover  { cursor:pointer; }
#bottom .postlist li p { margin:0; padding:0; line-height:18px;}
#bottom .grid_4 { margin:0; }

.subscribe form { position:relative; }
.subscribe b { margin-top:-3px; }
.aleft { float:left; padding:8px 5px 0 0 ;  }

.field { padding:5px; width:168px; font-size:12px; height:16px; }
.replace { line-height:18px; text-align:center; vertical-align:middle;  width:75px; font:14px Georgia, "Times New Roman", Times, serif; border:none; cursor:pointer; float:right; 
position:absolute; right:0; top:0px; height:28px; line-height:28px;    }
*+html .replace { top:1px; }

#bottom .bottom-in .testimonials_spacer { margin-left:20px; }
.testimonials_spacer p { font: italic 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:22px; }
.testimonials_spacer p.author { font:italic 12px Georgia, "Times New Roman", Times, serif; }

#bottom .subscribe { margin:0; padding:0;  list-style:none; }
#bottom .subscribe li {  margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; list-style:none; }
#bottom .subscribe li a {text-decoration:none; padding:14px 0 15px 40px; display:block; font:bold 14px Arial, Helvetica, sans-serif; }
#bottom .subscribe li.i_email { padding:14px 0 15px 40px;  font:bold 14px Arial, Helvetica, sans-serif;}

#footer .copyright , #footer .copyright  a {text-decoration:none; }

#footer ul { float:right; margin:0 -10px 0 0; padding:0; list-style:none; font-size:11px; }
#footer li { float:left; padding:0 10px; margin:0; line-height:12px; }
#footer li a { text-decoration:none; }
#footer li a:hover { text-decoration:none; }


#footer .copyright { padding:5px 8px 0 0; float:left; }
#footer p span.templatic { width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0;   }
#footer p span.templatic a {  text-indent:-9009px; padding-left:120px; height:30px; display:block; }


/* top navigation drop menu  ---------------------- */
.header_right { float:right; width:680px; }
.header_right ul { margin: 0; padding: 0; list-style: none; float:right; }
.header_right li { display: block;  float: left; margin:0; padding:0;  }
.header_right li a { display: block; text-decoration: none; margin:5px 15px; padding-top:5px; font-size:18px; }
.header_right h3 { display:none; }
	
/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
.header_right ul li ul { position: absolute; z-index: 99;  left: -999em; margin: 0px 0 0 1px; padding: 0;  width:13.9em; w\idth: 13.9em; height: auto; }

/* 3rd level menus only */
.header_right ul ul ul { margin: -1.95em 0 0 13.9em; }

.header_right li li { padding: 2px 1em 2px 0; width: 12.9em; }

.header_right ul ul a { width: 13em; w\idth: 9em; }

.header_right li:hover ul ul, .header_right li:hover ul ul ul, .header_right li.sfhover ul ul, .header_right li.sfhover ul ul ul { left: -999em;   }

.header_right li:hover ul, .header_right li li:hover ul, .header_right li li li:hover ul, .header_right li.sfhover ul, .header_right li li.sfhover ul, .header_right li li li.sfhover ul { left: auto; }


/* 2nd and 3rd level menus */
.header_right ul ul li a, .header_right ul ul li a { font-size:12px; font-weight:bold; padding: 3px 10px 3px 10px; margin:0; }


/* contact us -------*/
#content .form_row { height:100%; overflow:hidden; margin-bottom:10px;  } 
#content .form_row label { display:block; padding:4px 0; margin-right:10px; }
#content .form_row .textfield { font:14px Arial, Helvetica, sans-serif; width: 350px; padding: 6px; border: 1px dotted #555555; } 
#content .form_row .textarea { font:14px Arial, Helvetica, sans-serif; width:500px; padding:6px; border: 1px dotted #555555; } 
#content .error, .message_error2 { display:block; clear:both; padding-top:4px; color:#F00;  }

#contact_frm {  width:100%;  }
#contact_frm .b_submit  { font:17px Georgia, "Times New Roman", Times, serif; padding:6px 24px; cursor:pointer;}
#content p.success_msg { padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; }
.indicates{ font-size:11px; }