/*
Theme Name: Jeff Dauler Custom - Version Heatherstone
Author: Originally Ron, edited by Heatherstone
Version: 1.1

  Expects the following plugins:
    * Image Ads
    * Twitter Tools
    * Content Gallery

*/

* html #branding h1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jeffdauler.com/wp-content/themes/JeffDauler/images/branding.png', sizingMethod='scale'); background: none;}

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}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:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {
font-family: Helvetica;
}

html {background: #364D9A ;}

/**********************
        Branding
***********************/
#branding, #content, #site-info {
width: 960px;
margin: 0 auto;
}

#branding {
height: 130px;
position: relative;
color: #fff;
}

/**********************
    Branding - Logo
***********************/
#branding h1 {
	display: block;
	font-size: 348%;
	font-family: Lucida Grande;
	font-weight: bold;
	position: absolute;
	top: 10px;
	width: 500px;
	height: 100px;
	background: url(/wp-content/uploads/2010/03/jeffdauler-logo-wbackground.png) no-repeat;
}
#branding h1 a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	width: 500px;
	outline:none;
}
#branding h2.tagline {
position: absolute;
top: 95px;
left: 110px;
width: 380px;
font-size: 106%;
}

/**********************
  Branding - Contact
***********************/
#branding .contact {
position: relative;
background: url(images/contact.jpg);
position: absolute;
top: 15px;
right: 17px;
width: 205px;
height: 100px;
}

#branding .contact a {
color: #fff;
outline:none;
}

#branding .contact .email {
position: absolute;
top: 38px;
left: 38px;
}

#branding .contact .gtalk {
position: absolute;
top: 55px;
left: 38px;
}

#branding .contact .facebook a,
#branding .contact .twitter a,
#branding .contact .phanfare a{
position: absolute;
bottom: 8px;
width: 20px;
height: 20px;
text-indent: -9000px;
display: block;
outline:none;
}

#branding .contact .facebook a {
left: 38px;
background: url(images/facebook.jpg);
outline:none;
}


#branding .contact .twitter a {
left: 63px;
background: url(images/twitter.jpg);
outline:none;
}


#branding .contact .phanfare a {
left: 88px;
background: url(images/phanfare.jpg);
outline:none;
}

#branding .contact h2 {
text-indent: -9000px;
}

/**********************
   Branding - Link
***********************/
#branding #navigation .blog, #branding #navigation .home {
width: 100px;
height: 29px;
display: block;
position: absolute;
top: 82px;
left: 580px;
text-indent: -9000px;
outline:none;
}
#branding #navigation .blog {
background: url(images/blog-link.jpg);
outline:none;
}
#branding #navigation .home {
background: url(images/home-link.jpg);
outline:none;
}

/**********************
        Content
***********************/
#home, #blog {
background: #fff;
padding-bottom: 10px;
}


#content_main {
margin: 10px 20px 0 10px;
float: left;
width: 620px;
color: #565a4c;
padding: 0;
}


#content_sub {
float: left;
margin: 10px 0 0 0;
width: 310px;
color: #92a479;
}

/**********************
   Home - Latest Post
***********************/
#home #latest-post {
height: 75px;
background: url(images/content_main-top.jpg) no-repeat;
}

#home #latest-post h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 42px;
color: #565656;
padding-top: 4px;
background: url(images/star.jpg) no-repeat 5px 5px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

#home #latest-post a {
font-size: 106%;
color: #92a479;
text-decoration: none;
padding-left: 42px;
outline:none;
}

#home h2.areatitle a, #home h3.areatitle a {
	color:#565656 !important;
	outline:none !important;
}

#home #latest-post a:hover {text-decoration: underline;}

/**********************
Home - Featured Gallery
***********************/

#home #featured-gallery {
margin: 0 5px 5px;
padding: 10px;
background: url(images/featured-gallery.jpg) repeat-x;
}

#home #featured-gallery .slideInfoZone h2 {
margin: 20px;
font-size: 250% !important;
}
/**********************
      Home - Pix
***********************/
#home #pix {
background: url(images/content_main-top.jpg) no-repeat;
position: relative;
}

#home #pix h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 42px;
color: #565656;
padding-top: 4px;
background: url(images/pix.jpg) no-repeat 5px 5px;
margin-bottom: 4px;
background-color: none;
outline:none;
}

#home #pix .pix-tagline a {
font-size: 100%;
color: #aaa9ab;
text-decoration: none;
position: absolute;
left: 106px;
top: 12px;
outline:none;
}

#home #pix #pix-thumbnails li {
background: url(images/thumbnail.jpg) no-repeat center;
width: 125px;
height: 125px;
float: left;
padding: 15px;
}

