/* 
	Theme Name: PeppaCode
	Description: Variable one/two column theme.
	Author: PeppaCode ()
	Author URI: http://www.peppacode.com.au/
	Version: Version 1.0

	Based on Daily32 by Daily Blog Tios
         The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* This adds a vertical scroll bar to the window all of the time. If the page */
/* doesn't need it then it is simply disabled but this stops the window jumping */
/* left and right when going between pages with and without scroll bars */
html {
  overflow-y: scroll;
}

body { 
  color : #222;
  font-size :small; /*14px;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin : 5px auto;
  background: #1c3764 url('images/bg_blue_main.jpg') top center repeat-x;
} 

html>body #body-container { overflow-y: hidden; }

#body-container {
  width: 966px;
  margin: 0px auto;
  padding: 0 0 0px 0;
  background: white;
  border-bottom:0px solid #333333;
  border-left:1px solid #333333;
  border-right:1px solid #333333;
  border-top:1px solid #333333;
}

#wrap { 
  clear: both;
  margin : 0px auto;
  padding : 0;
  background: url(images/bg-content.png) repeat;
  width: 966px;
} 

#wrap_no_sidebar { 
  clear: both;
  margin : 0px auto;
  padding : 0;
  background: url(images/bg-white.png) repeat;
  width: 966px;
} 

#header { 
  padding :0px;
  margin:0px 0px 7px 0px;
  height:136px;
} 

.headline {
  margin:0px;
  padding: 0px;
  width:966px;
  height:108px;
  background:url('images/blank_banner.jpg');
}
#suckerfishnav, #suckerfishnav ul{
z-index:100;
}

#spacer {
  background:url('images/spacer.gif');
  width:30px;
  height:15px;
}

.Desc{ 
  color: #D94616;
  margin:0px;
  font-size:20px;
  line-height:31px;
  font-weight:normal;
  letter-spacing:-1px;
  text-align:center
}

img { 
  border : 0;
} 
a, a:visited { 
  color: #4141FF;
  text-decoration: none;
} 
a:hover { 
  color: #D94616;
  text-decoration: none;
} 
#navbar { 
  margin : 0 auto;
  padding : 0;
  text-align : left;
  width : 770px;
} 

* html #content {
  margin : 0px 6px 0px 4px;
}

#blurb {
  font-size:9pt;
  color:#333333;
  font-family:"trebuchet ms",Verdana,Arial;
  text-align:justify;
  padding:0px;
  margin-top:0px;
  margin-left:15px;
}

#blurb p {
  text-align:justify;
  margin-top:0px;
  margin-bottom:20px
}

#content {
  width : 700px;
  padding : 10px;
  margin : 0px 6px 0px 8px;
  float : left;
  border:1px solid #ECECEC;
  min-height: 400px;

} 

#content p { 
  padding : 0 0 15px 0;
  margin : 0;
  line-height : 21px;
  clear:both;
} 
#content p img { 
  float : left;
  border : none;
  margin-right : 10px;
  margin-bottom : 5px;
  margin-top : 5px;
} 
#content p ol { 
  margin : 0;
  padding : 0 0 0 20px;
} 
#content p ul { 
  margin : 15px;
  padding : 0 0 0 20px;
} 
#content li { 
  margin-left : 10px;
  padding : 0 0 0 5px;
} 
#content h1 { 
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 22px;
  margin: 0 0 15px;
  padding: 0;
} 

* html #page_content {
  margin : 0px 6px 0px 4px;
}

#page_content {
  width : 700px;  /* was 624 */
  padding : 10px;
  margin : 0px 6px 0px 8px;
  float : left;
  border:1px solid #ECECEC;
  min-height: 400px;
} 

* html #page_content_no_sidebar {
  margin : 0px 4px 0px 4px;
}

#page_content_no_sidebar {
  width : 904px;
  padding : 20px;
  margin : 0px 6px 0px 10px;
  float : left;
  border:1px solid #ECECEC;
  min-height: 400px;
} 
#page_content_no_sidebar h1 { 
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 30px;
  margin: 0 0 15px;
  padding: 0;
} 

