/*
Theme Name: PG Default
Theme URI: http://www.promotinggroup.com/
Description: Your default theme developed by Promoting Group.
Version: 1.0
Author: Promoting Group
Author URI: http://www.promotinggroup.com/
*/

/* Global Elements */
* { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: Tahoma, Arial, 'Lucida Grande', Verdana, Sans-Serif; background: #e7e8e9 url(images/bg.png) repeat-x top; color: #333; padding: 100px 0 0; }
html { background: #58595b; }
h1, h2 { font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif; color: #b19e4f; font-weight: normal; }
h1 { font-size: 3em; padding: 0 0 .2em; }
h2 { font-size: 2em; }
p { padding: 0 0 1em; }
a { color: #b19e4f; text-decoration: none; }
a:hover { color: #867634; }
img { border: 0; }
ol { padding: 0 0 1em 1.8em; }
ul { padding: 0 0 1em 1.8em; list-style: square; }
li { padding: 0 0 .1em; }
hr { clear: both; height: 5px; background: #b19e4f; color: #b19e4f; border: 0; margin: 0 0 1em; }
hr.clear { height: 0; background: transparent; color: #f9f9f9; margin: 0; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align: center; margin: 0 auto; }
img.alignleft { padding: 0 6px 6px 0; }
img.alignright { padding: 0 0 6px 6px; }
img.aligncenter { padding: 0 0 6px; display: block; }
.clear { clear: both; }


/* Structure */
#page { text-align: left; width: 988px; margin: 0 auto; position: relative; background: #f9f9f9 url(images/content-bg.png) repeat-y center; }
#page .inner { background: url(images/content-bg-top.png) no-repeat top; padding: 0 24px; }

#header { position: absolute; top: -60px; left: 30px; }

#menu { width: 949px; height: 45px; background: url(images/menu-bg.png) no-repeat top; position: absolute; top: -100px; left: 20px; }
#menu a { display: block; width: 116px; height: 40px; line-height: 40px; text-align: center; float: left; margin: 0 0 0 1px; color: #fff; text-transform: uppercase; font-size: 1.4em; text-decoration: none; }
#menu a:hover { background: url(images/menu-hover.png) repeat-x; color: #ecd375; }
#menu a:first-child { width: 117px; margin: 0 0 0 5px; }
#menu a:first-child:hover { background: url(images/menu-hover-first.png) no-repeat; }
#menu a:nth-child(4), #menu a:nth-child(7), #menu a:last-child { width: 117px; }
#menu a:last-child:hover { background: url(images/menu-hover-last.png) no-repeat; }

#searchform { background: url(images/search-bg.png) no-repeat; width: 250px; height: 25px; position: absolute; top: -4em; right: 3em; }
#searchform #s { border: 0; width: 165px; position: absolute; top: 4px; left: 12px; color: #808080; }
#searchform #s:focus { color: #333; }
#searchform #searchsubmit { border: 0; background: transparent; text-transform: uppercase; width: 64px; position: absolute; top: 4px; right: 7px; font-size: 1.1em; font-weight: bold; }

#nav { height: 20px; line-height: 20px; font-size: 1.2em; text-align: right; color: #4d4d4d; background: #ccc; text-transform: lowercase; padding: 0 1em; }
#nav a { color: #4d4d4d; text-decoration: none; }
#nav a:hover { text-decoration: underline; }

#content .entry { font-size: 1.2em; }
#content #post-archives { clear: both; }
#content #post-archives .thumbnail { display: block; padding: 7px 11px 11px 7px; width: 100px; height: 80px; background: url(images/thumbnail-bg.png) no-repeat; }
#content #post-archives .thumbnail a { display: block; width: 100px; height: 80px; }
#content #post-archives .entry { width: 472px; float: right; }
#content #post-archives .entry h3 { font-size: 1.4em; }
#content #post-archives .entry small { font-size: .9em; font-weight: bold; color: #b19e4f; }
#content #post-archives .entry .more { border-top: 1px solid #dadada; }
#content #post-archives .entry .more a { display: block; border: 1px solid #dadada; border-top: 0; padding: .5em 1em; font-weight: bold; float: right; margin: 0 1em; }
#content #post-archives .entry .more a:hover { background: #dadada; }
.narrowcolumn { width: 600px; padding: 10px 0 0 10px; float: left; }
.widecolumn { width: 920px; padding: 10px; }

#featured-article { width: 600px; height: 280px; background: url(images/featured-article-bg.png) no-repeat; margin: 0 0 1em; position: relative; }
.featured-article { width: 580px; height: 260px; padding: 10px; }
#featured-article .entry { float: right; width: 220px; font-size: 1.2em; }
#featured-article h2 { font-size: 1.7em; padding: 0 0 1.2em; }
#featured-article h2 a { color: #000; }
#featured-article .more { color: #fff; line-height: 20px; text-align: center; height: 26px; width: 110px; position: absolute; right: -11px; bottom: 20px; background: url(images/featured-more-bg.gif) no-repeat top; }
#featured-article .more:hover { background-position: bottom; }

.cat-group { width: 292px; padding: 0 0 .8em; }
.cat-group .cat-title { font-size: 1.2em; }
.cat-group .cat-title a { display: block; background: #808080; color: #fff; height: 1.8em; line-height: 1.8em; padding: 0 .8em; margin: .6em .3em; float: left; }
.cat-group .cat-title a:hover { background: #999; }
.cat-group .post { clear: both; }
.cat-group .post .thumbnail { display: block; padding: 7px 11px 11px 7px; width: 100px; height: 80px; background: url(images/thumbnail-bg.png) no-repeat; }
.cat-group .post .thumbnail a { display: block; width: 100px; height: 80px; }
.cat-group .post .entry { width: 172px; float: right; font-size: 1em; }
.cat-group .post .entry h3 { font-size: 1.4em; }
.cat-group .post .entry small { font-size: .9em; font-weight: bold; color: #b19e4f; }
.cat-group .post .entry .more { border-top: 1px solid #dadada; }
.cat-group .post .entry .more a { display: block; border: 1px solid #dadada; border-top: 0; padding: .5em 1em; font-weight: bold; float: right; margin: 0 1em; }
.cat-group .post .entry .more a:hover { background: #dadada; }

.commentlist { list-style: none; margin: 0; padding: 0 0 1em; }
.commentlist li { padding: 1em 0 0; border-bottom: 1px solid #b19e4f; }
.commentlist .avatar { float: right; }
#commentform textarea { width: 98%; padding: 2px 1%; height: 100px; }

#sidebar { width: 300px; padding: 10px 10px 0 0; float: right; }
#sidebar h2 { color: #333; padding: 10px 0 8px; }
#sidebar .gray-block { background: #e6e6e6; padding: 12px; }
#sidebar .gray-block h3 { font-size: 1.2em; height: 31px; line-height: 25px; width: 160px; padding: 0 0 0 20px; background: url(images/sidebar-title.png) no-repeat top left; color: #000; position: relative; left: -27px; }
#sidebar .widget { padding: 0 0 1.5em; }
#sidebar .feedburner { background: url(images/sidebar-newsletter-bg.png) no-repeat; width: 270px; height: 25px; position: relative; }
#sidebar .feedburner .input { border: 0; width: 185px; position: absolute; top: 4px; left: 12px; color: #808080; }
#sidebar .feedburner .input:focus { color: #333; }
#sidebar .feedburner .submit { border: 0; background: transparent; text-transform: uppercase; width: 64px; position: absolute; top: 4px; right: 7px; font-size: 1.1em; font-weight: bold; }
#sidebar ul { font-size: 1.1em; }
#sidebar li { font-weight: bold; }
#sidebar li a { color: #4d4d4d; }
#sidebar li a:hover { color: #867634; }

#footer { background: #58595b url(images/footer-bg.png) repeat-x top; padding: 1em 0; }
#footer .inner { background: #646464 url(images/footer-content-bg.png) no-repeat top; width: 640px; height: 200px; padding: 10px 0 0 280px; margin: 0 auto; font-size: 1.2em; }
#footer h2 { color: #ecd375; }
#footer ul, #footer li { list-style: none; padding: 0 0 .3em; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .section { width: 210px; float: left; }