/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


/* General */
html, body {background: #d5d5d5 url(images/bg.jpg) repeat-x; font-family: arial;font-size:12px;border:0;color: #555555; text-align: center;}
a {color: #53961b;	text-decoration: none;}
a:hover {text-decoration: none; color:#6cc225;}
#wrap {background:url(images/bg-gradient.jpg) no-repeat top center;}
.content{width:943px;margin:0 auto;padding:0; text-align: left; }

/* Page Nav  */
.nav,.nav ul{list-style:none;line-height:1;z-index:100;margin:0;padding:0 10px;}
.nav a{color:#767676;display:block;line-height:33px;z-index:100;padding:0 10px;}
.nav a:hover{color:#53961b;}
.nav li{float:left;}
.nav li ul{ background:#fafafa;position:absolute;width:160px;left:-999em;border-bottom:3px solid #c6c6c6;border-right:3px solid #c6c6c6; padding-top:5px; padding-bottom:5px;}
.nav li ul li{border-width:0 1px 1px;}
.nav li ul li a{line-height:25px;font-size:11px;color:#555;width:160px;padding:0;}
.nav li ul ul{ margin:-20px 0 0 140px;}
.nav li ul ul li a{line-height:25px;}
.nav li ul li ul li a{border-width:0 1px 1px 0;}
.nav li:hover ul ul,.nav li.sfhover ul ul{left:-999em;}
.nav li:hover,.nav li.hover{position:static;}
.nav li:hover ul,.nav li.sfhover ul,.nav li:hover ul,.nav li li:hover ul,.nav li.sfhover ul,.nav li li.sfhover ul{left:auto;}

/* Thumbnails */
.bg-photo-thumb{background:#c6c6c6; float:left; margin:0 17px 20px 3px;}
.bg-photo-thumb.one-col {width:940px;}
.bg-photo-thumb.two-col {width:460px;}
.bg-photo-thumb.three-col {width:300px;}
.bg-photo-thumb.four-col {width:220px;}
.bg-photo-thumb.five-col {width:172px;}
.bg-photo-thumb.last{margin:0 0 20px 3px;}
.photo-thumb{background:#fafafa;position:relative;top:-3px;left:-3px;}
.photo-thumb a.thumb, a img.thumbnail{display:block; opacity:1;}
.photo-thumb a.thumb:hover, a:hover img.thumbnail{opacity:0.9; }
.photo-thumb img{border-bottom:3px solid #222;}
.photo-thumb h2{float:left; padding-left:10px;}
.photo-thumb h2 a{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#555;text-transform:uppercase; font-weight:normal;}
.photo-thumb h2 a:hover{color:#53961b;}
.photo-thumb p.post-details {font-size:11px; float:right; padding-right:10px; color:#999;line-height:14px;text-transform:uppercase;}

#photo-meta h2 { font-size:20px; line-height:30px;}
#photo-meta a { color:#999; }
#photo-meta a:hover {text-decoration: none; color:#53961b;}
#photo-meta p { padding:0 0 5px; font-size:11px; text-transform:uppercase; line-height:22px; }
#photo-meta .date { background:url(images/ico-calendar.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .author { background:url(images/ico-author.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .category { background:url(images/ico-category.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .comment { background:url(images/ico-comment.png) no-repeat left; padding:1px 0 0 25px; }
#photo-meta .tags, .tags { background:url(images/ico-tags.png) no-repeat left 10px; padding:10px 0 10px 25px;border-top:1px solid #ededed; margin-top:10px; line-height:16px}
#photo-meta .meta  { background:url(images/ico-camera.png) no-repeat left 10px; padding:10px 0 10px 25px;border-top:1px solid #ededed; margin-top:10px; text-transform:none; line-height:16px}

#sidebar a:hover{color:#53961b;}

/* Footer  */
#footer-out{width:100%;background:#e7e7e7 url(images/bg-footer-out.png) repeat-x;margin-top:25px;padding:25px 0 14px;}
#footer{font-size:11px;color:#7a7a7a;;background:url(images/bg-footer.png) repeat-x;margin:10px auto 20px;padding-top:10px;}
#footer .col-right img{vertical-align:middle;}
#footer .credits { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#footer ul.footer-nav  { margin-left: 10px; }
#footer ul.footer-nav li { display:inline; line-height:20px; padding:0 5px;}
#footer ul.footer-nav a { color:#7a7a7a; text-transform:uppercase;}
#footer ul.footer-nav a:hover { color:#53961b; }