/*
File:         custom.css
By:           Liz Jamieson
Author URL:   http://www.lizjamieson.co.uk
*/

body.custom {background-color:#FFFFFF; color:#382622;}


.custom a img {
  border: none;
  vertical-align: middle;
}

.custom .teaser {background:url(http://images.diywebmastery.com.s3.amazonaws.com/layout/teaser-tree.png) no-repeat -0px 0px; padding-left:30px; margin-left:-30px; }

* === ROUNDED GREY DIV BOXES ===*/
.custom div.rounded{ background-color: #F7F7F7; -moz-border-radius: 20px; -webkit-border-radius: 15px; border: 1px solid #CFCFCF; padding: 10px; margin-bottom:15px;
  -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.6); }
.custom div.rounded-550{ width:550px; padding: 10px; border: 1px solid #CFCFCF; background-color: #F7F7F7; -moz-border-radius: 20px; -webkit-border-radius: 15px; -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.6); margin-bottom:15px; }
.custom div.rounded-490{ width:490px; padding: 10px; border: 1px solid #CFCFCF; background-color: #F7F7F7; -moz-border-radius: 20px; -webkit-border-radius: 15px; -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.6); margin-bottom:15px; }


.custom div.column-left{
  float:left;
  width:470px;
}

.custom div.column-right{
  float:right;
  width:480px;
  margin-top:50px;
}

.custom h2.entry-title{
color:#000000;
font-size:20px;
}

.custom ul.userinput{
  list-style:none; 
  width:420px;
  padding-left:20px;
}

.custom ul.userinput li{
  padding-left:65px;
  margin-bottom:5px;
  height:70px;
}

.custom ul.userinput li.question{
  background:url(http://images.diywebmastery.com/layout/question.png) no-repeat 0px 5px;
}

.custom ul.userinput li.bug{
  background:url(http://images.diywebmastery.com/layout/bug_red.png) no-repeat 0px 5px;
}

.custom ul.userinput li.idea{
  background:url(http://images.diywebmastery.com/layout/lightbulb_on.png) no-repeat 0px 5px;
}

.custom ul.userinput li.tips{
  background:url(http://images.diywebmastery.com/layout/hand_point2.png) no-repeat 0px 5px;
}

.custom ul.userinput li.video{
  background:url(http://images.diywebmastery.com/layout/movie.png) no-repeat 0px 5px;
}

.custom div.rounded{
  background-color: #F7F7F7; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #CFCFCF; padding: 10px;
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}


.custom div.rounded-550{
  width:550px;
  background-color: #F7F7F7; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #CFCFCF; padding: 10px;
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.custom table.avatars th{
  text-align:right;
  font-weight:normal;
  font-size:12px;
  border:1px #CDCDCD solid;
  padding:10px;
}
.custom table.avatars td{
  border:1px #CDCDCD solid;
  padding:10px;
}

.custom table.plugin-header, .custom table.changelog{
  padding:5px;
}
.custom table.testimonials{
  padding:5px;
  margin:0 auto;
}

.custom table.testimonials tr.odd{
  background-color:#F7F7F7;
}
.custom table.testimonials tr.even{
  background-color:#F3F3F3;
}

.custom table.testimonials td{
  vertical-align:top;
  font-size:14px;
  padding:10px
}

.custom table.testimonials th{
  vertical-align:top;
  text-align:left; 
  width:400px;
  padding:10px;
}


.custom table.plugin-header td{
  vertical-align:top;
  font-size:14px;
}

.custom table.plugin-header th.pl-title{
  vertical-align:top;
  text-align:left; 
  width:150px;
}

.custom table.changelog th{
  font-variant: small-caps; 
  font-size:16px;  
  vertical-align:top;
  font-weight:bold;
  text-align:left;
}

.custom table.changelog th.cl-version{
  width:70px;
}

.custom table.changelog th.cl-date{
  width:120px;
}


.custom table.changelog th.description{
  width:160px;
  padding:2px;
  font-variant: small-caps; 
  font-size:16px;  
  vertical-align:top;
  font-weight:bold;
}

.custom .page {background:transparent;}

a:hover {color:#0000FF;}

input, textarea {background-color:#F0F0F0;}


/* === NAV === */
.custom ul.menu {border-bottom:none; border-left:0;}
.custom ul.menu li {margin-bottom:0;}
.custom ul.menu li.rss {}
.custom ul.menu li.rss a:hover {background-color:transparent; text-decoration:underline;}
.custom ul.menu li a {background-color:transparent;}
/* dropdowns */
.custom ul.menu ul {}
.custom ul.menu ul li {}
.custom ul.menu ul li a {background-color:#FFFFFF;}
.custom ul.menu ul li.current a {background-color:green;}
.custom ul.menu ul li a:hover {background-color:blue; color:#F0F0F0;}
.custom ul.menu ul ul a, .custom ul.menu ul li.current ul a {background-color:#FFFFFF; color:#F1F5F9;}
.custom ul.menu ul ul a:hover, .custom ul.menu ul li.current ul a:hover {background-color:red;}
	

/* === HEADER === */
.custom #header_area {background:#FFFFFF url(http://images.diywebmastery.com.s3.amazonaws.com/layout/header-background1.jpg) center repeat-x; 
border-top:1px solid #F0F0F0; border-bottom:1px solid #FFFFFF; height:225px;}

.custom #header {border-bottom:0; position:relative;}
.custom #header #logo {width:546px; margin-top:-30px;}

margin-top:-20px; margin-left:74px; font-family:Tahoma, sans-serif}

#header-left{float:left;}
#header-right{float:right; margin-top:-45px;}

/* === CONTENT === */
.custom #content_area {background-color:#FFFFFF; border-top:1px solid #FFFFFF;}

.custom #content_box {background:none;}

.custom .post_box {margin-left:0; padding-left:1.1em;}
.home .post_box {margin-left:1.1em; padding-left:0;}
.custom .post_box, .custom .teasers_box {border-top:1px solid #E3E2E1; border-bottom:none; !important;}
.custom .top {border-top:0;}

/* titles & bylines */
.custom .entry-title a:hover {color:#A8A8A8;} /*Colour Choice*/

/* text block styles */
.custom .format_text blockquote.right, .custom .format_text blockquote.left {color:#543733;}
.custom .format_text blockquote {color:#74504A; border-color:#E4EEE6;}

.custom .format_text code {background-color:#E4EEE6;}
.custom .format_text pre {background-color:#fff; border-color:#E4EEE6;}

.custom .format_teaser h3 {font-weight: bold;}

/* images */
.custom .post_box img {max-width:100%; height:auto;}

.custom img.frame {padding:0; border:0.3em solid #E3E2E1;}
.custom a:hover img.frame {border-color:#E3E2E1;}

.custom .format_text .wp-caption {background-color:#fff; border-color:#E4EEE6;}
	.custom .format_text .wp-caption img {}

.custom .format_text .gallery {}
	.custom .format_text .gallery img {border-color:#E4EEE6!important;}
	.custom .format_text .gallery a:hover img {border-color:#99AF9F!important;}
	.custom .format_text .gallery dl {margin-bottom:0;}
	.custom .format_text .gallery br {height:0;}

.custom .prev_next {border-top:1px solid #E3E2E1; padding:1.1em 0 1.1em 1.1em; margin:0 2.2em 0 0;}
.home .prev_next {border-top:1px solid #E3E2E1; padding:1.1em 0; margin:0 2.2em 0 1.1em;}

/* comments */
.custom #comments .comments_intro, .custom #comments #respond_intro {margin:0; padding:4.4em 0 1.1em 

1.1em; padding-left:1.1em; border-bottom:1px solid #E3E2E1; border-top:1px solid #E3E2E1;}
	.custom .comments_intro span.bracket, .custom .format_text .to_comments span.bracket 

{color:#F1F5F9;}
.custom dl#comment_list {border-top:0;}
	.custom dl#comment_list dt {border-top:1px solid #E3E2E1;}
	.custom dl#comment_list dd {border-bottom:1px solid #E3E2E1;}
	.custom dl#comment_list .bypostauthor {background-color:#fff;}
		.custom dl#comment_list .bypostauthor code {background-color:#E4EEE6;}
		.custom dl#comment_list .bypostauthor pre {background-color:#E4EEE6; 

border-color:#99AF9F;}
.custom .comments_closed p {display:none;}
/* threaded comments */
	.custom dl#comment_list dl dt {border-top:0; border-color:#698799;}
	.custom dl#comment_list dl dd {border-bottom:0;}
		.custom dl#comment_list dl dd .format_text {border-color:#698799;}
	.custom dl#comment_list dl .bypostauthor {background-color:transparent;}
	.custom dl#comment_list dl > .bypostauthor {border-color:#99AF9F;}
		.custom dl#comment_list dl > .bypostauthor > .format_text {border-color:#99AF9F;}

.custom #commentform {border-top:1px solid #E3E2E1; border-bottom:1px solid #E3E2E1;}

/* archives */
.custom #archive_info {border-color:#D9D9D9;}
.custom #archive_info p, .custom #archive_info h1 {display:inline; padding-right:1em;}

.custom ul#cat_list, .custom ul#cat_list ul {background:transparent; padding:0;}
	.custom ul#cat_list li {list-style:none; padding:0;}
		.custom ul#cat_list li h3 {}
			.custom ul#cat_list li h3 a {color:#382622; text-decoration:none;}
			.custom ul#cat_list li h3 a:hover {color:#698799; text-decoration:underline;}
		.custom ul#cat_list li ul li {list-style:square;}


/* === SIDEBARS === */
.custom .image_box, .custom .custom_box {border-color:#EDEDED;}

.custom #sidebars li.widget h3 {color:#543733; font-size:16px; text-align:left; padding-bottom:15px; background:url(http://images.diywebmastery.com.s3.amazonaws.com/layout/h3-sidebar-title-back.png) 0px 100% no-repeat}
.custom li.widget a {color:#543733;}
.custom li.widget a:hover {color:#8C8C8C;}
/*.custom li.widget ul, .custom li.style_switcher form {margin-left:1em;}  === removed margin-left:1em === */

/* optional widget styles */
.custom table#wp-calendar caption {background-color:#E3E2E1;}
.custom table#wp-calendar th {background-color:#fff; border-color:#E3E2E1;}
.custom table#wp-calendar td {color:#000000;}
.custom #calendar_wrap a:hover {background:#fff;}


/* === FOOTER === */
.custom #footer_widget_area {background:#FFFFFF url(http://images.diywebmastery.com.s3.amazonaws.com/layout/tree.png) center 10px  no-repeat; border-top:1px solid #FFFFFF; border-bottom:none;}
.custom #footer_widgets li.widget h3 {color:#543733; font-size:16px; text-align:left; padding-bottom:15px; background:url(http://images.diywebmastery.com.s3.amazonaws.com/layout/h3-footer-title-back.png) 0px 100% no-repeat}
.custom #footer_widget_area .sidebar {padding-top:1em; height:300px;}
	.custom #footer_widget_area ul.sidebar_list {}
		.custom #footer_widget_area li.widget {float:left; width:23%; padding-right:2%;}
			.custom #footer_widget_area li.widget h3 {border-color:#E3E2E1;}
			.custom #footer_widget_area li.widget a:hover {color:#8C8C8C;}

.custom #footer_area {border-top:none; }
.custom #footer {border-top:0;}
.custom #footer p a {color:#382622; border-color:#fff;}
.custom #footer p a:hover {color:#698799;}

/* === COLOUR & FONT OVERRIDES === */



a {color:#0000FF;}
.custom #header #logo a {color:#E4EEE6;}
.custom .entry-title a {color:#000000; font-size:18px; text-align:left; padding-bottom:15px; text-decoration:underline;}
.custom .headline_meta, .custom .headline_meta a, .custom .teaser_author, .custom .teaser_date, .custom 

.teaser .custom .edit_post, .custom .teaser_author a, .custom .teaser_comments, .custom .teaser_category, 

.custom .teaser .edit_post a {color:#543733;}
.custom .headline_meta a:hover, .custom .teaser_author a:hover, .custom .teaser_comments:hover, .custom 

.teaser_category:hover, .custom .teaser .edit_post a:hover {color:#382622;}
.custom li.widget h3 {color:#543733;}
.custom #footer p {color:#543733;}

.custom ul.menu li a {border:none; color:#382622; }
.custom ul.menu li a:hover {background-color:#FFFFFF; color:#8C8C8C}
.custom ul.menu li.current a, .custom ul.menu li.current-cat a {color:#8C8C8C;}
.custom ul.menu li ul {margin-top:0;}
.custom ul.menu li:hover ul, .custom ul.menu a:hover ul {left:0; border:0;}
.custom ul.menu ul ul, .custom ul.menu :hover ul :hover ul {left:14.8em; border:0;}

.custom .image_box, .custom .custom_box {background:#fff;}

.custom h1.entry-title{color:#696969; letter-spacing:-1px; font-size:30px; }
.custom .headline_area h1{color:#696969; letter-spacing:-1px; font-size:30px;}
.custom .format_text h2 {color:#000000; font-weight:normal; font-family:Georgia; letter-spacing:1px; font-size:22px; padding-left:22px; background-position:0px 6px; background-repeat:no-repeat; background-image:url(http://images.diywebmastery.com.s3.amazonaws.com/layout/diy-bullet.png);}

.custom .headline_area h2{
  color:#696969; letter-spacing:-1px; font-size:30px;
}
div .content-left{border:1px #F0F1FF solid; width:250px; float:left; margin:10px 10px 10px 0}
div#clearboth{clear:both;}


/* D13 Slideshow*/
.custom #d13slideshow{background-color:transparent;  height:225px; width:540px;  padding:0px; margin-left: 0px; margin-right: 0px; margin-top: 30px; margin-bottom:70px; }

.custom div.d13slide{ padding:0px; margin:0px; }
.custom div.d13slide img{ padding:0px; margin:0px; }

.custom #d13nav{ margin:0px; padding:0px; }
.custom #navleft{z-index:200; float:left; width:15px; height:225px; margin:0px; padding:0px;}
.custom #navright{ z-index:201; float:right; width:15px; height:225px; margin:0px; padding:0px; margin-left:525px; }
.custom #navleft a, .custom #navright a{width:15px; height:50px; display:block; background-color:#000000;
        filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3; background-position:center center; background-repeat:no-repeat; }
.custom #navleft a{ background-image:url(images/left.gif); }
.custom #navright a{ background-image:url(images/right.gif);  }
.custom #navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
.custom #navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
.custom #navleft a span, .custom #navright a span{ display:none; }

.custom div.d13fader{ background-color:#000000; font-family:Arial, Helvetica, sans-serif;
        filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;height:70px; z-index:1;margin:0px 0px 0px 0px; padding:0px; }
.custom div.d13fader h3{ font-size:12px; font-weight:bold; padding:4px; margin:0px; }
.custom div.d13fader h3 a{ color:#FFFFFF; }
.custom div.d13fader h3 a:hover{ color:#FFFFFF; }
.custom div.d13fader p{ font-size:10px; font-weight:normal; padding:2px 4px 4px 4px; margin:0px; color:#CCCCCC; }
.custom div.d13fader p a{ color:#CCCCCC; }
.custom div.d13fader p a:hover { color:#FFFFFF; }

.custom img#wpstats {display:none}

.custom ol.faq h3{
  font-weight:normal;
  margin-bottom:10px;
}

.custom .faq .answer h3{
  font-size:24px;
  font-weight:normal;
}

.custom .button-secondary{
  background:url(http://images.diywebmastery.com/layout/submit-button.png) no-repeat;
  height:72px;
  width:150px;
  color:#000000;
  font-weight:bold;
  border:none;
  font-family:Arial, sans-serif;
  font-size:14px;
  cursor:pointer;
}

.custom .form_submit{
  background:url(http://images.diywebmastery.com/layout/thin-submit-button.png) no-repeat;
  height:56px;
  width:150px !important;
  color:#000000;
  font-weight:bold;
  font-family:Arial, sans-serif;
  font-size:14px;
  cursor:pointer;
  border:none;
}

.custom input.form_submit:hover, .custom input.button-secondary:hover{
  color:#999999;
}

/* Plain Page */

.plain #nav_area{ display:none; }
.plain #header_area{ display:none; }
.plain #footer_area{ display:none; }
.plain #footer_widget_area{ display:none; }
.plain #content_area { background: none; }
.plain .full_width >.page{ background-color: #FFFFFF; }
.plain .full_width{ background-color: #FFFFFF; }
.plain .headline_area{ display:none; }
.plain .format_text a{ color: #c35617;}



body.starless{ background-color:#000000; color:#FFFFFF; }
.starless div#header_area { background-color:#000000; height:125px; background-image:none; }
xstarless #header_area {background:#000000 url(http://images.diywebmastery.com.s3.amazonaws.com/layout/header-background-black1.jpg) center repeat-x; border-top:1px solid #6D6D6D; border-bottom:1px solid #6D6D6D; xheight:225px;}
.starless div#content_area{ background-color:#000000; }
.starless div#footer_widget_area{ background-color:#000000;}
.starless #footer_widgets li.widget h3{color:#FFFFFF;}
.starless li.widget a{ color: #FFFFFF; }
.starless ul.menu li a{ color: #FFFFFF; }
.starless #video { float: left; }
.starless #signup { float:right; width: 290px; margin-left: 10px; }
.starless #signup p { padding: 0px 20px; font-size:10px; line-height:15px; font-style:italic; color:#ADADAD; }
.starless #find-out-more { margin-left: 30px; width: 230px; height: 80px; position: relative; z-index:10; 
  background-repeat: no-repeat; background-image : url(http://images.diywebmastery.com/layout/find-out-more.png); }
.starless div.diy-form { height: 300px; margin-top: -47px; z-index:5;  background-repeat: no-repeat;
  background-image : url(http://images.diywebmastery.com/layout/diy-form-back.png) }
.starless form { padding: 30px 20px 30px 20px }
.starless .format_text input[type="text"] { width : 90%; }
.starless label#lastname {display:none;} 
.starless div.diy-form label#lsubject { display: none;}
.starless input.diy-submit{ height:41px; width:148px; color:#000000; font-weight:bold;  border:none;  cursor:pointer;
 background-color: transparent; background-image: url(http://images.diywebmastery.com/layout/diy-submit.png); background-repeat: no-repeat; }