/* @override http://sarahcameronphotography.co.uk/wp-content/themes/darkgreen/style.css */

/*  
Theme Name: Photography Blog Template 1 by LinkArtist Multimedia
Theme URI: http://www.linkartist.com.au
Description: Photography Blog Template 1 by LinkArtist Multimedia
Version: 1.0
Author: LinkArtist Multimedia
Author URI: http://www.linkartist.com.au
*/

/* /* @import "reset.css"; */ */ 
/* general styles
---------------------------------------------------------------- */
.flashtitle {

			text-align: left;

		}
		
*{
margin: 0;
padding: 0;
}

html{
margin: 0;
padding: 0;
}

.archive{
margin: 50px;
list-style-type: none;
}

div.ngg-gallery-thumbnail {
	margin: 10px;
}

body {
  font: 10pt "century gothic", arial, verdana, sans-serif;
	color: #000;
	background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/background.png');
margin: 0;
padding: 0;
}
*{
  outline: none;
}

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

p{
  line-height: 1.4em;
  margin: 10px 30px;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* container
---------------------------------------------------------------- */
#container{
  margin: 0px auto;
  width: 890px;
  background: transparent;
}

/* header
---------------------------------------------------------------- */
#logo{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/logo.png') no-repeat right top;
margin: 0 auto;

}

#logo h1{
display:block;
text-indent: -9999px;
width: 500px;
height: 75px;
}

#header {
margin: 0;
padding: 0;
  background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/header_bg2.jpg') no-repeat center top;
  width: 100%;
  height: 180px;

}

.blogtitle{
padding: 40px 0px 0px 30px;
}

.blogtitle a{
margin: 0;
padding: 0;
font-size: 1.0em;
}

.blogtitle a:hover{
text-decoration: underline}


#wrapper{
border: 1px solid #4f9486;
background: #fff;
}

#pagewrapper{
border: 1px solid #4f9486;
border-right: none;
background: #fff url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/pageboxback.png') repeat-y top right;
position: relative;
width: 100%;
min-height: 500px;
}

/* nav
---------------------------------------------------------------- */
#navigation{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/nav_back.png') repeat-x;
border-bottom: 0px solid #666;
position: relative;
margin: 0px;
padding: 0px 23px 0px 23px;
list-style-type: none;
height: 45px;
clear: both;

}

#pagenavigation{
position: relative;
padding: 15px 0px;
border-bottom: 1px solid #cce6e1;
height: 20px;
width: 780px;
margin: 0 auto;

}
  
.search{
  color: #fff;
  padding: 10px 0;
margin: 0;
float: right;

}
.search p{
    margin: 0;

  }

.search input{
    border: 1px solid #4f9486;
    padding: 1px;
    margin: 0px;
    color: #fff;
    font-size: .9em;
  }
  ul#navigation .search a{
    display: inline;
    padding: 0;
  }
  

  
/* blog post
---------------------------------------------------------------- */
#pagewrapper .blog-post p{
font-size: 12px;
}


#pagewrapper .blog-post img.alignleft{
float: left;
border: none;
margin: 0 10px;
}


#pagewrapper .blog-post .heading{
letter-spacing: 0.05em;
text-align: center;
margin-left: 0px;

    }


 #pagewrapper .blog-post .heading h1{

padding-top:10px;
letter-spacing: 0.05em;

    }
 #pagewrapper .blog-post .heading{

height: 100px;

  }

.blog-post .heading .pageh1 a{
color: #544841;
font-size: 34px;
float: left;
margin-left: 40px;


}

#pagewrapper .blog-post .heading{
    color: #4f9486;
width: 95%;
margin-left: 0;
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/h1_back.png') no-repeat 0px;
height: 100px;

  }