#page_content p { 
  padding : 0 0 15px 0;
  margin : 0;
  /* CC line-height : 21px; */
} 
#page_content p img { 
  float : left;
  border : none;
  margin-right : 10px;
  margin-bottom : 5px;
  margin-top : 5px;
} 
#page_content p ol { 
  margin : 0;
  padding : 0 0 0 20px;
} 
#content p ul { 
  margin : 15px;
  padding : 0 0 0 20px;
} 
#page_content li { 
  margin-left : 10px;
  padding : 0 0 0 5px;
} 
#page_content h1 { 
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 30px;
  margin: 0 0 15px;
  padding: 0;
} 

.postpacker {
  margin:10px 10px 10px 10px;
}

.postinfo { 
  margin : 0 0 20px 0;
  padding : 10px;
  text-align:justify;
  font-size: 11px;
  background:#F0F0F0;
  color:#666
} 
.postinfo p { 
  padding : 8px;
} 
.postinfo a { 
  color: #4141FF;
  text-decoration: none;
} 
.postinfo a:hover { 
  color: #D94616;
  text-decoration: none;
} 


.date { 
  font-family:Arial, Helvetica, sans-serif;
  color : #666;
  font-size:10px;
  margin:5px 0 5px 0;
  padding-bottom:3px;
} 
.date a { 
  font-weight:bold;
  font-size:10px;
} 


* html #sidebar { 
  margin : 0px 4px 7px 0;
}

#sidebar { 
  width : 212px; /*312px*/
  color : #555;
  padding: 0px 0px 10px 0px;
  margin : 0px 8px 7px 0px;
  text-align : left;
  position : relative;
  line-height : 17px;
  font-size : 12px;
  list-style-type : none;
  float:right;/*left*/
  background-image:url('images/newsbg.jpg');
  min-height:250px;

}
#sidebar p {
  padding : 0;
  margin : 0;
}
#sidebar blockquote p {
  padding : 0;
  margin : 0 0 5px;
}
#sidebar h2 { 
  color : #333;
  font-size : 15px;
  font-weight:bold;
  padding : 8px 0 2px 0px;
  margin : 0 0 10px 0;
  text-align:center;
} 

#sidebar a { 
  color : #4141FF;
  display : inline;
  font-size:11px;
  font-weight:bold;
  text-decoration : none;
  margin : 0;
  padding : 2px 0px 4px 0px;
  line-height: 11px;
} 
#sidebar a:hover { 
  color : #D94616;
  text-decoration : none;
} 
#sidebar ul { 
  list-style:none;
  margin : 20px 5px 5px 15px;
  padding : 0;
} 

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

#sidebar ul li { 
  padding : 0;
  margin : 0;
} 

#sidebar ul li ul li { 
  padding: 0 0 2px;
} 

#sidebar ul.recent_with_excerpt li ul li {
  margin: 0 0 0 15px;
  padding: 0 0 10px;
  list-style:square outside none;
}

#sidebar ul ul.followwrap {
}

