/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
img.left {float:left; margin:0 1.8em 1.4em 0; position:relative;}
img.right {float:right; margin:0 0 1.8em 1.8em; position:relative;}

/* typography
Blue - #41555c Orange - Yellow - Green -*/

/* You might find the following useful */
/*div, ul, li { position:relative } /*This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.textclear {text-indent:-10000px;}
.preloader {display:none;}

/* Start Custom Edits */
html { background-image: url(style/images/htmlbg.jpg); background-color:#380707; background-position:center top;}
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0px;}
a {color:#41555c;}
p {line-height: 1.5em; margin-bottom: .75em}
#wrapper { margin:0 auto; width:1104px}

/* Header Style */
#header{background-image:url(style/images/headerbg.jpg);background-repeat:no-repeat;height:337px;position:relative;width:1104px}
#header .homelink{left:490px;position:absolute}
#header .homelink h1 a{display:block;height:210px;width:260px}
#header .nav{left:70px;position:absolute;top:290px}
#header .nav li{float:left}
#header .nav li a{display:block;height:35px;margin:0 7px}
#header .photogallery{left:93px;position:absolute;top:40px}
#header .photogallery a{display:block;height:225px;width:348px}
#header .login{position:absolute;right:15px;top:100px}
#header .login a{display:block;height:100px;width:100px}
.headersearch{bottom:65px;position:absolute;right:170px}
.headersearch input{padding:4px}
.headersearch input#s{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;width:200px}
.headersearch input#searchsubmit{background:url(style/images/searchbg.jpg);border:none;cursor:hand;height:30px;text-indent:-10000px;width:93px}
.headersearch input#searchsubmit:hover{background:url(style/images/searchhoverbg.jpg)}
#header .home a,#header .photos a,#header .videos a,#header .food a{width:117px}
#header .food {margin:0 0 0 20px;}

/* Main Content Style */
#content{background-image:url(style/images/paperbg.jpg);background-repeat:repeat-y;margin:0 0 0 23px;padding:0 0 0 27px;position:relative;width:1000px}
#maincontent{width:580px}
#maincontent .tt-flickr img,#maincontent .album img.highlight{background-color:#fff;border:solid 1px #dcdcdc;margin:0 15px 10px 0;padding:5px;text-decoration:none}
#maincontent .album img.highlight{margin:0}
#maincontent .tt-flickr-Square img{margin:0 3px 3px 0}
#maincontent .album{background-color:#f2f1ea;border:1px solid #CFCFCF;clear:none;float:left;margin:0 14px 10px 0;min-height:170px;padding:10px;width:27%}
#maincontent .album h2{font-size:16px;margin:0 0 5px}
#maincontent .album p{margin:0 0 5px}
.pagetitle{font-size:28px;padding:10px 0 20px}
#highlight h2,.tt-older-posts h4{font-size:26px}

/* Post Headline Style */
h2.posttitle{color:#000;font-size:56px;left:-20px;padding-left:90px;position:relative;top:-5px;width:465px}
h2.posttitle a{color:#000;text-decoration:none}
h2.posttitle a:hover{color:#e45a43}
#postinfo{margin:0 0 20px}
#postinfo .date{background-image:url(style/images/datebg.jpg);color:#FFF;float:left;font-family:Arial, Helvetica, sans-serif;height:99px;left:-38px;position:relative;text-align:right;width:114px}
#postinfo #commentpop{background-image:url(style/images/commentbg.jpg);background-repeat:no-repeat;height:90px;left:575px;margin:0;position:absolute;text-align:right;width:75px;z-index:0}
#postinfo #commentpop a{text-decoration:none}
#postinfo #commentpop a .count{color:#4B4B4D;font-family:Arial, Helvetica, sans-serif;font-size:22px;margin:12px 13px 0 26px;text-align:center}
#postinfo #commentpop a .text{font-size:12px;margin:22px 7px 0 0}
#postinfo .day{font-size:45px;line-height:40px;padding:12px 0 3px; width:105px; text-align:center;}
#postinfo .month{font-size:16px;letter-spacing:4px; padding:0; width:105px; text-align:center; text-transform:uppercase; line-height:12px;}
#postinfo .year{font-size:16px;letter-spacing:2px; padding:0; width:105px; text-align:center; text-transform:uppercase}
#postinfo .tags{left:-15px;padding:3px 18px 0 110px;position:relative}
*h2.posttitle,_h2.posttitle{padding-left:0;width:438px}

/* Featured Comment Style */
#post-feature-comment{border-bottom:1px solid #BFB6A7;margin:0 0 20px}
#post-feature-comment h5{font-size:24px;font-weight:700;padding:7px 5px 15px}
#post-feature-comment ul.commentlist{-moz-border-radius:0 15px 15px;-webkit-border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;-webkit-border-top-right-radius:15px;background-color:#42555C;border-radius:0 15px 15px 15px;color:#FFF;font-size:16px;margin:5px 5px 20px;padding:10px}
#post-feature-comment ul.commentlist a{color:#fff}
#post-feature-comment p{font-size:13px;font-style:italic;margin-bottom:0;padding:10px 15px 5px 30px}
#post-feature-comment .link{font-size:13px;padding:3px 15px 5px 30px}

/* Sidebar Style */
#sidebar {position:absolute; left:677px; margin-top:-25px;}
#simpletags-3 {background-image:url(style/images/paperwclip.png); width:318px; height:264px;}
#simpletags-3 h2 {padding:23px 0 0 40px; font-size:30px;}
#simpletags-3 .st-tag-cloud { padding:10px 45px;}
#simpletags-3 .st-tag-cloud a {padding:0px 2px;}
#recent-posts-2 { background-image:url(style/images/paperwclip.png); width:318px; height:264px; margin-top:-110px;}
#recent-posts-2 h2 { padding:30px 40px 5px 40px; font-size:30px;}
#recent-posts-2 ul { padding:0px 40px}
#recent-posts-2 ul li {padding:2px 0 2px 15px; font-size:16px}
#flickr-sidebar { background-image:url(style/images/photostrip.png); background-repeat:no-repeat; width:246px; height:486px; position:relative; top:-57px; left:45px; text-align:right;-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);	}
#flickr-sidebar .flickr-photos {padding:80px 35px 20px 20px;}
#flickr-sidebar .widgettitle {display:none;}
#flickr-sidebar .tt-flickr img {padding:4px;}
#flickr-sidebar .more-photos { margin-top:5px;}

/* Footer Style */
#footer {background:url(style/images/footerbg.png) no-repeat; margin:0 0 50px 21px; height:80px; padding:5px 15px; padding:15px 25px;}
/* =Pagination
--------------------------------------------------------------  */
#wp_page_numbers{margin-bottom:10px;margin-top:20px;width:100%; font-size:16px;}
#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a{letter-spacing:0;line-height:12px;list-style:none;margin:0;padding:0;text-align:left;text-decoration:none;text-indent:0;text-transform:none;word-spacing:0;}
#wp_page_numbers ul{width:100%;}
#wp_page_numbers li{display:block;float:left;margin-bottom:2px;}
#wp_page_numbers a{border:1px solid #bfbfbf;color:#333;display:block;margin-left:2px;margin-right:2px;padding:10px;}
#wp_page_numbers li a:hover{border-color:#77925F;}
#wp_page_numbers li.space{padding:6px 2px;}
#wp_page_numbers li.active_page a{border-color:#E55942;}
#wp_page_numbers li.active_page a:hover{border-color:#77925F;color:#000;text-decoration:underline;}
#wp_page_numbers li.page_info{border:1px solid #bfbfbf;color:#666;display:block;float:left;margin-right:2px;padding:10px;}

