/* @override wp-content/themes/bigType/style.css */

/*

Theme Name: George Butler Portfolio V3
Theme URI: http://www.georgebutler.com
Description: Web Design Portfolio
Version: 3.0
Author: George Butler
Author URI: http://www.georgebutler.com

*/
/*======== RESET ======== */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}

table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

/*======== +CONTAINER ======== */

body {
	text-align: center;
	background: url(images/bodyBG.png) repeat-x center top;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*======== +TYPOGRAPHY ======== */

/*-------- Headings --------*/

h2, .post h1 {
	color: #000;
	font: 40px/1 "dobra light", Helvetica, Arial, sans-serif;
	letter-spacing: -.04em;
}
h3 {
	color: #000;
	font: 20px/1 "dobra bold", Helvetica, Arial, sans-serif;
}
h4 {
	color: #000;
	font: 18px/1 "dobra light", Helvetica, Arial, sans-serif;
	margin: 1em 0 .25em;
}
.post h3, .comments-template h3, .features_list h3 {
	color: #000;
	font: bold 20px/1 "dobra bold", Helvetica, Arial, sans-serif;
	margin: 1em 0 .25em;
	clear: both;
}

/*-------- Paragraph --------*/

body {
	color: #000;
	font: 75%/1.45 Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
}

strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; color: #333;}
ins { text-decoration: none; font-weight: bold; }

/*-------- Link --------*/

a:link {
	color: #000;
}
a:active {
	color: #ccc;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #db4117;
	text-decoration: none;
}
/*======== +HEADER ======== */

#header {
	width: 960px;
	height: 150px;
}

h1 a#logo {
	width: 260px;
	height: 140px;
	background: url(images/georgebutler_logo.png) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 15px;
}

ul#nav {
	width: 540px;
	height: 24px;
	float: left;
	padding: 70px 0 0 140px;
}
ul#nav li {
	display: inline;
}

ul#nav li a {
	margin-left: 40px;
	height: 20px;
	float: left;
	text-indent: -9999px;
}
ul#nav li a.nav_portfolio {
	width: 120px;
	background: url(images/georgebutler_nav.png) no-repeat 0 0;
}
ul#nav li a.nav_portfolio:hover { background: url(images/georgebutler_nav.png) no-repeat 0 -24px;}
ul#nav li a.nav_portfolio_active { width: 120px; background: url(images/georgebutler_nav.png) no-repeat 0 -48px; }

ul#nav li a.nav_services {
	width: 100px;
	background: url(images/georgebutler_nav.png) no-repeat -142px 0;
}
ul#nav li a.nav_services:hover { background: url(images/georgebutler_nav.png) no-repeat -142px -24px; }
ul#nav li a.nav_services_active { width: 100px; background: url(images/georgebutler_nav.png) no-repeat -142px -48px; }

ul#nav li a.nav_blog {
	width: 58px;
	background: url(images/georgebutler_nav.png) no-repeat -269px 0;
}
ul#nav li a.nav_blog:hover { background: url(images/georgebutler_nav.png) no-repeat -269px -24px; }
ul#nav li a.nav_blog_active {width: 58px; background: url(images/georgebutler_nav.png) no-repeat -269px -48px; }

ul#nav li a.nav_contact {
	width: 95px;
	background: url(images/georgebutler_nav.png) no-repeat -355px 0;
}
ul#nav li a.nav_contact:hover {	background: url(images/georgebutler_nav.png) no-repeat -355px -24px; }
ul#nav li a.nav_contact_active { width: 95px; background: url(images/georgebutler_nav.png) no-repeat -355px -48px; }

/*======== +INDEX PAGE ======== */
/*-------- Intro --------*/

#intro {
	width: 960px;
	height: 485px;
	background: url(images/whydesign.png) no-repeat 0 0;
}
#intro div {
	position: absolute;
	width: 380px;
	height: 300px;
	margin: 100px 0 0 564px;
}
#intro h2 {
	margin-bottom: .3em;
	height: 80px;
	text-indent: -9999px;
	background: url(images/contentisking.png) no-repeat 0 0;
}

#intro img {
	padding-bottom: 6px;
}

/*-------- Features --------*/

#features {
	width: 896px;
	overflow: auto;
	padding: 32px 32px 0 32px;
	background: url(images/features_bg.jpg) repeat-x 0 0;
	border-top: 1px solid #eee;
}
#features_heading {
	width: 275px;
	float: left;
}

#features_heading h2 a{
	display: block;
	width: 287px;
	height: 300px;
	background: url(images/features_heading.png) no-repeat 0 0;
	text-indent: -9999px;
	border: none;
}
.features_list {
	width: 287px;
	float: left;
	margin-left: 16px;
}
.features_list li {
	padding-left: 65px;
}
.features_list h3 {
	margin: 0;
	color: #db4117;
}
.features_list p {
	line-height: 1.3;
	margin: 0 0 15px 0;
}

