/*
Theme Name: Greenpakcs
Theme URI: http://greenpacks.org/
Description: The 2011 theme for Greenpacks
Author: Alex Panait
Version: 1
License: GNU General Public License
License URI: license.txt
*/


/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
}

/* Structure */

body { background: url(images/bg.png) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #323232; }
#wrapper { width: 1000px; margin: 0 auto; }

/* Header */

#header { height: 192px; overflow: hidden; margin: 0 0 20px 0; }

#top { height: 21px; padding: 11px 0 0 0; font-size: 10px; color: #a1a1a1; overflow: hidden; text-transform: uppercase; }
#top a { color: #777777; text-decoration: none; }
#top a:hover { text-decoration: underline; }
#top ul { list-style-type: none; }
#top .left { float: left; }
#top .left li { display: inline; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #a1a1a1; }
#top .right { float: right; }
#top .right li { display: inline; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #a1a1a1; }
#top li.last { border-right: 0 none; margin: 0; padding: 0;  }

#headerInner { height: 96px; overflow: hidden; padding: 14px 0 0 0; }
#headerInner .logo { width: 209px; height: 74px; float: left; }
#headerInner .banner { width: 728px; height: 90px; float: right; }

#menu { height: 50px; clear: both; }
#menu a { color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px; display: block; padding: 24px 0 0 0; }
#menu a:hover { background: url(images/menu_a.png) top center no-repeat; }
#menu ul { list-style-type: none; overflow: hidden; }
#menu ul li { height: 50px; float: left; display: inline; padding: 0 10px 0 10px; background: url(images/menu_li.png) bottom right no-repeat; }
#menu ul li.current-cat a { background: url(images/menu_a.png) top center no-repeat; }

#menu ul li.search { float: right; height: 33px; width: 169px; background: url(images/searchBg.png) no-repeat; margin: 12px 0 0 0; padding: 6px 10px 0 80px; }
#menu ul li.search form { border: 1px solid #fff; padding: 2px 2px 2px 5px; overflow: hidden; }
#menu .s { float: left; background: 0 none; border: 0 none; color: #fff; width: 130px; }
#menu .btn { display: block; width: 25px; height: 20px; background: url(images/searchBtn.png) top left no-repeat; cursor: pointer; border: 0 none; float: left; }

/* Content */

#main { overflow: hidden; }
#content { width: 680px; margin: 0 20px 0 0; float: left; }
#content h2 { color: #000; font-size: 19px; line-height: 25px; margin: 0 0 5px 0; }
#content h2 a { color: #000; text-decoration: none; } 
#content h2 a:hover { color: #6d9306; }
#content h2.pagetitle { color: #6a6a6a; font-size: 14px; margin: 0 0 15px 0; text-transform: uppercase; }
#content .meta { color: #818180; font-size: 10px; text-transform: uppercase; margin: 0 0 5px 0; }
#content .meta a { color: #818180; text-decoration: none; }
#content .meta a:hover { text-decoration: underline; }
#content .more a { display: block; width: 93px; height: 18px; background: url(images/more.png) top left no-repeat; text-indent: -9999px; float: right; margin: 5px 0 0 0; }
#content .more a:hover { background: url(images/more.png) bottom left no-repeat; }
#content .cat a { position: absolute; left: 0; top: 20px; display: block; padding: 8px 12px; text-transform: uppercase; font-size: 11px; font-weight: bold; background: #84b814; color: #fff; text-decoration: none; }
#content .cat a:hover { background: #9ea590; }

.mainPost { overflow: hidden; padding: 0 0 20px 0; margin: 0 0 20px 0; background: url(images/postLine.png) bottom center no-repeat; }
.mainPost .thumb { float: left; width: 250px; height: 165px; margin: 0 20px 0 0; position: relative; overflow: hidden;}
.mainPost p { margin: 0 0 0 270px; line-height: 17px; }

#postContent { margin: 0 20px 25px 0; float: left; width: 500px; }

.post .meta { background: url(images/postLine.png) bottom center no-repeat; padding: 0 0 15px 0; }
.post { margin: 0 0 25px 0;}
.post p { line-height: 17px; margin: 0 0 15px 0; font-family: Georgia; font-size: 15px; line-height: 20px;}
.post a:hover { text-decoration: underline; }
.post ul { line-height: 17px; margin: 0 0 15px 0; font-family: Georgia; font-size: 15px; }
.post ul li { line-height: 17px; margin: 0 0 15px 25px; font-family: Georgia; font-size: 15px; }
.post h3 { color: #000; font-size: 17px; line-height: 50px; }


#related { width: 500px; margin: 0 0 25px 0; }
#related h3 { background: #dbdada; height: 22px; color: #fff; font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; }
#related h3 span { background: url(images/greyh3.png) right no-repeat; line-height: 22px; padding: 5px 20px 5px 10px; }
#related ul { list-style-type: none; overflow: hidden; }
#related ul li { float: left; width: 117px; margin: 0 10px 0 0; }
#related ul li.last { margin: 0!important; }
#related ul li img { border: 1px solid #d3d3d3; padding: 1px;height: 80px; }
#related ul li a { color: #4d6e06; text-decoration: none; font-size: 12px; }
#related ul li a:hover { color: #323232; }

#sidesmall { float: left; width: 160px; }
#sidesmall .box { margin: 0 0 20px 0; }
#sidesmall h3 { background: #dbdada; height: 22px; color: #fff; font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; }
#sidesmall h3 a { color: #fff; font-size: 11px; }
#sidesmall h3 a:hover { color: #fff; }
#sidesmall h3 span { background: url(images/greyh3.png) right no-repeat; line-height: 22px; padding: 5px 20px 5px 10px; }
#sidesmall ul { list-style-type: none; }
#sidesmall ul li { padding: 0 0 0 12px; margin: 0 0 5px 0; background: url(images/footerLi.png) left no-repeat; }

#sidesmall a { color: #4d6e06; text-decoration: none; font-size: 12px; }
#sidesmall a:hover { color: #323232; }

#moreposts li { background: 0 none!important; margin: 0 0 10px 0!important; padding: 0!important; }
#moreposts li img { border: 1px solid #d3d3d3; padding: 1px; }
#moreposts li a { color: #323232!important; font-weight: bold; }
#moreposts li a:hover { color: #4d6e06!important; }


#sharethis { background: #eeeeee; padding: 10px; }
#sharethis li { background: none!important; padding: 0 0 5px 0!important; margin: 0 0 5px 0!important; border-bottom: 1px dotted #bdbcbc; }
#sharethis li.last { margin: 0!important; padding: 0!important; border-bottom: 0 none!important; }

/* Sidebar */

#sidebar { width: 300px; float: left; }
#sidebar h3 { background: #7eac14; height: 22px; color: #fff; font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; }
#sidebar h3 span { background: url(images/sidebarh3.png) right no-repeat; line-height: 22px; padding: 5px 20px 5px 10px; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { margin: 0 0 20px 0; }
#featured li { margin: 0 0 10px 0!important; padding: 0 0 10px 0; border-bottom: 1px dotted #b7bea8; }
#featured li img { float: left; margin: 0 15px 0 0; width: 80px; border: 0; }
#featured h4 { margin: 0 0 5px 95px; }
#featured h4 a { color: #000; text-decoration: none; }
#featured h4 a:hover { color: #6d9306; }
#sidebar .meta { color: #818180; font-size: 10px; text-transform: uppercase; margin: 0 0 0 95px; }
#sidebar .meta a { color: #818180; text-decoration: none; }
#sidebar .meta a:hover { text-decoration: underline; }
#likebox-frame{ width:300px; z-index:10; height: 255px; overflow: hidden; position:relative; top:-1px; left:-2px; }
#likebox-frame iframe{ left:-5px; overflow:hidden; position:relative; top:-1px; }

#social { width: 280px; height: 91px; padding: 15px 10px 10px 10px; background: url(images/subscribeBg.png) top left no-repeat; }
#social ul { list-style-type: none; overflow:hidden; margin: 0 0 35px 0; }
#social ul li { float: left; margin: 0 10px 0 0!important; padding: 0!important; }
#social ul li a { display: block; width: 85px; height: 27px; text-indent: -9999px; }
#social ul li.rss a { background: url(images/subscribeRss.png) top left no-repeat; }
#social ul li.facebook a { background: url(images/subscribeFB.png) top left no-repeat; }
#social ul li.twitter { margin: 0!important; }
#social ul li.twitter a { background: url(images/subscribeTwitter.png) top left no-repeat; }

#social form { height: 27px; border: 1px solid #97bfda; overflow: hidden; background: url(images/subscribeEmail.png) left no-repeat; padding: 0 0 0 40px; }
#social .email { line-height: 25px; height: 25px; border: 0 none!important; float: left; width: 205px; background: none!important; color: #fff; }
#social .btn { float: left; height: 27px; width: 26px; border: 0 none!important; background: url(images/subscribeBtn.png) top left no-repeat; cursor: pointer; }

/* Pagenavi */
.wp-pagenavi { padding:4px 0 4px 0;margin:0 0 25px 0; font-size: 14px; font-weight: bold; }
.wp-pagenavi a,.wp-pagenavi a:link {padding:4px 10px 4px 10px;text-decoration:none;color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi a:visited {text-decoration:none;color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi a:hover {color:#fff;background-color:#6d9306;}
.wp-pagenavi a:active {text-decoration:none;color:#fff;background-color:#6d9306;}
.wp-pagenavi span.pages {color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi span.current {font-weight:bold;color:#fff;background-color:#cfd0d1; padding:4px 10px 4px 10px; }
.wp-pagenavi span.extend {margin:2px;color:#bbbcbc;background-color:#FFF;}

/* Footer */

#footer { background: #85bb14 url(images/footerBg.png) bottom left repeat-x; }
#footerInner { width: 1000px; margin: 0 auto;  padding: 15px 0 0 0; overflow: hidden; }
#bottom { height: 25px; padding: 15px 0 0 0; font-size: 10px; color: #777777; overflow: hidden; text-transform: uppercase; }
#bottom a { color: #777777; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }
#socialFooter { height: 39px; clear: both; }
#socialFooter ul { list-style-type: none; }
#socialFooter ul li { display: inline; margin: 0 20px 0 0; float: left; }
#socialFooter ul li a { display: block; height: 39px; width: 139px; text-indent: -9999px; }
#socialFooter ul li.rss a { background: url(images/socialFooter.png) 0px 0px no-repeat; }
#socialFooter ul li.facebook a { background: url(images/socialFooter.png) 0px -39px no-repeat; }
#socialFooter ul li.twitter a { background: url(images/socialFooter.png) 0px -78px no-repeat; }
#footerInner .left { min-height: 191px; background: url(images/footerLeft.png) bottom right no-repeat; padding: 0 110px 0 0; width: 370px; float: left; margin: 0 30px 2px 0; }
#footerInner .left a { color: #fff; }
#footerInner .left a:hover {text-decoration: none; }
#footerInner .right { width: 450px; float: left; }
#footerInner h2 { color: #36490e; text-transform: uppercase; font-size: 13px; margin: 0 0 15px 0; }
#footerInner p { color: #fff; line-height: 20px; }

#footerInner .right ul { list-style-type: none; }
#footerInner .right ul li { width: 135px; display: block; float: left; padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(images/footerLi.png) left no-repeat; }
#footerInner .right ul li a { color: #fff; text-decoration: none; }
#footerInner .right ul li a:hover { text-decoration: underline; }

/* Comments */

#comments { margin: 0 0 20px 0; width: 500px; }
#comments h3 { background: #dbdada; height: 22px; color: #fff; font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; }
#comments h3 span { background: url(images/greyh3.png) right no-repeat; line-height: 22px; padding: 5px 20px 5px 10px; }
#comments ul { list-style-type: none; }
#comments ul li { margin: 0 0 20px 0; overflow: hidden; }
#comments ul li ul li { margin: 20px 0 0 50px; overflow: hidden; border-bottom: 0 none!important; }
#comments ul li ul li textarea { width: 278px!important; }
#comments .avatar { float: left; margin: 0 15px 0 0; width: 40px; }
#comments .avatar img { border: 1px solid #d3d3d3; padding: 1px; }
#comments .comment-reply-link { float: right; }
#comments .comment-meta { font-size: 11px; text-transform: uppercase; padding: 0 0 5px 0; margin: 0 0 5px 59px; border-bottom: 1px dotted #9f9e9e; }
#comments a { color: #4d6e06; text-decoration: none; }
#comments a:hover { color: #323232; }
#comments .comment-text { margin: 0 0 0 59px; line-height: 18px; }
#comments .name { text-decoration: underline; font-weight: bold; color: #4d6e06; margin: 0 0 5px 0; }

#respond { margin: 10px 0 20px 0; width: 500px; overflow: hidden; }
#respond h3 { background: #dbdada; height: 22px; color: #fff; font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; }
#respond h3 span { background: url(images/greyh3.png) right no-repeat; line-height: 22px; padding: 5px 20px 5px 10px; }
#respond p { margin: 0 0 15px 0; }
#respond .left { width: 180px; float: left; margin: 0 20px 0 0; }
#respond .text { border: 1px solid #dedddc; padding: 5px; background: #fff; margin: 0 0 15px 0; }
#respond textarea { float: left; border: 1px solid #dedddc; padding: 5px; background: #fff; margin: 0 0 15px 0; width: 288px; height: 103px; }
#respond a { color: #4d6e06; text-decoration: none; }
#respond a:hover { color: #323232; }
#respond .cancel-comment-reply { margin: 0 0 15px 0; }
#respond .submit { clear: both; overflow: hidden; }
#respond .btn { float: right; cursor: pointer; font-size: 10px!important; clear: both; color: #fff;  display: block; background: url(images/submit.png) top left no-repeat;  border: 0!important;  height: 18px; width: 93px; }

.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
.aligncenter { margin: 0 auto 10px auto; text-align: center; display: block; }

.contentgallery {width:1000px;}
p.leftgallery { float:left; display: block; position: relative; left: 20px; top: 50px;}
p.rightgallery { float: right; display: block; position: relative; right: 20px; top: 50px;}

#contentgallery {width: 97.5%; font-size: 14px; border: 1px solid #dadada; margin: 35px 15px 15px 15px;}
#contentgallery > article > header > span {font-size: 40px; font-weight: bold;}
#contentgallery h1 {font-size: 28px;text-align: center;color: #666;font-weight: bold;background: #f5f5f5;width: 100%;margin: 0 0 30px 0;min-height: 50px;line-height: 32px;}
#contentgallery > aside > div {margin: 15%;margin-top: 30px;}
#contentgallery .back {font-size: 20px;font-family: Tahoma;height: 50px;text-align: center;border-top: 1px solid #dadada;background: #f5f5f5;line-height: 40px;}
#contentgallery .backsmall {font-size: 12px;font-family: Tahoma;text-align: center;padding: 5px;color: #333;width: 150px;position: absolute;background: #E756E1;margin: -40px 0 0 -40px;text-transform: uppercase;}
#contentgallery > article > header {background: #f5f5f5;}
#contentgallery > article > section {width: 100%;}
#contentgallery > article {border: 0;}
#contentgallery > h2 {color: #666;margin-left: 15px;}
#contentgallery > article > div.backsmall > a {text-decoration: underline;}

#contentgallery #disqus_thread {width: 97.5%;margin-left: 15px;}

#gallery-1 img {border: 1px solid #666; width: 90%;height: 90px;}
#gallery-1 .gallery-item {float: left;margin-top: 10px;text-align: center;width: 83px;!important;}

.back a {text-decoration: underline;}
.backsmall a {text-transform:none;color:#fff;}
.shorter {width: 626px;margin-left: 200px;}
.ads728 {text-align: center;margin-top: -20px;}