#sidebar ul ul.followwrap li {
  margin: 0 5px;
}
#searchdiv { 
  margin : 0;
  padding : 0;
  display:none;
} 
#searchform { 
  margin : 10px 10px 10px 5px;
  padding : 0;
  overflow : hidden;
  display:none;
} 
#s { 
  padding : 2px;
  width:150px;
  border : 1px solid red;
  background: #fafafa;
  color: #555;
  font-family: Tahoma, Verdana, sans-serif;
} 
.sbutt { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding : 0px 5px 2px 5px;
  font-weight:bold;
  display:block;
  width:150px;
  height:25px;
  margin : 0 0 0 5px;
  background:#4141FF;
  color:white;
  border:none;
  font-size:14px;
  cursor: pointer;
}
#commentblock h2 { 
  font-size : 15px;
  padding : 0 0 10px 0;
  margin : 0;
  font-weight : bold;
} 
#commentblock { 
  padding : 5px;
  margin : 0px 0 15px 0;
} 
ol#commentlist { 
  padding : 0;
  margin : 0;
  list-style-type : none;
} 
.commentdate { 
  font-size : 10px;
  padding-left : 0;
} 
#commentlist li p { 
  margin-bottom : 8px;
  line-height : 20px;
  padding : 0;
} 
.commentname { 
  color : #444;
  margin : 0;
  padding : 5px 5px 5px 0;
} 
.commentinfo { 
  clear : both;
} 
.commenttext { 
  clear : both;
  margin : 0 0 10px 0;
  padding : 10px 10px 5px 10px;
  background : #f0f6f8;
} 
.commenttext-admin { 
  clear : both;
  margin : 0 0 10px 0;
  padding : 10px 10px 5px 10px;
  background : #FBEAC4;
} 
#commentsformheader { 
  padding-left : 0;
} 
#commentsform { 
  text-align : center;
  margin : 0;
  padding : 0;
} 
#commentsform form { 
  text-align : left;
  margin : 0;
} 
#commentsform p { 
  margin : 0;
} 
#commentsform form textarea { 
  width : 99%;
  background : #fff;
  border : 1px solid #ddd;
  font-family: Tahoma, Verdana, sans-serif;
} 
p.comments_link img { 
  margin : 0;
  padding : 0;
  border-top-style : none;
  border-right-style : none;
  border-bottom-style : none;
  border-left-style : none;
} 
blockquote { 
  color: #555555;
  font-size: 10px;
  font-style: normal;
  line-height: 14px;
  margin: 0;
  padding: 0px 15px 0px 0px;
} 
#content blockquote p { 
  margin : 0 0 20px 0;
  padding : 0;
} 
.prevnext { 
  text-align : center;
  margin : 0;
  padding : 10px 15px 30px 15px;
  font-family:Arial, Helvetica, sans-serif;
} 

.prevnext a { 
  color:#89A210;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
}
.prevnext .alignright { 
  float : right;
  margin : 0;
} 
.prevnext .alignleft { 
  float : left;
}



.search_header {
  margin:10px 0;
  padding:0px;
  float:right;
  width:220px;
  color:#79d5f2;
  font-size:15px;
}

#searchform_header { 
  margin : 0px;
  padding : 0px;
  position:relative;
  left:50px;
  top:-20px;
  overflow:hidden;
  font-size:12px;
  width:150px;
}


#calendar h2 {
  margin:0px;
}

ul#recentcomments li { 
  display:block;
  padding: 2px 0px 3px 0px;
}


#calendar caption { background: none; padding: 5px 0px; width: 240px; }
#calendar table { width: 240px; border: solid 1px #E7E7E7; margin-bottom:20px;}
#calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #E7E7E7; padding: 3px 0px;}
#calendar table td { text-align: center; border: solid 1px #E7E7E7; padding: 3px 0px; font-size: 11px; }


#calendar_wrap {
  margin:0px;
}
#calendar_wrap a {
  padding: 3px 0px;
  color:#8fc400;
}
#calendar_wrap caption { background: none; padding: 5px 0px; width: 240px; }
#calendar_wrap table { width: 240px; border: solid 1px #E7E7E7; margin-bottom:20px;}
#calendar_wrap table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #E7E7E7; padding: 3px 0px;}
#calendar_wrap table td { text-align: center; border: solid 1px #E7E7E7; padding: 3px 0px; font-size: 11px; }

a#home { color:white; line-height:20px; padding:0px 20px 0px 20px;
         font-size: 12px; font-family:"Lucida Sans Unicode", Tahoma, Verdana, Arial;border-bottom:none;
         display:inline; float:left;
}
a:hover#home { 
  background:#8FC801;
}

.more-link {
  border-bottom:none;
  margin:0px;
  margin-left:20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  white-space:nowrap;
}
a.more-link {
  color:#89A210;
  text-transform:uppercase;
  border-bottom:none;
}
a:hover.more-link {
  color:#8BC200;
  border-bottom:none;
}

* html #footer { 
  width : auto;
  text-align : left;
  margin : 10px 0px 0px 0px;
  padding : 0px;
  float : left;
} 

#footer { 
  width : auto;
  text-align : left;
  margin : 10px 0px 0px 0px;
  padding : 0px;
  float : left;
  display:inline;
  clear: both;
  background:#003d80;
  font-size:11px;
  color:#ffffff;
}

#footer li { 
  margin-bottom:3px;
}

#footer a { 
  color:#ffffff;
  text-decoration: none;
}
#footer a:hover {
  color:#ffffff;
  text-decoration: underline;
}

