/*
Theme Name: tiffanyM
Theme URI: http://416studios.co.uk
Description: A custom theme design for Tiffany Mumford photography.
Version: 1.2
Author: Michael Dyer
Author URI: http://www.416studios.com/
Tags: blue, custom, horizontal, widgets

	

	This theme was designed and built by Michael Dyer,
	whose website you will find at http://www.416studios.com/

	
*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "century schoolbook","palatino linotype", palatino, "Times New Roman", Times, serif;
	background: #CCCC99;
	color: #fff;
	text-align: left;
        margin-top:0;
	}
body.blog, body.archive, body.single {margin:0;}

#page {
	text-align: left;
		}
		
#wrap {
    font-size:1.4em;
    line-height:1.5;
    clear:both;
    border-top:1px solid #F7F7DA;
}
                
.home #content, .page-template-galleries-php #content {
	font-size: 1.2em;
	white-space: nowrap;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}



.postmetadata {
        padding:3px 0px;
	width:130px;
        float:left;
        margin-top:12px;
        border-bottom: 3px double #93933E;
        border-top: 3px double #93933E;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        color:#93933E;
	}
        .archive .postmetadata, .search .postmetadata  {margin-top:8px;}
   
        
.meta-date, .meta-comments, .meta-tags, .meta-category {padding:0 0;}

.meta-tags {margin-left:170px;}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	line-height: 1.5em;
	}
        
h1, h2, h3 {
	font-weight: bold;
	}

h1 {    font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 2.8em;
	text-align: center;
        line-height:1.2;
	}

h2 {
	font-size: 1.8em;
	}
#wrap h2, #wrap h3, #wrap h4, #wrap h5 {
            font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
            
        }
        
#wrap a {color:#444;
        border-bottom:1px solid #444;
        }
        
    #wrap a:hover {
        color:#888;
        border-bottom:1px solid #888;
        text-decoration: none;
    }
    
   #wrap  .postmetadata a {color:#93933E;
                    border-bottom:1px solid #93933E;
                    }
    
    

h2.pagetitle {
	font-size:2.1em;
        margin-bottom:28px;
        font-family: "century schoolbook","palatino linotype", palatino, "Times New Roman", Times, serif;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #888;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}



#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
	color: #888;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
        
em {font-style:italic;}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #fff;
	text-decoration: none;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	text-align:center;
	padding: 0;
	}

#page {
	margin-top:30px	
	}

#info_page{
	width:920px;
	margin-top:30px;
	/*background: #fff;*/
	padding-top:2px;
	border: solid #fff 1px;
	}
        
#wrap {text-align:left;
    width:800px;
    margin: 0 auto;
    background:#e4e4c1 url(images/blog-bg.jpg);
    padding: 20px;
    color:#444;
    text-shadow:1px 1px 1px #FAFAD2;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    
}

.post-title {margin-left:170px;
            padding-bottom:14px;
            color:#93933E;
        }

.wp-caption {max-width:460px!important;
        height:auto!important;}

#wrap .entry {
    margin:0 170px;
}

#wrap .entry iframe{
margin:4px;
}
	
.info-entry {
	height:500px;
	
	}
        
.single .entry > p:first-child:first-line {font-variant: small-caps;font-size:1.2em;}
.single .entry > p:first-child:first-letter {font-size:3.42857em;font-variant:normal;font-family:Rockwell;font-weight:bold;letter-spacing:0.05em;float:left;margin-top:9px;}

	
.post {
	margin: 0 0 50px;
	}

.post hr {
	display: block;
	}



.postmetadata {
	clear: left;
        font-size:0.857142857em;
}

#footer {
	position:fixed;
	left:0px;
	padding: 0;
	margin: 0;
	clear: both;
	width:1200px;
	}
        #footer a img.blog-btn {position:absolute;
        
        left:330px;}
	
	.bottom {
		bottom:0px;
		}
	
#footer img {
	margin-right:5px;
	}	

#footer p {
	margin: 0;
	padding: 20px 0;
	
	}
        
#footer_alt a {border:none;}
        
#footer_alt{
    margin-left:170px;