/**********************
   Widgets Updates
***********************/
.widgets h2 {
background: url(images/content_sub-top.jpg) no-repeat;
margin-top: 10px;
background-color: none;
font-size: 190%;
font-weight: bold;
padding-left: 12px;
color: #565656;
padding-top: 4px;
margin-bottom: 4px;
}


.widgets li li {
margin: 0 20px 0 40px;
list-style: disc;
}
#recent-blogs {
	background: url(images/content_sub-top.jpg) no-repeat;
	position: relative;
	margin: 0 0 10px;
}
#recent-blogs .blog-entries {
	padding: 0 10px;
}
#recent-blogs h2 {
	display: block;
	font-size: 190%;
	font-weight: bold;
	padding-left: 42px;
	color: #565656;
	padding-top: 4px;
	background: url(images/recentposts.jpg) no-repeat 5px 5px;
	background-color: none;
	margin-bottom: 2px;
}
.blog-entries .blog-entries-wrap {
	display: none;
}
.blog-entries .active {
	display: block;
}
#recent-next {display: block; background: url(images/twit-downarrow.jpg) no-repeat; text-indent: -9999px; height: 14px; width: 14px; position: absolute; top: 14px; left: 246px;}
#recent-prev {display: block; background: url(images/twit-uparrow.jpg) no-repeat; text-indent: -9999px;height: 14px; width: 14px; position: absolute; top: 14px; left: 265px;}
#recent-next:focus, #recent-prev:focus {outline: none;}
/**********************
   Twitter Updates
***********************/
#twitter-updates {
#background: url(images/content_sub-top.jpg) no-repeat;
position: relative;
margin-bottom: 10px;
}

#twitter-updates h2 a {
display: block;
font-size: 190%;
font-weight: bold;
padding-left: 10px;
color: #565656;
padding-top: 4px;
#background: url(images/twitter-updates.jpg) no-repeat 5px 5px;
background-color: none;
margin-bottom: 2px;
outline:none;
}

#twitter-updates p {
padding: 0 10px;
font-size: 85%;
}

.twit { height: 40px;}

#twit-next {display: block; background: url(images/twit-downarrow.jpg) no-repeat; text-indent: -9000px; height: 14px; width: 14px; position: absolute; top: 14px; left: 246px;}
#twit-prev {display: block; background: url(images/twit-uparrow.jpg) no-repeat; text-indent: -9000px;height: 14px; width: 14px; position: absolute; top: 14px; left: 265px;}
#twit-next:focus, #twit-prev:focus {outline: none;}

/**********************
        TwitPics
***********************/
#twitpic {
	background: url(images/content_sub-top.jpg) no-repeat;
	margin: 0 0 10px;
	padding: 0 10px;
}

#twitpic h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 0px;
margin-left: 0px;
color: #565656;
padding-top: 4px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

/**********************
        Pictures
***********************/
#pictures {
	background: url(images/content_sub-top.jpg) no-repeat;
	margin: 0 0 10px;
	padding: 0 10px;
}

#pictures h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 0px;
margin-left: 0px;
color: #565656;
padding-top: 4px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

#pictures li { margin-bottom:4px; }

/**********************
        Audios
***********************/
#audios {
	background: url(images/content_sub-top.jpg) no-repeat;
	margin: 0 0 10px;
	padding: 0 10px;
}

#audios h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 0px;
margin-left: 0px;
color: #565656;
padding-top: 4px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

/**********************
        Videos
***********************/
#videos {
	background: url(images/content_sub-top.jpg) no-repeat;
	margin: 0 0 10px;
	padding: 0 10px;
}

#videos h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 0px;
margin-left: 0px;
color: #565656;
padding-top: 4px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

#videos li { margin-bottom:4px; }

/**********************
        Search
***********************/
#search {
	background: url(images/content_sub-top.jpg) no-repeat;
	margin: 0 0 10px;
	padding: 0 10px;
}

#search h2 {
font-size: 190%;
font-weight: bold;
padding-left: 0px;
margin-left: 0px;
color: #565656;
padding-top: 4px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

#search input[type="text"] {width:220px;}

/**********************
        Video
***********************/
#featured-video {
	background: url(images/content_sub-top.jpg) no-repeat;
}

#featured-video  h2 a {
font-size: 190%;
font-weight: bold;
padding-left: 42px;
color: #565656;
padding-top: 4px;
background: url(images/video.jpg) no-repeat 5px 5px;
background-color: none;
margin-bottom: 4px;
outline:none;
}

#featured-video #video-player {
margin: 10px;
}