.features_content { background: url(images/edit_icon.png) no-repeat 0 -2px; }
.features_seo { background: url(images/SEO_icon.png) no-repeat 0 0; }
.features_usability { background: url(images/usability_icon.png) no-repeat 0 -3px; }
.features_support { background: url(images/support_icon.png) no-repeat 0 -3px; }
.features_webhost { background: url(images/webhost_icon.png) no-repeat 0 -3px; }
.features_secure { background: url(images/secure_icon.png) no-repeat 0 -3px; }

/*======== +SERVICES ======== */

#services_content {
	width: 960px;
}
#services_content2 {
	width: 960px;
	overflow: auto;
}
#services_content3 {
	width: 894px;
	padding: 32px;
	overflow: auto;
}
#services_edit {
	width: 895px;
	height: 236px;
	background: url(images/services_edit.png) no-repeat 0 0;
	padding: 22px 0 0 32px;
	margin: 20px 0 20px 0;
}
#services_edit_text {
	color: #fff;
	width: 270px;
	line-height: 1.4;
}
#services_content p {
	margin: 1em 0;
}
#services_seo, #services_webhosting, #services_browsers {
	width: 287px;
	padding: 270px 16px 0 0;
	float: left;
}
#services_seo {
	padding-left: 32px;
	background: url(images/services_seo.png) no-repeat 0 0;
}
#services_webhosting {
	background: url(images/services_webhost.png) no-repeat -15px 0;
}
#services_browsers {
	background: url(images/services_browsers.png) no-repeat -10px 0;
}
#services_other {
	width: 287px;
	float: left;
	padding: 32px 0 32px 640px;
	background: url(images/logos.png) no-repeat 300px 10px;
}
#services_contact {
	width: 286px;
	padding-left: 16px;
	float: left;
}
#services_other li {
	padding-left: 25px;
	margin-bottom: 3px;
	background: url(images/checkmark.png) no-repeat 0 0;
}
#services_other ul {
	margin-bottom: 32px;
}
.service_intro {
	margin: 0 0 32px 32px;
}
/*-------- Headings --------*/

#services_content h2 {
	width: 960px;
	height: 90px;
	background: url(images/services_heading.png) no-repeat 15px 0;
	text-indent: -99999px;
	margin: 10px 0;
}
#services_content h3 {
	font: bold 20px/1 "dobra bold", Helvetica, Arial, sans-serif;
	color:#000;
	width: 250px;
	padding: 6px 0 0 32px;
	margin-bottom: 10px;
}
#services_edit_text h3 {
	color: #fff;
}

#services_seo h3 {
	background: url(images/services_one.png) no-repeat -3px 0;
}
#services_webhosting h3 {
	background: url(images/services_two.png) no-repeat -3px 0;
}
#services_browsers h3 {
	background: url(images/services_three.png) no-repeat -3px 0;
}
#services_edit h3 {
	background: url(images/services_four.png) no-repeat -3px 0;
}
#services_other h3, #services_contact h3 {
	width: 280px;
	padding: 0;
}

/*======== +BLOG ======== */
/*-------- Content --------*/

#blog_content {
	position: relative;
	width: 542px;
	float: left;
	padding: 20px 37px 32px 32px;
	margin-right: 30px;
}
 .post {
	margin-bottom: 3em;
}
.post p {
	margin-bottom: 1em;
}
.entry {
	overflow: auto;
}
#blog_content h1 {
	margin: .5em 0 .3em;
	width: 540px;
}
#blog_content h1 a {
	text-decoration: none;
}
#blog_content h2 {
	margin: .5em 0 .3em;
	width: 540px;
}
#blog_content h2 a {
	text-decoration: none;
}

.date, .category, .comments_number {
	display:inline;
	text-transform: uppercase;
	font-size: 8px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	border: 3px solid #000;
	border-right:none;
}
.date {
	color: #000;
	background: #fff;
	letter-spacing: 1px;
}
.category {
	background: #db4117;
}
.postinfo div.category a {
	text-decoration: none;
	color: #fff;
	letter-spacing: 1px;
}
.postinfo div.comments_number {
	color: #fff;
	background: #000 url(images/comment_balloon.png) no-repeat 0 50%;
	letter-spacing: 1px;
	padding-left: 22px;
	border-right: 3px solid #000;
	border-left: none;
}
.postinfo div.comments_number a {
	color: #fff;
	text-decoration: none;
}
#search_info {
	margin-bottom: 2em;
}
/*-------- Comments --------*/