width:460px;
padding-bottom:60px;
font-variant: small-caps;
font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

}

#footer_col_1, #footer_col_2  {float:left;width:200px;}

#footer_col_2 {margin-left:60px;}


#footer_alt li {list-style: none;
    padding-left:0;}

#footer_alt li ul {padding:0;margin-left:0;

   border-top:1px solid #C2C291;
   border-bottom:1px solid #FAFAD2;}

#footer_alt li ul li {padding:4px 0;
   border-bottom:1px solid #C2C291;
   border-top:1px solid #FAFAD2;}

#footer_alt h2 {margin-left:0;padding-left:0;}

#bottom {clear:both; text-align:center; padding-top:40px;}
/* End Structure */



/*	Begin Headers */
h1 {
	text-align: left;
	margin: 0;
	}

h2 {
	margin: 30px 0 0 10px;
	}

h2.pagetitle {
	text-align: center;
        margin-top:0;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3#comments {
	padding: 0;
        width:460px;
	margin: 40px auto ;
	}
/* End Headers */

p	{
    	}
	

/* Begin Images */
/*p img {	
	border:none;
	}*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
	.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#wrap img {max-width:460px;height:auto; 
-ms-interpolation-mode: bicubic;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
        #wrap img.alignright, #wrap .alignright {
            margin:20px -140px 20px 20px ;
            float:right;            
        }
        
        #wrap .wp-caption-text {
            font-size:0.857142857em;
            font-style: italic;
        }
        
	
#info_page img.alignright {
	padding: 4px;
	margin: 0 20px 2px 7px;
	display: inline;
	}
	
img.alignnone {
	padding: 0;
	margin: 4px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
        #wrap img.alignleft, #wrap .alignleft {
            margin:20px 20px 20px -140px;
            float:left;            
        }
        
        


.alignleft {
	float: left
	}
/* End Images */


/* Blogs */

.blog .post {position:relative;}

.post h2, .post h3 {width:460px;
    margin:0 auto;}

#wrap .post h3 a, #wrap .post h2 a {
    color:#93933E;
    border:none;
    }


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 0;
	list-style-type: disc;
        list-style-position: outside;
        border-top:1px solid #C2C291;
        margin-bottom:-1px;
}

.entry ul li:first-child{border-top:1px solid #FAFAD2;}
.entry ul li {
   padding:7px 0;
   border-bottom:1px solid #C2C291;
   border-top:1px solid #FAFAD2;
}

.entry ul+p {border-top:1px solid #fafad2; 
            margin-top:1px;
            padding-top:14px;}

.entry ol {
	margin-left: 0px;
	padding: 0 0 0 0;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


	#nav {padding-top:2px;
	}
	
#nav li {
	display: inline;
	font-family:"palatino linotype", Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	list-style-type: none;
	padding:0 20px 0 0 ;
	}
        
/* blog header */

#header {height:50px;
         background:#763258 ;
         background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(54,38,47)),
    color-stop(1, rgb(87,56,74))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(54,38,47) 0%,
    rgb(87,56,74) 100%
);
text-align: center;}

#ident {width: 840px;text-align:left;margin:0 auto;background:transparent url(images/vert-border.gif) repeat-y;}

#header .logo, #header .menu{
    float:left;
    padding:0 0 0 20px;
    margin-left:-1px;
}

#header .logo {
    background:transparent url(images/vert-border.gif) repeat-y;
    padding:6px;
}

#header .menu {
    margin:0;
    height:50px;
    font-size:1.4em;
    font-weight:bold;
    float:right;
    text-transform: capitalize;
}

#header .menu {
    height:50px;
    
}
#header .menu ul {
         height:50px;
         margin:0;
}

#header .menu li {float:left;
list-style: none;
height:50px;
width:70px;
background:transparent url(images/vert-border.gif)  repeat-y;
text-align: center;

}

#header .menu li a, #misc_links li a {color:#cccc99;
       display:block;
       height:100%;
           width:100%;
       line-height:40px;
}

.current_page_item a {
	color:#888;
	}
	