#featured-video #video-player object {
width: 280px;
height: 227px;
}

#video-content {
font-size: 90%;
overflow: auto;
width: 280px;
margin: 10px;
height: 70px;
}

#video-content p {
margin: 8px 0;
}

/**********************
  Blog - Post Styles
***********************/
#blog .entry {
background: url(images/content_main-top.jpg) no-repeat;
margin-bottom: 25px;
position: relative;
}

#blog .entry h1 {
font-size: 190%;
font-weight: bold;
padding-left: 12px;
color: #777777;
padding-top: 4px;
margin-bottom: 4px;
}
#blog .entry h1 a {border: none;outline:none;}

#blog .date,
#blog .category,
#blog .comment-summary,
#blog .tags {
color: #aaa9ab;
margin: 0 0 4px 28px;
padding-left: 30px;
}

#blog .date {
background: url(images/calendar.jpg) no-repeat;
}

#blog .category {
position: absolute;
top: 38px;
right: 30px;
background: url(images/folder.jpg) no-repeat;
}


#blog .comment-summary {
background: url(images/comments.jpg) no-repeat;
}

#blog .tags {
background: url(images/comments.jpg) no-repeat;
}

#blog .entry a {
color: #92a479;
outline:none;
}
#blog .entry h1 a {color: #565656;outline:none;}

#blog .entry .the_content {
margin: 0 12px 5px;
line-height: 1.33;
border-bottom: 3px double #aaa9ab;
}

#blog .entry .the_content p {
margin: 13px 0;
}

#blog .entry p a {font-weight: bold; border-bottom: 1px dotted;outline:none;}
#blog .entry p a:hover {border: none;}

.the_content h1 {
/*18px via YUI Fonts CSS foundation*/
font-size:138.5%;
}
.the_content h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%;
}
.the_content h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;
}


.the_content h1,
.the_content h2,
.the_content h3 {
margin:1em 0;
}
.the_content h1,
.the_content h2,
.the_content h3,
.the_content h4,
.the_content h5,
.the_content h6,
.the_content strong {
font-weight:bold;
}
.the_content abbr,
.the_content acronym {
border-bottom:1px dotted #000;
cursor:help;
}
.the_content em {
font-style:italic;
}
.the_content blockquote,
.the_content ul,
.the_content ol,
.the_content dl {
margin:1em;
}
.the_content ol,
.the_content  ul,
.the_content  dl {
margin-left:2em;
}
.the_content ol li {
list-style: decimal outside;
}
.the_content ul li {
list-style: disc outside;
}
.the_content dl dd {
margin-left:1em;
}
.the_content th,
.the_content td {
border:1px solid #000;
padding:.5em;
}
.the_content th {
font-weight:bold;
text-align:center;
}
.the_content caption {
margin-bottom:.5em;
text-align:center;
}

.the_content p,
.the_content fieldset,
.the_content table,
.the_content pre {
margin-bottom:1em;
}


/**********************
    Blog - Comments
***********************/

#blog .comments h3 {
background: url(images/content_main-top.jpg) no-repeat;
font-size: 190%;
font-weight: bold;
padding-left: 12px;
color: #aaa9ab;
padding-top: 4px;
margin-bottom: 4px;
}

#blog ol.commentlist {
margin-bottom: 20px;
}

#blog ol.commentlist li {
margin: 10px 15px;
}

#blog #commentform {
padding-left: 12px;
}

#blog #commentform p textarea{
width: 580px;
}

.commentlist li .avatar {
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
margin: 0px 0px 0px 10px;
padding: 2px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
}

.commentlist p {
font-weight: normal;
text-transform: none;
}

.commentmetadata {
font-weight: normal;
}

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

#commentform {
margin: 5px 10px 0px 0px;
}

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


#commentform p {
margin: 5px 0px 5px 0px;
}

#commentform #submit {
margin: 0px;
float: left;
}

.alt {
margin: 0px;
padding: 10px;
}

.commentlist {
margin: 0px;
padding: 0px;
}

.commentlist ol {
margin: 0px;
padding: 10px;
}

.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;
}

.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0px;
padding: 0px;
}

.children {
margin: 0px;
padding: 0px;
}

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

.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}


/**********************
     Footer Styles
***********************/

#site-info {
background: url(images/site-info.jpg) no-repeat  top center;
margin: 0 auto;
padding: 0;
position: relative;
text-align:center;
}

.advertising {
margin: 0 auto;
padding: 10px 0;
}

.advertising li {
padding: 0 4px;
display:inline;
}

.copyright {
padding:10px 0;
color: #81827f;
background-color: rgb(20, 20, 20);
}