.comments-template {
	border-top: 1px solid #eee;
}
.commentlist {
	margin-top: 20px;
}
.commentlist li {
	margin: 0 0 32px 70px;
	min-height: 50px;
}
.commentlist li p {
	margin: 1em 0;
}
.comment-author {
	position: relative;
}
.comment_meta {
	width: 100%;
	height: 28px;
}
.comment_date, .comment_author {
	height: 13px;
	padding: 5px;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
	background: #db4117;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 3px solid #000;
}
.comment_author {
	float: left;
}
.comment_meta div.comment_author a {
	color: #fff;
	text-decoration: none;
}
.comment_date {
	float: left;
	font-weight: normal;
	color: #000;
	background: #fff;
	border-right: 3px solid #000;
}
.comment_date a {
	text-decoration: none;
}
.children {
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-top: 18px;
}
#cancel-comment-reply-link {
	margin: 15px 0;
	display: block;
}
.comment-reply-link {
	padding-left: 15px;
	background: url(images/comment_reply.png) no-repeat 0 1px;
}
.photo {
	position: absolute;
	top: 0;
	left: -72px;
	width: 60px;
	height: 60px;
	float: left;
	border: 1px solid #ccc;
}
.pinglist li {
	font-size: 80%;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
.pinglist a {
	text-decoration: none;
}
#respond {
	margin-top: 20px;
}
/*-------- PageNavi PLugin --------*/
.wp-pagenavi {
	padding: 30px 0 20px;
	border-top: 1px solid #eee;
}
.wp-pagenavi a {
	text-decoration: none;
}
.wp-pagenavi a:hover{
	background: #fbfbfb;
	color: #000;
 
}
.wp-pagenavi .pages {
	margin-right: 10px;
	height: 30px;
}
.wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi a {
	padding: 5px 8px;
	margin: 0 3px;
	border: 2px solid #eee;
	background: #fff;
}
.wp-pagenavi .current {
	color: #fff;
	font-weight: bold;
	background: #db4117;
	border: 3px solid #000;
}

/*-------- Post Formatting --------*/

blockquote {
	color: #555;
	padding-left: 35px;
	background: url(images/blockquote.png) no-repeat 0 0;
}
.post ul,.post ol {
	margin-bottom: 1em;
}
.post ul li, .post ol li{
	padding: .20em 0;
	font-size: 110%;
	color: #333;
}
.post ul li {
	background: url(images/bullet.png) no-repeat 0 60%;
	padding-left: 1em;
	list-style-type: none;
}
.post ol {
	margin-left: 2em;
	list-style: outside decimal;
}

#blog_content cite a {
	color: #888;
}

#blog_content cite {
	margin-left: 32px;
	color: #888;
}
.alignleft {
	display: block;
	float: left;
	margin-right: 16px;
}
.alignright{
	display: block;
	float: right;
	margin-left: 16px;
}
a.more-link {
	color: #db4117;
	font-weight: bold;
}
.post pre {
	background: #f6f6f6;
	width: 496px;
	padding: 15px 15px 15px 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.post code {
	font: 120%/1.3 Consolas, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Andale Mono", Monaco, "Lucida Console", "Lucida Sans Typewriter", monospace;
}
/*-------- Sidebar --------*/

#blog_sidebar {
	width: 270px;
	float: left;
	padding: 0 0 32px 0;
}

#blog_heading a{
	width: 265px;
	height: 120px;
	display: block;
	background: url(images/writing_heading.png) no-repeat 0 0;
	text-indent: -9999px;
}
#blog_sidebar h3 {
	margin: 16px 0 3px 0;
	text-indent: 21px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
#subscribe_articles h3 a {
	text-decoration: none;
}
#blog_sidebar a {
	width: 270px;
	text-decoration: none;
	display: block;
	border: none;
	border-bottom: 1px solid #ddd;
	font-size: 11px;
	padding: .5em 0;
}

#blog_sidebar h2 a {
	border: none;
}

#blog_sidebar li a:hover {
	color: #db4117;
}
.AceRecentPostsWidget_display {
	background: url(images/writing_recent_icon.png) no-repeat 0 0;
}

.widget_wppp {
	background: url(images/writing_popular_icon.png) no-repeat 0 0;
}
.AceCategoriesWidget_display {
	background: url(images/writing_category_icon.png) no-repeat 0 0;
}

.widget_archive {
	background: url(images/writing_archive_icon.png) no-repeat 0 0;
}
.widget_search h3 {
	background: url(images/writing_search_icon.png) no-repeat 0 0;
}
#text-4 {
	background: url(images/writing_subscribe_icon.png) no-repeat 0 15px;
}
.widget_search {
	width: 265px;
	height: 50px;
}
#searchform input {
	width: 190px;
	height: 10px;
	float: left;
}
#searchform input.blog_submit {
	width: 60px;
	height: 25px;
	padding: 0;
	border: none;
	float: left;
	background: url(images/blog_submit.png) no-repeat 0 -2px;
	cursor: pointer;
}
#submit {
	padding: 6px;
	cursor: pointer;
	background: #f5f5f5;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