#header #misc_links {
    background:transparent url(images/vert-border.gif) right repeat-y;
    margin:0;
    height:50px;
    font-size:1.4em;
    font-weight:bold;
    float:right;
    text-transform: capitalize;
    padding-left:0px;
}

#misc_links li {
        display:block;
        float:left;
        height:50px;
        width:70px;
        background:transparent url(images/vert-border.gif)  repeat-y;
        text-align: center;
}        

#misc_links li a:hover {text-decoration:none;}

#misc_links li a {background:transparent url(images/arrow-dwn.png) bottom no-repeat;}  
#misc_links li.rss a {background:transparent url(images/rss.png) bottom no-repeat;}  
#misc_links li.email_sub a {background:transparent url(images/email-sub.png) bottom no-repeat;}
/* End  Lists */


/* Begin Form Elements */

/*email subscription */
#email_sub_form {
        position:relative;
        left:-205px;
        background-color: #362630;
        border:4px solid #715d68;
        border-top:none;
        text-align:center;
        width:268px;
        color:#cccc99;
        box-shadow:-2px 2px 8px rgba(0,0,0,0.5);
        z-index:100;
        padding:14px 0;
        font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
        font-weight:normal;
        font-size:1em;
text-transform: none;}


#searchform {
	margin: 10px auto;
	padding: 0px 3px;
	text-align: center;
	line-height:1.5;}



#wrap #searchform {float:right;}


#search input#s{
    padding:0;
    margin:0;
    height:28px;
    font-size:1.2em;
    font-family:"palatino linotype", Georgia, "Times New Roman", Times, serif;
    width:170px;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
    background:transparent;
    border:1px solid #93933E;
    border-radius: 7px 0 0  7px;
    color:#444;
    vertical-align: middle; 
}

input#searchsubmit {
    font-size:1.2em;
    background:#452E3B;
    border-radius:0  7px 7px 0;
    color:#fff;
    height:30px;
    line-height:30px;
    border:none;
    vertical-align: middle; 
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    *vertical-align: text-bottom; 
    margin-left:-5px;
}



#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
        
#commentform {
            width:460px;
            margin-left:170px;
            padding-bottom:28px;
        }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
        background:transparent; /* #todo change alt background */
        border-top:2px solid #000;
        border-bottom: 2px solid #000;
	}

.commentlist {
	
	text-align: justify;
        
        padding-left:0px;
	}

.commentlist li {
	width:460px;
        margin: 0 170px;
	padding: 14px 0;
	list-style: none;
        clear:both;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}
        
        h3#respond {
            text-align:left;
            margin-left:170px;
        }        

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
        	}
        
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}
        
#wrap .commentlist  a {border:none;}

.commentlist li .avatar { 
	border: 2px solid #eee;
	padding: 4px;
        margin-left:-80px;
	background: transparent;
        float:left;
	}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 1em;
        text-transform: capitalize;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	font-style:italic;
	padding:0 20px;
        text-align:justify;
        word-break:hyphenate;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}



.navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
	}


#wrap  .navigation .alignleft  , #wrap  .navigation .alignright {
display:block;
width:100px;
height:100px;
margin:0;
}
#wrap .navigation a{
            width:100px;
            height: 100px;
            margin:0;
            text-indent:-9999px;   
            border:none;
}  
#wrap .navigation .alignleft a{
    display:block;
    background:transparent url(images/tiffany-sprites.jpg) 0px 0 no-repeat;
}

#wrap .navigation .alignright a{
    display:block;
    background:transparent url(images/tiffany-sprites.jpg) -100px 0 no-repeat;
}

body.attachment #wrap .navigation  {margin-top:-100px;;}

body.attachment #wrap .navigation .alignleft a{
    display:block;
    background:transparent url(images/tiffany-sprites.jpg) 0px -100px no-repeat;
}

body.attachment #wrap .navigation .alignright a{
    display:block;
    background:transparent url(images/tiffany-sprites.jpg) -100px -100px no-repeat;
}
    
   
    
    
/* End Various Tags & Classes*/


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*remove border from image links*/
#wrap a.no-border {border:none;}

a img {border:none;}