/*
	version: 1.0
	author: Erik Gyepes
	email: erik.gyepes@youweyoucoding.com
	website: http://youweyoucoding.com

	created by youweyoucoding.com 2009
*/


/* =GENERAL */
strong { font-weight: bold; }
em { font-style: italic; }
h3 { font-family: Georgia, Times, 'Times New Roman', serif; }

body { background: #FFF url(../images/body_bg.jpg) repeat-x 0 0; color: #333; font-family: Arial, sans-serif; font-size: 14px; }
#wrapper { background: url(../images/grd.jpg) repeat-y 0 0; margin: 10px auto 20px auto; padding: 0 10px; width: 940px; }


/* =HYPERLINKS */
a { color: #67980B; outline-style: none; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { color: #8EBD36; text-decoration: underline; }
a:active { position: relative; text-decoration: underline; top: 1px; }


/* =HEADER */
#header { height: 109px; position: relative; }
#header a.logo { display: block; height: 84px; overflow: hidden; position: absolute; right: 5px; text-align: center; top: 25px; width: 235px; }
#header a:active.logo { top: 26px; }


/* =NAVIGATION */
#nav li { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 18px; float: left; line-height: 22px; height: 100%; margin-right: 25px; padding-top: 17px; }
#nav li.current_page_item { background: url(../images/nav_selected.jpg) no-repeat 50% 0; }
#nav a { color: #333; display: block; text-decoration: none; }
#nav .current_page_item a { color: #BFA118; text-decoration: underline; }
#nav .current_page_item a:hover { color: #D5B007; }
#nav a:hover { color: #BFA118; }


/* =MAIN */
#main { margin-top: 30px; }


/* =CONTENT */
#content { float: left; width: 480px; }
.single #content { width: 620px; }
#content.photoblog { width: 100%; }


/* =SIDEBAR */
#sidebar { float: right; margin-top: 10px; width: 380px; }
.single #sidebar { width: 240px; }

#sidebar li { line-height: 22px; margin-bottom: 30px; }
#sidebar li h2 { font-size: 20px; line-height: 40px; margin-bottom: 15px; }
#sidebar li li { margin-bottom: 10px; }


/* =PHOTOS */
.photos li { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; float: left; height: 170px; margin-bottom: 30px; padding-bottom: 5px; position: relative; width: 380px; }
#sidebar .photos li { margin-bottom: 30px; }

.photos li h3 { background-color: #67980B; display: none; font-family: Arial, sans-serif; font-size: 11px; left: 0; line-height: 15px; position: absolute; text-transform: uppercase; text-align: right; bottom: 10px; width: 100%; z-index: 2; }
#content .photos li h3 a, #sidebar .photos li h3 a { color: #FFF; display: block; padding: 8px; text-decoration: none; }
.photos li h3 a:hover { color: #FFF; text-decoration: none; }
.photos li h3 a:active { top: 1px; }
.photos img { clip: rect(0, 409px, 170px, 0); position: absolute; padding: 5px 0; left: 5px; width: 370px; }

.photoblog .photos { padding-left: 29px; }
.photoblog .photos li { height: 170px; margin-right: 20px; width: 280px; }
.photoblog .photos img { width: 270px; }

.widget_tag_cloud a { line-height: 26px; }
a.tagsize-1 { font-size: 12px; padding: 0 4px; }
a.tagsize-2 { font-size: 14px; padding: 0 6px; }
a.tagsize-3 { font-size: 16px; padding: 0 8px; }
a.tagsize-4 { font-size: 18px; padding: 0 10px; }
a.tagsize-5 { font-size: 20px; padding: 0 12px; }


/* =FOOTER */
#footer { color: #ADADAD; font-size: 12px; margin: 26px 0; height: 100%; line-height: 23px; position: relative; text-align: center; }
#footer a.sponsor { bottom: 0; display: block; height: 23px; overflow: hidden; position: absolute; right: 0; text-align: center; width: 171px; }
#footer a.sponsor span { background: url(../images/sponsor.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; width: 100%; }
#footer a:hover.sponsor span { background-position: 0 -23px; }


/* =POSTS */
#content .post { border-bottom: 1px solid #CCC; height: 100%; margin-bottom: 29px; padding-bottom: 25px; position: relative; }
#content .post h1, #content .post h2 { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 24px; line-height: 40px; font-weight: normal; margin-bottom: 15px; }
#content .post h1 a, #content post h2 a { color: #67980B; }
#content .post h1 a:hover, #content .post h2 a:hover { color: #8EBD36; }
#content .post .metadata { bottom: 6px; color: #ADADAD; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 13px; font-style: italic; left: 0; position: absolute; }
#content .post .metadata a { color: #67980B; font-style: normal; }
#content .post .metadata a:hover { color: #8EBD36; }
#content .entry { line-height: 26px; }
#content .entry p { margin-bottom: 26px; text-align: justify; }
#content .post .more-link { background-color: #BFA118; bottom: 1px; color: #FFF; display: block; font-size: 11px; font-weight: normal; height: 26px; line-height: 26px; position: absolute; right: 0; text-align: center; text-transform: uppercase; width: 60px; }
#content .post a:hover.more-link { background-color: #D5B007; color: #FFF; }
#content .post a:active.more-link { color: #FFF; position: absolute; line-height: 28px; top: auto; }
#content .post.even .more-link { background-color: #67980B; color: #FFF; }
#content .post.even a:hover.more-link { background-color: #8EBD36; color: #FFF; }

.single .post h2 { font-size: 30px; line-height: 44px; margin-bottom: 18px; }
.single .entry h2 { clear: both; border-bottom: 1px solid #CCC; font-family: Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 30px; padding-left: 10px; margin-top: 22px; }
.single .entry h3 { clear: both; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 22px; }
.single .entry h4 { clear: both; font-family: Arial, sans-serif; font-style: italic; }
.single .entry a { color: #67980B; font-weight: bold; }
.single .entry a:hover { color: #8EBD36; }


.entry ul { height: 100%; margin: 0 0 26px 0; }
.entry ul li { background: url(../images/list_bullet.jpg) no-repeat 0 8px; margin-bottom: 13px; margin-left: 10px; padding-left: 13px; }
.entry ol { margin: 0 0 26px 20px; }
.entry ol li { list-style: decimal; margin-bottom: 13px; margin-left: 10px; }

.entry img { display: block; margin: 11px auto; padding: 5px; }
.entry .aligncenter, .entry .ngg-center { margin: 0 auto; }
.entry .alignleft, .entry .ngg-left { float: left; margin: 0 11px 0 0; }
.entry .alignright, .entry .ngg-right { float: right; margin: 0 0 0 11px; }
.entry .wp-caption { margin-bottom: 22px; }
.entry .wp-caption img { border: none; }
.entry .wp-caption-text { color: #ADADAD; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; margin-bottom: 0; margin: 0 5px; }

.entry blockquote { font-size: 16px; font-style: italic; padding: 0px 20px; }

.post .advertisement { border: 1px dashed #CCC; margin-bottom: 20px; padding: 6px; }
.post .advertisement:hover { border: 1px solid #8EBD36; }


/* =COMMENTS */
h3#comments { font-size: 16px; margin: 50px 0 22px 0; }
#respond h3 { font-size: 16px; margin: 50px 0 22px 0; }
.commentlist { border-top: 1px solid #CCC; margin-bottom: 22px; }
.commentlist li { border-bottom: 1px solid #CCC; line-height: 26px; min-height: 82px; height: auto !important; height: 82px; padding: 22px 15px 0 95px; position: relative; text-align: justify; }
.commentlist p { margin-bottom: 22px; }
.commentlist .bypostauthor { background-color: #fcf9ed; }
.commentlist cite { display: block; font-style: normal; font-weight: bold; line-height: 1; margin-bottom: 11px; }
.commentlist .comment_meta { font-size: 12px; color: #67980B; display: none; line-height: 1; position: absolute; right: 15px; top: 22px; }
.commentlist .avatar { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px; position: absolute; left: 20px; top: 22px; }

.commentlist ul { height: 100%; margin: 0 0 26px 0; }
.commentlist ul li { background: url(../images/list_bullet.jpg) no-repeat 0 8px; border: none; margin-bottom: 13px; min-height: 0; padding-left: 13px; padding-top: 0; }
.commentlist ol { margin: 0 0 26px 20px; }
.commentlist ol li { border: none; list-style: decimal; margin-bottom: 13px; min-height: 0; padding: 0; }


/* =FORMS */
#sidebar .searchform .s { font-size: 14px; height: 20px; line-height: 20px; margin-right: 5px; width: 285px; }
.single #sidebar .searchform .s { width: 145px; }
#sidebar .searchform .submit { background-color: #BFA118; border: none; color: #FFF; cursor: pointer; font-size: 11px; height: 26px; text-transform: uppercase; width: 80px; }
#sidebar .submit:hover { background-color: #D5B007; }

#commentform { height: 183px; margin-bottom: 72px; position: relative; }
#commentform label { display: block; font-size: 12px; font-weight: bold; line-height: 22px; text-transform: uppercase; }
#commentform small { color: #ADADAD; font-size: 11px; font-weight: normal; line-height: 22px; text-transform: none; }
#commentform input.text { margin: 0 0 16px 0; font-size: 15px; height: 20px; width: 222px; }
#commentform textarea { font-size: 15px; position: absolute; right: 0; top: 0; height: 183px; line-height: 18px; max-height: 183px; max-width: 370px; width: 370px; }
#commentform #submit { background-color: #BFA118; border: none; bottom: -49px; color: #FFF; cursor: pointer; font-size: 11px; height: 26px; position: absolute; right: 0; text-transform: uppercase; width: 150px; }
#commentform #submit:hover { background-color: #D5B007; }


/* =MISC */
.clearer { clear: both; display: block; }

.navigation { clear: both; height: 100%; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }
.photoblog .navigation { padding: 0 31px 0 29px; }

.button { background-color: #BFA118; color: #FFF; display: block; float: right; font-size: 11px; height: 26px; line-height: 26px; text-align: center; text-transform: uppercase; width: 210px; }
a:hover.button { background-color: #D5B007; color: #FFF; }