.blog-post{
  clear: both;
margin-top: 0px;
padding: 20px;
}
  .blog-post .heading{
    color: #4f9486;
width: 95%;
margin-left: 0;
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/h1_back.png') no-repeat 250px 0px;
height: 100px;

  }

    .blog-post .heading h1{
      font-size: 1.9em;
padding-top: 20px;
letter-spacing: 0.05em;
text-align: center;
margin: 0 auto;
clear: both;
width: 100%;

    }

    .blog-post .heading h1 a{
color: #4f9486;
font-weight: normal;
    }


    .blog-post .heading .date{
      font-size: 12px;
text-align: center;
width: 100%;
color: #000;
margin: 0 auto;
    }


 .blog-post .singleheading h1{
      font-size: 20px;
letter-spacing: 0.2em;
margin-top: 100px;

    }

    .blog-post .singleheading h1 a{
padding-left: 65px;
    }


    .blog-post .singleheading .date{
    font-size: 15px;
margin-left: 65px;
display: none;    }


  .blog-content{
    margin: -20px 0px 0px 0px;
  }

#pagewrapper .blog-content{
    margin: -30px 0px 30px;
  }
    .blog-content p{
      margin-bottom: 1.0em;
letter-spacing: 0.003em;
word-spacing: 0.005em;
text-align: justify;
line-height: 1.40em;
    }
    .blog-content img{
      padding: 0px;
margin: 5px;
      border: 5px solid #000;
max-width: 740px;
margin: 0px;
    }

.blog-content p img{

margin-bottom: 25px;
      }

  .comments{
    border: 1px solid #efefef;
    background-color: #f8f8f8;
    margin: 15px 30px 30px 30px;
    padding: 5px 20px 20px;
font-size: 0.9em;
letter-spacing: 0.035em;
  }
    .comments h5{
      font-size: 1em;
margin: 0;
padding: 5px 0px 3px 0px;
    }
      .comments h5 span{
        color: #000;
      }
    .comments .left{
      float: left;
margin: 0;
      width: 75%;
overflow: auto;
height: 80px;
    }
    .comments .right{
margin: 0;
      float: right;
      width: 20%;
      margin-top: 0px;
    }
      .comments .right a{
        display: block;
        line-height: 1.6em;
      }
  .comments-container{
    line-height: 0.9em;
    font-size: 0.9em;
  }
    .comments-container .user{
float: left; padding-right: 5px;
margin-top: 0px;
    }
    .comments-container .timestamp{
      font-size: .9em;
margin: 0;
padding: 0;
color: #000;
font-weight: bold;
    }

.comments ul li{
display: inline;
padding-left: 0;
margin-left: 0;
}

.comments ul p {
display: inline;
padding:0;
margin: 0;
line-height: 1.05em;

}

.comment{
border-top: 1px dashed #cfcfcf;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0;
margin-left: 0;
}

.comment ul{
padding: 0;
margin-top: 5px;
margin-bottom: 5px;
}

    
/* archives
---------------------------------------------------------------- */
#archives{
}
  #archives h2{
color: #000;
    font-size: 4em;
    margin: 0;
    padding: 0;
  }
  #archives .three-columns{
    background-color: #000;
    margin: -15px 0 0 0;
    padding: 20px 0px;
  }
  #archives .three-columns h3{
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 10px;
margin-left: 39px;}
  #archives .three-columns a{
    color: #fff;
  }


#archives li{
list-style-type: none;
}
    #archives .three-columns .col1,
    #archives .three-columns .col2,
    #archives .three-columns .col3{
      float: left;
      padding: 0 20px;
      width: 238px;
      line-height: 1.2em;
      letter-spacing: .2em;
    }
    
/* popup
---------------------------------------------------------------- */
#comment-popup{
  margin: 20px auto;
  width: 572px;
padding: 0px;
   background: #fff;
  border: 1px solid #000;
}
  #comment-popup h1{
    background: #fff;
    color: #000;
    padding: 2px 25px;
    margin: 20px 0 40px;
    text-align: center;
    font-size: 1.9em;
    letter-spacing: .1em;
  }
  #comment-popup p{
    margin: 0px;
    padding: 0 20px;
  }
  #comment-popup .left{
    width: 180px;
