/*  
Theme Name: GlobalGraphics Blog
Theme URI: http://www.globalgraphics.co.uk/blog
Description: GlobalGraphics Blog wordpress theme designed & developed by Freddy Kelly of GlobalGraphics.
Version: 1.0
Author: Freddy Kelly
Author URI: http://www.globalgraphics.co.uk/
*/

.clear { clear: both; }
.item { width: 100%; }

* { margin: 0; padding: 0; border: 0 none; outline: none; }

a, a:active, a:visited, a:hover { color: #292929; text-decoration: none; }

body { background: #fff url(bg.gif) repeat-x top; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #292929; }

#wrap { width: 980px; margin: 0 auto; text-align: left; }
#content_wrap { clear: both; padding-top: 20px; }

/* header ---------------------------------------------------------------------------------------------------- */

#header { width: 100%; height: 215px; background: url(header.gif) no-repeat top; color: #fff; font-size: 14px; }

#header #top-nav ul { float: left; width: 630px; height: 40px; list-style-type: none; margin: 11px 0 0 20px; }
#header #top-nav ul li { display: inline; margin-right: 35px; }
#header #top-nav ul li a { color: #fff; text-decoration: none; }
#header #top-nav ul li a:hover { color: #ccc; }
#header #top-nav img { float: right; margin: 7px 10px 0 0; }

#header #titles { width: 100%; clear: both; float: left; margin-top: 40px; background: url(logo-blog.gif) no-repeat right; }

#header #cats { width: 960px; clear: both; float: left; height: 33px; margin-top: 50px; list-style-type: none; border-top: 5px solid #ffd800; background: url(grad.gif) repeat-x; color: #292929; padding: 13px 0 0 20px; }
#header #cats li { float: none; display: inline; font-weight: bold; margin-right: 30px; }
#header #cats li a { font-weight: normal; color: #292929; text-decoration: none; padding-bottom: 2px; }
#header #cats li a:hover { border-bottom: 2px solid #ffd800; }
#header #cats li#staff-link { float: right; margin-right: 20px; }
#header #cats li#staff-link a { font-weight: bold; }

/* sidebar ---------------------------------------------------------------------------------------------------- */

#sidebar { float: left; width: 348px; padding-top: 22px; list-style-type: none; }
#sidebar li { float: left; clear: both; margin-bottom: 30px; }
#sidebar h2 { width: 348px; }
#sidebar h2, #footer h3 { font-weight: normal; font-size: 24px; border-bottom: 5px solid #ffd800; padding-bottom: 5px; margin-bottom: 15px; }

#quick-search form { padding-top: 5px; }
#quick-search form input { width: 282px; height: 30px; float: left; background: #f7f7f7 url(input.gif) repeat-x top; border-left: 1px solid #e2e2e2; border-right: 1px solid #dbdbdb; font-family: Arial, Helvetica, sans-serif; font-size: 26px; padding: 5px; color: #999; }
#quick-search form input#gobtn { width: 45px; height: 40px; float: right; background: #292929; color: #fff; text-align: center; text-transform: uppercase; font-size: 16px; padding: 0; border: 0 none; }

#archive-list ul { min-width: 150px; width: auto !important; width: 150px; height: 80px; list-style-type: none; font-size: 14px; background: url(archive.gif) no-repeat 20px 13px; padding-top: 10px; }
#archive-list ul li { float: left; margin-bottom: 15px; width: 150px; padding-left: 40px; color: #acacac; }
#archive-list ul li a { color: #acacac; text-decoration: none; }
#archive-list ul li a:hover { color: #292929; }

#twitter-tools h2 { border-bottom: 5px solid #00bcde; }
#twitter-tools ul { list-style-type: none; }
#twitter-tools ul li { width: 318px; padding: 10px 0 10px 30px; background: url(twitter.gif) no-repeat left 50%; line-height: 20px; color: #acacac; margin-bottom: 0; border-bottom: 1px solid #ddd; }
#twitter-tools ul li.aktt_more_updates { padding: 0; border: 0 none; width: auto; background: none; margin-top: 20px; }
#twitter-tools ul li.aktt_more_updates a { background: #292929; color: #fff; text-align: center; padding: 3px 5px; font-weight: normal; text-transform: uppercase; }
#twitter-tools ul li a { color: #6d6d6d; text-decoration: none; font-weight: bold; }
#twitter-tools ul li a:hover { border-bottom: 2px solid #ffd800; }
#twitter-tools ul li a { color: #000; }
#twitter-tools ul li a.aktt_tweet_time { font-size: 10px; font-style: italic; font-weight: normal; }
#twitter-tools .aktt_credit { display: none; }

/* main ---------------------------------------------------------------------------------------------------- */

#main { float: left; width: 602px; margin-left: 30px; display: inline; }
#main .item { float: left; margin-bottom: 20px; }
#main h2 { font-weight: normal; font-size: 30px; border-bottom: 5px solid #e6e6e6; padding-bottom: 5px; margin-bottom: 15px; position: relative; min-height: 50px; height: auto !important; height: 50px; }
#main h2 a { color: #292929; text-decoration: none; padding-right: 40px; display: block; }
#main h2 a:hover { text-decoration: underline; }

#main h2 a.cmts { width: 30px; height: 33px; display: block; position: absolute; top: 0; right: 0; background: url(cmts.gif) no-repeat; color: #fff; text-align: center; font-size: 15px; font-weight: bold; padding-top: 5px; text-decoration: none; padding-right: 0; }
#main h2 a.cmts:hover { background: url(cmts_hover.gif) no-repeat; text-decoration: none; }
#main .item .meta { text-transform: uppercase; color: #acacac; }
#main .item .meta a { font-weight: bold; }
#main .item .meta a:hover { text-decoration: underline; }
#main .item .more { text-transform: uppercase; font-weight: bold; }
#main .item p, #main .item ul, #main .item ol { clear: both; margin: 15px 0 15px 0; line-height: 20px; color: #6d6d6d; }
#main .item ul, #main .item ol { padding-left: 15px; }
#main .item li { margin-bottom: 5px; }

#main .item .comments { border-top: 1px solid #e6e6e6; padding-top: 20px; }
#main .item .comments ol { list-style-type: none; }
#main .item .comments ol li { margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
#main .item .comments ol li img { float: right; }
#main .item .comments ol li .comment-author { margin-bottom: 5px; }
#main .item .comments ol li .comment-author cite { font-weight: bold; font-style: normal; }
#main .item .comments ol li .says { font-size: 10px; color: #6d6d6d; }
#main .item .comments ol li .comment-meta { font-size: 10px; }

#main .item .comments form label small { font-size: 12px; }
#main .item .comments form input, #main .item .comments form textarea { border: 1px solid #e6e6e6; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #292929; }
#main .item .comments form textarea { width: 582px; }
#main .item .comments form input { margin-left: 10px; }
#main .item .comments form input#submit { display: block; background: #292929; color: #fff; text-align: center; text-transform: uppercase; font-size: 12px; border: 0 none; margin-top: 15px; margin-left: 0; }

#pagination { clear: both; border-top: 5px solid #e6e6e6; padding-top: 10px; font-weight: bold; text-align: right; }

/* footer ---------------------------------------------------------------------------------------------------- */

#footer { margin-bottom: 20px; }
#footer h3 { margin: 0; }
#footer .hoverscroll { background: url(grad.gif) repeat-x bottom; margin-bottom: 30px; }
#footer #staff { height: 80px; clear: both; float: left; list-style-type: none; color: #acacac; overflow: hidden; }
#footer #staff li { float: left; width: 210px; height: 80px; font-size: 11px; padding: 15px 30px 0 15px; }
#footer #staff li .name { display: inline; float: left; margin: 7px 0 0 15px; }
#footer #staff li .name h4 { float: none; font-size: 12px; font-weight: bold; color: #292929; margin-bottom: 2px; }
#footer #staff li img { float: left; width: 50px; height: 50px; }
#footer #staff li .name p { float: right; margin: 0; }
#footer #staff a { color: color: #292929; text-decoration: none; }
#footer p { clear: both; margin-bottom: 5px; }
#footer p a:hover { font-weight: bold; }

/* misc ---------------------------------------------------------------------------------------------------- */

.clearfix:after, #sidebar .item:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix, #sidebar .item {
	display: inline-block;
}
 
html[xmlns] .clearfix, html[xmlns] #sidebar .item {
	display: block;
}
 
* html .clearfix, * html #sidebar .item {
	height: 1%;
}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #ccc; text-align:center; background:#ddd; padding:10px; margin:10px }

/* remove margin from syntaxhighlighter links */
#main .item .syntaxhighlighter .toolbar a.item { margin-bottom: 0; }