#submit:active {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}
.widget_tag_cloud a {
	color: #ccc;
	text-decoration: none;
}
/*======== +PORTFOLIO ======== */

/*-------- Sidebar --------*/
#portfolio_sidebar {
	width: 271px;
	padding: 0 0 32px 32px;
	float: left;
}

#portfolio_sidebar h2 {
	width: 260px;
	height: 370px;
	background: url(images/portfolio_heading.png) no-repeat 0 0;
	text-indent: -9999px;
}
/*-------- Work --------*/

#portfolio_content {
	width: 640px;
	float: left;
	margin-bottom: 32px;
}
#portfolio_content .post {
	position: relative;
	width: 280px;
	height: 460px;
	float: left;
	padding: 0 0 16px 16px;
	margin: 0 0 0 16px;
	list-style: none;
}
.new {
	position: absolute;
	top: -36px;
	right: 8px;
}
/*======== +CONTACT ======== */

/*-------- Heading --------*/
#contact_heading {
	padding-left: 32px;
}
#contact_heading h2 {
	height: 66px;
	width: 650px;
	background: url(images/contact_heading.png) no-repeat 0 0;
	text-indent: -99999px;
}
/*-------- Sidebar --------*/
#contact_sidebar {
	width: 292px;
	padding: 0 0 32px 32px;
	float: left;
}
#contact_sidebar h3 {
	width: 292px;
	height: 350px;
	background: url(images/contact_heading2.png) no-repeat 0 0;
	text-indent: -99999px;
}
/*-------- Form --------*/
#contact_form {
	width: 450px;
	padding-left: 16px;
	float: left;
}
label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
legend {
	display: none;
}
input, textarea {
	font-size: 12px;
	display: block;
	padding: 4px 3px 5px 3px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	margin: 3px 0 12px 0;
}
textarea {
	width: 438px;
	height: 150px;
}
input:focus, input:hover, textarea:focus, textarea:hover {
	background: #fff;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
}
input.button, input.button:hover {
	width: 160px;
	height: 48px;
	border: none;
	margin-left: 290px;
	background: url(images/sendemail.png) no-repeat 0 0;
	cursor: pointer;
}
input[type="hidden"] {
    margin: 0;
    padding: 0;
    border: none;
}

/*-------- Easy Contact Form --------*/

#ec_option_cc.check.optional {
	width: 20px;
	height:10px;
	float:left;
	border:none;
}
.form-option {
	height: 15px
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
color: #442;
padding: 15px 38px;
width: 370px;
border: 1px solid #ccc;
}

body div.formcontainer p.error {
background: url('images/error.png') no-repeat 15px 15px;
}

body div.formcontainer p.important {
background: url('images/important.png') no-repeat 15px 15px;
}

body div.formcontainer p.information {
background: url('images/information.png') no-repeat 15px 15px;
}

body div.formcontainer p.success {
background: url('images/success.png') no-repeat 15px 15px;
}
.error {
	border-bottom: 1px solid #db4117;
	border-right: 1px solid #db4117;
	border-top: 2px solid #db4117;
	border-left: 2px solid #db4117;
}
/*======== +FOOTER ======== */

#footer {
	width: 960px;
	overflow: auto;
}
#footer_info {
	width: 894px;
	overflow: auto;
	background: url(images/footer_bg.jpg) repeat-x 0 0;
	padding: 32px;
	border-top: 1px solid #eee;
}
#footer li li{
	padding: .25em 0;
	border-bottom: 1px solid #eee;
	list-style: none;
}
#footer li li a:hover {
	color: #db4117;
}

.widget_links, .widget_text {
	width: 287px;
	float: left;
	list-style: none;
}
.widget_links {
	margin-right: 16px;
}
.widget_text {
	margin-right: 16px;
}
.widget_twitter{
	margin-right: 0;
	width: 280px;
	float: left;
	list-style: none;
}

#twitter_div {
	width: 285px;
}
.widget_links a {
	width: 285px;
	display: block;
	text-decoration: none;
}
#advanced_twitter_widget li{
	list-style: none;
}
#advanced_twitter_widget li li{
	padding: 6px 0;
}
#footer_contact {
	width: 960px;
}
#footer_contact h2 {
	margin: 0;
}
#footer_contact h2 a {
	text-indent: -9999px;
	height: 75px;
	display: block;
	background: #000 url(images/footer_georgebutler.png) no-repeat 15px 20px;
}
#footer h3 {
	margin-bottom: 5px;
}

/*======== +OTHER ======== */

.left {
	float: left;
	margin-right: 6px;
}
.right {
	float: right;
	margin-left: 6px;
}