/*  
Theme Name: Malton Web Design July 2009
Theme URI: http://www.malton-webdesign.co.uk
Description: This is the MWD theme.
Version: 1.0
Author: Dave Walker
Author URI: http://www.malton-webdesign.co.uk

*/

* {
  margin:0;
  padding:0;
  
}

html {
  background: url(images/bodyback.png) repeat #cccccc;
  font-family: Veranda, Arial, sans-serif;
  font-size: 0.8em;
  line-height: 130%;
  color: #333333;
}

body {

}

#bg_container {
  margin:0 auto;
  width:960px;
  background: #2165f2; 	

}

#container {
  margin:0 auto;
  width:960px;
  background: url(images/backtest.png) repeat-y; 	
  /*background: url(images/960-grid.png) repeat-y; 	 */

}

/* ==================================
             Login Header
   ================================== */
	
#body-header {
  width : 960px;

  margin: 0 auto;
  color: #CCCCCC;
  text-align: right;  
  padding-bottom: 6px;
  background: url(images/pattern-blue.png) top left repeat #2165f2; 
}

#login-header {
  width : 940px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
}

#login-header li, #login-header a {
  list-style:none;
  display:inline;
  padding-left:10px;
  color: #CCCCCC;  
  font-weight: normal;
  font-size:10px;

}



/* ==================================
            Header Details
   ================================== */

#header {
	margin:0;
	padding:10px auto;
	width:640px;
	height: 180px;
	float: left;
	background: url(images/header-1.png) no-repeat #000000;
}



#column1 {
  margin: 0 0 0 10px;
	float:left;
	width: 300px;
	height:inherit;	
}

#column1 #logo {

 padding: 30px 0 0 20px;

}

h1#logo a {
	background: url(images/logo.png) top left no-repeat ;
	border:none;
	display:block;
	float:left;
	height:500px;
	margin: 0 0 0 0px;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:335px;
	color:#FFFFFF;
}

h2#logo {
	border:none;
	display:block;
	margin: 0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:335px;
	color:#FFFFFF;
}


/* Column 2 - Main Content */

#column2 {

	float:left;
	width: 400px;
 	background:blue;
	height:inherit;
}

#content {
  background: #FFFFFF; /*yellow;*/
	display:inline;
	float:left;
	padding:5px 0 10px;
	width:400px;
}


#column2_wide {

	float:left;
	width: 640px;
 	background:blue;
	height:inherit;
}

#content_wide {
  background: #FFFFFF; /*yellow;*/
	display:inline;
	float:left;
	padding:5px 0 10px;
	width:640px;
}

/* =======================
    Column 3 - Sidebar
   ======================= */
	 
	 
#column3 {
	float:left;
	width: 240px;
	background:#FFFFFF;
	height:inherit;
	
}

#content_right {
  
	display:inline;
	float:left;
	padding:5px 0 10px 0px;

}

#sidebar {
  margin: 0 25px 0 20px;

}

#sidebar h2 {

  font-family: Helvetica, Arial, sans-serif; 
  margin: 0px 10px 10px -10px;
  padding: 5px 0 5px 10px;
  background: #32650c url(images/pattern-green.png) repeat;
  clear:both;
  color:#FFFFFF;


}

#sidebar .latest {
  margin: 10px 10px 0 10px;
}

#sidebar .latest a, #sidebar .latest a:visited {
	color:#486e72;
	font-weight:bold;
	text-decoration:none;
}

#sidebar .button {
  margin: 10px 0px 10px 0;
}


#archives ul li a {

  font-weight: normal;
}

/* Flickr RSS */


#sidebar2 ul #flickrrss {
  clear: both;
  list-style: none;
  width: 250px;

}

#sidebar2 ul #flickrrss img {
  margin: 2px;  
  border: #ccc solid 1px;
}

/* Social Links */

#social-links {

  margin: 0 0 10px 0;
}

#social-links h2 {

  font-weight: normal;
  font-size: 12px;
}





/* ==================================
           Footer Details
   ================================== */