#footer ul { 
  margin:0px;
  padding:5px 20px 10px 20px;
  list-style-type:none
}

#footer p { 
  font: normal 15px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  color:white;
  margin:0px;
  padding:10px 20px 10px 20px;
}

#footer h2 { 
  background:url(images/heading_pat.gif);
  font: normal 15px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  color:white;
  margin:0px;
  padding:7px 20px 3px 20px;
}

* html .footer_blogroll {
  height:190px;
}
* html .footer_comments {
  height:190px;
}
* html .footer_archives {
  height:190px;
}

.footer_blogroll {
  background:#443266;
  float:left;
  width:320px;
  margin:0px;
  min-height:190px;
}
.footer_comments {
  background:#443266;
  clear:right;
  float:left;
  width:320px;
  margin:0px 6px 0px 6px;
  min-height:190px;
  color:#ccc;
  font-size:11px;
}
.footer_archives {
  background:#443266;
  clear:right;
  float:left;
  width:320px;
  margin:0px;
  min-height:190px;
}

* html #subheader { 
  width : auto;
  text-align : left;
  margin : 0px 0px 0px 8px;
  padding : 0px;
  float : left;
} 

#subheader { 
  width : auto;
  text-align : left;
  margin : 0px 0px 0px 8px;
  padding : 0px;
  float : left;
  display:inline
}

#subheader li { 
  margin-bottom:3px;
}
#subheader a { 
  color:#98C914;
}

#subheader ul { 
  margin:0px;
  padding:0px 0px 0px 0px;
  list-style-type:none;
}

#subheader p { 
  margin:0px;
  padding:0px 20px 0px 20px;
}

#subheader h2 { 
  /*background:url(images/bg_red.jpg);*/
  background-color:#c02b26;
  margin:0px;
  padding:0px 0px 0px 0px;
}


* html .subheader_cms {
  height:87px;
}
* html .subheader_about {
  height:180px;
}
* html .subheader_ecommerce{
  height:87px;
}

.subheader_cms{
  /* background:#282828; */
  float:left;
  width:313px;
  margin:0px;
  min-height:67px;
}



.subheader_about_alt {
  background:#282828;
  color:#999;
  float:left;
  width:320px;
  margin:0px 6px 0px 6px;
  min-height:180px;
}

.subheader_resources {
  background:#282828;
  color:#999;
  float:left;
  width:313px;
  margin:0px 6px 0px 6px;
  min-height:87px;

}

.subheader_about {
  background:#282828 url(images/about_bg.jpg);
  clear:right;
  float:left;
  width:320px;
  margin:0px 6px 0px 6px;
  min-height:180px;
  color:black;
}
.about {
  text-align:right;
  padding:45px 50px 0 80px;
  float:right;
}

.subheader_ecommerce{
  background:#c02b26;
  clear:right;
  float:left;
  width:313px;
  margin:0px;
  min-height:87px;
}

#subheader .subheader_ecommerce li { 
  margin-top:2px;
}

#subheader .subheader_ecommerce a { 
  border-bottom:none;
}

.field {
  background:black;
  border:1px solid #525252;
  height:20px;
  padding:3px 0 0 5px;
  color:#FF6000;

  width:170px;
}

.button {
  background:black;
  border:1px solid #3D3D3D;
  height:25px;
  padding:0 5px 0 5px;
  width:90px;
  color:#757575;
  font: bold 11px Arial, Helvetica, sans-serif;
  cursor:pointer;
}

.contactus{
  background-image:url(images/contact.gif)
}


.ads {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin:0 0 20px 0;
}

.ads ul {
  width:158px;
  margin:0px;
  padding:0px;
}

.ads ul li a {
  border-bottom:none;
  float:left;

}

.ads ul li a:hover {
  border-bottom:none;
}

.ads img {
  margin:0px 5px 0px 0px;
}




* html .search_header {
  margin:20px 0px 10px 10px;
  padding:0px;
  color:#FF6000;
  font-size:14px;
  float:left;

}
.search_header {
  margin:20px 20px 20px 20px;
  padding:0px;
  color:#FF6000;
  font-size:14px;
  float:left;

}
#searchform_header { 
  margin : 0px;
  padding : 0px;
  font-size:14px;
  width:215px;
}
#s {
  width:200px;
  margin:0 0 0 15px;
  padding:2px 5px 3px 5px;
  border:none;
  background:#D84615;
  color:white;
  font:normal 14px Arial, Helvetica, sans-serif;
}