/**********************
        Common
***********************/
a {
font-size: 100%;
color: #92A479;
text-decoration: none;
}

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

.clear {clear: both;}
.aligncenter {margin: 0 auto;}

.wp-caption {
padding: 10px 5px 1px;
background: #eee;
text-align: center;
}

.post-meta {
margin-left: 15px;
}

.alignleft {
float: left;
padding-right: 10px;
margin: 10px;
}

.alignright {
float: right;
padding-right: 10px;
}

.post-video-player {text-align: center;}

#archives  h2.widgettitle, #widgets-reloaded-categories-5 h2.widgettitle {
font-size: 190%;
font-weight: bold;
padding-left: 42px;
color: #565656;
padding-top: 4px;
background: url(images/archives.jpg) no-repeat 5px 5px;
background-color: none;
margin-bottom: 4px;
}
#recent-posts  h2.widgettitle {
font-size: 190%;
font-weight: bold;
padding-left: 42px;
color: #565656;
padding-top: 4px;
background: url(images/recentposts.jpg) no-repeat 5px 5px;
background-color: none;
margin-bottom: 4px;
}
#archives, #widgets-reloaded-categories-5, #recent-posts {
background: url(images/content_sub-top.jpg) no-repeat;
position: relative;
margin-bottom: 20px;
}
#recent-posts {top: -10px;}

#archives ul, #widgets-reloaded-categories-5 ul, #recent-posts ul {padding: 0; margin: 10px 0 0 35px;}
#archives li {list-style: none; background: url(images/paper.jpg) no-repeat; margin: 0; padding: 0 0 0 22px;}
#widgets-reloaded-categories-5 li {list-style: none; background: url(images/folder.jpg) no-repeat; margin: 0; padding: 0 0 0 22px;}
#recent-posts li {list-style: none; background: url(images/paper.jpg) no-repeat; margin: 0; padding: 0 0 0 22px; width: 225px;}

li#search {padding: 0 0 0 30px;}

#main-container {width: 974px; margin: 15px auto 15px auto; background: #565a4c url(images/body.jpg) top center no-repeat;}
.fix1 {
	display: block;
	height: 100%;
	overflow: hidden;
}
.cfix1 {
	display: block;
	overflow: hidden;
}
.fix2 {
	display: inline;
	height: 100%;
	overflow: hidden;
}
/* PAV */

.w33 {
	width: 33.3%;
}
.pavwrap {
}
.pavitem {
	
}
.pavitem .paviteminside {
	background: url(images/content_sub-top.jpg) no-repeat 11px 0;
	padding: 50px 30px 10px;
}
.pavitem h3 {
	color:#565656;
	font-size:190%;
	font-weight:bold;
	margin:-44px 0 15px;
	position:absolute;
	z-index:500;
}
.pavpicturelist .active {
	display: block;
}
.pavpicturelist, .pavaudiolist, .pavvideolist { margin-top:5px; }
.pavpicitem {
	padding: 0 0 10px;
}
.pavpicitemleft {
	float: left;
	width: 83px;
}
.pavpicitemright {
	float: right;
	width: 190px;
	padding-right:8px;
}
#pavpic-arrows,#pavaud-arrows,#pavvid-arrows {
	position: relative;
	top: -360px;
	left: -15px;
}

#videos #pavvid-arrows {
	display:none;
	position:relative;
	top:-100px;
	left:-15px;
}

#pictures #pavpic-arrows {
	display:none;
	position:relative;
	top:0px;
	left:-15px;
}


#pavpic-arrows a,#pavvid-arrows a,#pavaud-arrows a {
	display: block;
	float: right;
	height: 14px;
	padding: 0 3px;
	text-indent: -9999px;
	width: 14px;
	outline:none;
}
#pavpic-arrows #pavpic-prev,#pavaud-arrows #pavaud-prev,#pavvid-arrows #pavvid-prev {
	background: url(images/twit-uparrow.jpg) no-repeat 0 0;
}
#pavpic-arrows #pavpic-next,#pavaud-arrows #pavaud-next,#pavvid-arrows #pavvid-next {
	background: url(images/twit-downarrow.jpg) no-repeat 0 0;
}


/*
 * Social Networking Icons
 *
 */
 
#social { float:right; margin:20px 10px 0 0; max-width:400px; }
#social li {display:inline; }

/*
 * Lightshow Photo Alignment
 * 
 */
.p7LSM_trigs {
	float:auto;
	text-align:center;
	text-align:middle;
	width:100%;
}

.p7LSM_trigs ul {
	text-align:center;
	margin:0 auto;
}