#footer {
  clear:both;
  margin:0px auto;
	padding-top: 40px;
  width:940px;
	background: url(images/pattern-blue.png) top left repeat #2165f2;
  color:	#cccccc;
	min-height:300px;
	border-top: 20px solid #32650c;
}

#text1 { 

  margin: 0 0 0 10px; 
  float:left;
  width: 270px;
  height:inherit;	
  background:url(images/semi-transparent.png);
  padding:5px 0 25px 10px; 
} 

#text2 { 

  margin: 0 0 0 20px; 
	float:left;
	width: 370px;	
	height:inherit;	
  background:url(images/semi-transparent.png);
  padding:5px 0 25px 10px; 


} 

#text3 { 

  margin: 0 0 0 20px; 
	float:left;
	width: 200px;
	height:inherit;	
  background:url(images/semi-transparent.png);
  padding:5px 0 25px 10px;

} 

#footer a , #footer p {
  color:#cccccc;
}

#footer p {

  float: left;
}

#footer a:hover, #footer a:active {
	color:#f2c362;
	text-decoration:none;
}

#footer p {
  margin: 0px 0 10px 0px;
}


/* =====================================
                 Tags
   ===================================== */
	 
h1 {

  font-size:20px;
  padding-top:15px;
  padding-bottom:5px;
  margin:0px;
  text-align:left;
}

h2 {
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
  padding-top:15px;
  padding-bottom:5px;
  margin:0px;
  text-align:left;
}

h4 {
	color:#006d78;
	font-size:11px;
	font-weight:bold;
	margin:0 0 12px;
	padding:0;
}

h5 {
	color:#ebb750;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 10px;
}

img {
  border:0;
  margin:0;
  padding:0;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
	width:100%;
}

.left {
	float:left;
}

.right {
	float:right;
}



a, a:visited {
  color:#333333;
  font-weight:bold;
  text-decoration:none;
}

a:hover, a:active {
  color:#111111;
  text-decoration:underline;
}

ul {
  list-style: none;
}

.recent_posts {

  width: 200px;
  min-height: 350px;
  background: #000000;
}

.recent_posts ul {
  list-style: none;
}

.recent_posts li {
  padding: 10px 0 10px 5px;
  border-top: 1px #444 solid;

}



/* Comments CSS */

/* Added by Dave */
.comments {

  margin-bottom: 20px;
 
}

.comment {
  border-top: 1px solid #ebebeb;
  }


#commentslinks {
  float: right;
  text-align: right;
  padding: 5px 10px;
  width: 160px;
  color: #727248;
  font-size: 9pt;
  }

#commentslinks a {
  text-decoration: underline;
  }

#comments {
  margin: 0 10px;
  padding: 5px 10px;
  padding-left: 25px;
  font-size: 9pt;
  color: #727248;
  background: url(images/comment.jpg) left 5px no-repeat;
  }

p.comments {
  clear: both;
  padding: 5px 10px;
  }

p.comment {
  padding: 0 10px;
  }

p.comments a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  text-decoration: none;
  }

p.comments a:hover {
  text-decoration: underline;
  }

.commentlist {
  margin: 10px 25px;
  padding: 0 10px;
  font-size: 10pt;
  list-style: none;
  }

.commentlist li {
  margin: 0 0 5px -25px;
  padding-bottom: 5px;
  }

.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  }

.commentlist cite a {
  }

.comment .commentmetadata a {
  color: #333;
  }

.commentlist p {
  padding: 10px 0;
  }

.comment h3 {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  }

p.comment a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  }

textarea {
  width: 480px;
  }

.comment #submit {
  width: 118px;
  height: 30px;
  background: url(images/commentbutton.jpg) left top no-repeat;
  border: none;
  font-size: 9pt;
  color: #fff;
  }

.comment #submit:hover {
  cursor: pointer;
  }

.commentbody {
  float:right;
  width: 370px;
  margin: 10px 0 15px 0;
  padding-bottom: 10px;
  }