padding-bottom: 50px;
    float: left;
  }
  #comment-popup .right{
    width: 350px;
    float: right;padding-bottom: 50px;
  }
  #comment-popup form{
    margin: 0 20px;
  }
  #comment-popup input{
    border: 1px solid #000;
    padding: 2px;
  }
  #comment-popup label{
    font-size: .95em;
  }
  #comment-popup textarea{
    border: 1px solid #000;
    padding: 2px;
margin-bottom: 5px;
  }
  #comment-popup .submit,
  #comment-popup .cancel{
    float: right;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
  }
  #comment-popup .submit{
    color: #1c1f16;
  }?
  #comment-popup .cancel{
    clear: right;
    margin-top: 10px;
  }
  #comment-popup .fineprint{
    clear: both;
    text-align: center;
    font-size: .85em;
    margin: 10px 0 20px;
  }

#comment-popup .trackback{
clear: both;
font-size: 0.8em;
margin-top:20px;
}

#comment-popup ol{
font-size: 1.0em;
margin-bottom: 50px;
}

#comment-popup p cite{
font-size: 0.8em;
color: #888;
}
#comment-popup .rss{
font-size: 1em;
margin-top: 40px;
}

#searchsubmit{
font-family: "century gothic", arial, verdana, sans-serif;
color: #fff;
background: transparent;
border: 0;
padding-right: 0px;
}
.search input#s{
margin-left: 0px;
padding: 1px;
width: 120px;}

.required{
font-size: 12px;
width: 100%;
clear: both;
padding-bottom: 10px;
text-align: center;
}

.searchform{
margin:0;
padding: 0;
}

#footer{
margin: 0 auto;
padding: 0px;

}

#footer p{
color: white;
font-size: 0.8em;
text-align: right;
}

#footer a{
color: #fff;
font-weight: bold;
}

.linkspage{
margin-left: 50px;
margin-bottom: 50px;
padding: 30px;
}

.linkspage ul{list-style-type: none}
.linkspage li{margin-left: 20px; margin-top: 5px;}


}

.categories{
margin-left: 50px;
margin-bottom: 50px;
padding: 30px;
}


.archives{
margin-left: 50px;
margin-bottom: 50px;
padding: 30px;
}

.archives ul{list-style-type: none}
.archives li{margin-left: 20px; margin-top: 5px;}


/*frontpage*/

#frontpagewrapper{
margin: 10px auto;

}

#frontlogo h1{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/home_logo.png') no-repeat center;
display: block;
height: 110px;
text-indent: -9999px;

}

#frontnavigation{
position: relative;
height: 249px;
margin-top: -300px;
margin-left: auto;
margin-right: auto;
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/home_ribbon_bg.gif') repeat-x 0px 60px;
}

#frontnavigation ul{
width: 800px;
margin: 0 auto -150px auto;
position: relative;
}

#frontnavigation ul li{
float: left;
list-style-type: none;

}

#frontnavigation .frontweddings a{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/home_weddings.jpg') repeat-x center;
width: 167px;
height: 166px;
display: block;
text-indent: -9999px;
margin: 0px 10px;
position: relative;
border: 5px solid #8accbf;
}

#frontnavigation .frontportraits a{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/home_portraits.jpg') repeat-x center;
width: 167px;
height: 166px;
display: block;
text-indent: -9999px;
margin: 0px 10px;
position: relative;
border: 5px solid #8accbf;
}

#frontnavigation .frontblog a{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/home_blogs.jpg') repeat-x center;
width: 167px;
height: 166px;
display: block;
text-indent: -9999px;
margin: 0px 10px;
position: relative;
border: 5px solid #8accbf;
}


#frontnavigation .frontclients a{
background: url('http://www.sarahcameronphotography.co.uk/wp-content/themes/darkgreen/images/home_clients.jpg') repeat-x center;
width: 167px;
height: 166px;
display: block;
text-indent: -9999px;
margin: 0px 10px;
position: relative;
border: 5px solid #8accbf;
}

#frontflash{
margin: 0 auto;
width: 900px;
position: relative;}

.blog-post .g2image_normal
{
	margin: 4px;
}

#slideshow1{
float: left;
position: relative;
}

#slideshowtext{
margin-bottom: 330px;
}