.credits { 
  margin: 7px 0px 0px 0px;
  padding: 5px;
  float:left;
  background:#003d80;
  font-size:11px;
  color:#ffffff;
  text-align:left;
  width:300px;
}

.clearer {
  clear:both;
}

#page_content h3, #page_content_no_sidebar h3 {
  margin: 0 0 5px 0;
  font-size: 1.1em;
}

#wrap-end {
  clear: both;
}

td {
  vertical-align: top;
}

td.smallmenu {
  margin: 0px; 
  padding: 5px 20px 5px 5px; 
  text-align:right;
}

td.copyright {
  margin: 0px; 
  padding: 5px 5px 5px 20px; 
  text-align:left;
}

#business-details {
  font-size: 0.75em;
}

#img-sub-right {
  float: right;
  margin: 0 0 20px 20px;
  width: 225px;
}

#img-sub-left {
  float: left;
  margin: 0 20px 0 0;
  width: 225px;
}

#img-table-left {
  margin: 0 10px 0 0;
  width: 150px;
}

#logo-sub-right {
  float: right;
  margin: 0 0 0 20px;
}

#logo-sub-left {
  float: left;
  margin: 0 20px 0 0;
}

#logo-table-left {
  margin: 0 10px 0 0;
  width: 150px;
}

#content-sub-page {
  text-align: justify;
}

#contact-msg {
  font-weight: bold;
  font-style: italic;
}

#contact-form-label {
  font-weight: bold;
  font-size: 0.85em;
  padding-bottom: 4px;
}

#peppa-hosting-banner {
  margin: 0 auto;
  padding: 0;
  width: 120px;
}

#peppa-hosting-entry {
  margin: 30px 0 0 380px;
  padding: 0;
}

#peppa-hosting-entry td {
  padding: 7px;
  margin: 0;
}

/* portfolio styles */

.port-images img {
  background-color:#FFFFFF;
  border:1px solid #A9A9A9;
  display:block;
  margin:4px 40px 30px 20px;
  padding:4px;
  float:left;
}

.port-desc {
  margin:0px 0px 10px;
}
.port-images{
  margin:0px 0px 10px;
  clear:both;
  float:left;
}
/** slider **/
#slider .nivo-controlNav {
	position:absolute;
	bottom:-70px; /* Put the nav below the slider */
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
}
.nivo-controlNav a {
	background:none;
	}

#slider a, #slider a:visited {
  color: #4181ff;
}
#slider a:hover {
  color: #D94616;
}
div.nivo-caption{
background-color:#111122/*62615f*/;
color:#fff;
font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
font-size:11pt;
width:260px;
margin-left:440px;
padding:20px;
top:0px;
}

#slider p.slidertitle {
font-weight:bold;
font-size:12pt;
}
#slider p.slidernote {
font-weight:bold;
font-type:italic;
font-size:11pt;
}

#slider p{ 
font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
font-size:13px;
}

#cms{
position:absolute;
background-color:#e8e8e8;
left:647px;
width:256px;
bottom:-53px;
padding-left:22px;
padding-right:23px;

}

#shadow{
position:relative; 
width:730px; 
height: 306px; 
margin-bottom:55px; 
padding-top:0px; 
background-image:none; 
background-repeat:no-repeat;
}

.nivo-controlNav a img{
border:1px solid #CCCCCC;
float:left;
display:block;
}
.nivo-controlNav a {
	display:inline;
	float:none;
}

#links{
float:left; 
width:100%;

}

div#links table{
width:50%;
margin-left:auto;
margin-right:auto;
}

div#links td{
padding:20px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #003d80; /* Show a solid color for older browsers */
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 950px;
  padding-left: 16px;
}

.menu-header {
  float: left;
}

#access ul {
	font-size: 12px;
  font-weight: bold;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #888;
	border-bottom: 1px solid #ddd;
	color: white;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.2em;
	padding: 10px 10px;
	width: 240px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: red;
}
#access li:hover > a,
#access a:focus {
	background: red; /* Show a solid color for older browsers */
	color: white;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}