a.gravatar {
  float:left;
  margin:10px 15px 20px 0;
  width:69px;
  }

#nextprevious {
  margin: 10px;
  }




/* BookMarkify Classes 
   ===================  */

div.bookmarkify {

  margin: 20px 0 10px 0;
  background: #e1e1e9 url(images/backpatt.png) repeat;
  padding: 5px;
  border: 1px dotted #bbb;
  clear:both;
}

div.bookmarkify .title {
  font-size: 80%;
}

div.bookmarkify .linkbuttons {

  margin: 10px;
  padding 0;
  font-size: 80%;
  font-width: 2px;
}

div.bookmarkify .linkbuttons  img {

  margin: 0px;
  margin-right: 2px;
  padding 0;

}

div.bookmarkify .linkbuttons small {

  margin-right: 10px;
  padding 0;
}



/* ====================
   Solar Polar Post CSS 
   ==================== */

.postMeta {

  font-size: 90%;
  color: #000;
}


.post {
  padding: 0 0 20px 0;
  /* border-bottom: 1px dotted #ccc ; */
}

.post ul {
  list-style: square;
  margin: 10px 0 10px 20px;
  
}

.post h2 {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px 10px 10px -10px;
	padding: 5px 0 5px 10px;
  background: #32650c url(images/pattern-green.png) repeat;
  clear:both;
	color:#FFFFFF;

}

.post h2 a {
  color: #FFFFFF;
}

/*
.post .alignleft {
  margin: 10px 0 10px 0;
  padding: 0px;
  float: left;
  text-align: center;
} */



.post .alignright {
  margin: 0px 30px 10px 10px;
  padding: 5px;
  float: right;
  border: dotted 1px #ccc;
  text-align: center;}

.post .alignnone {
  margin: 10px 0 10px 0;
  padding: 5px;
  clear: both;
  border: dotted 1px #ccc;
  text-align: center;}


.postContent {
  margin: 0 10px 0 20px;
}

.post p {
  margin: 0px 0 10px 0px;
}

#content_right p {
  margin: 0px 0 10px 0px;
}


.post h3 {

  font-family: Helvetica, Arial, sans-serif; 
  font-size: 1.4em;
  font-weight: bold;
  color: #333;
  margin: 10px 0 10px 0;
  clear:both;

}

.wp-caption {
  padding: 0 10px 0 10px;
}

.gallery {
  clear:both;
  padding: 0 0 20px 0;
}


/* Contact 7 Form 
   ==============  */
textarea {
  width: 350px;
}


#header {
  z-index: -999;
}

#header #portfolio {
  z-index: -10;
}

/* Portfolio Page */

.latestwork {

	float:left;
	margin:25px 0 15px;
	padding:0;
	width:600px;
	clear:both;
}

/* ==================================
        Front Page Pics / Links
   ================================== */

.latest {
	color:#8e8e8e;
	display:inline;
	float:left;
	font-size:11px;
	margin:0 20px 0 0;
	width:200px;
}

.latest_r {
	color:#8e8e8e;
	display:inline;
	float:left;
	font-size:11px;
	margin:0;
	width:200px;
}

.latestwork a,.latestwork a:visited {
	color:#486e72;
	font-weight:bold;
	text-decoration:none;
}

.latestwork a:hover,.latestwork a:active {
	color:#067e8c;
	text-decoration:underline;
}

.latest_img,.latest_img:visited {
	border:1px solid #d4d4d4;
	display:block;
	height:100px;
	margin:10px 0 15px;
	width:200px;
}

.latest_img:hover,.latest_img:active {
	border:1px solid #26b4c5;
}



.alignleft {
  margin: 0;
  padding: 0;
  float: left;
  padding: 0 5px 0 0;

}

.alignleft img {
  margin: 0;
  padding: 0;
  border: 1px solid #d4d4d4;

}

.alignleft a:hover,.alignleft a:active {
	color:#067e8c;
	text-decoration:underline;
}

hr {
  color: #cecece;
  margin: 20px;
  border: none;
  border-top: 1px solid;

}