/*
Theme Name: Graphix Theme
Theme URI: http://www.wpzoom.com/themes/
Description: Theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.1
Author: WPZOOM
Author URI: http://www.wpzoom.com
*/

/***********************************************************************************************
 * WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.
**********************************************************************************************/

/* ORANGE: #f08b41
	GREEN: #A6CE39 */

#main ul.posts div.cover img {
	display: block
}

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

.postcontent p a {
	color: #f08b41;
}

.list-header {
	margin: 0 0 5px !important;
	font-weight: bold;
	color: #444;
	clear: both;
}

#header {	
	background: #A6CE39 url('/wp-content/themes/graphix/images/texas-website-design.jpg') repeat-x;
}

#footer a {
	color: #444 !important;
}

#left-corner {
	background: url('/wp-content/themes/graphix/images/left-corner.png') no-repeat top left;
	width: 15px;
	height: 10px;
	position: relative;
	left: -15px;
	top: -30px;
}

#right-corner {
	background: url('/wp-content/themes/graphix/images/right-corner.png') no-repeat top left;
	width: 15px;
	height: 10px;
	position: relative;
	left: 15px;
	top: -40px;
	float: right;
}

a.readmore {
	color: #fff !important;
	font-weight: bold;
}

#featPosts .posts li {
	border: none !important;'
}

.phone, .phone a {
	clear: right;
	float: right;
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	margin: 5px 0 0;
	color: #333;
	width: 300px;
}

.call-us {
	color: #fafafa; 
	font-size: 70%;
}

.testimonial {
	font-size: 225%;
	line-height: 1.2em;
	color: #555;
}

.testimonial.small {
	font-size: 170%;
}

.author {
	text-align: right;
	font-size: 125%;
	
}

body { overflow-x: hidden; font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background: #fff url(images/austin-web-design.png) repeat-x top left; color: #333; }
body strong { color: #a6ce39; }
a {text-decoration:none; color: #a6ce39; }
a:hover {text-decoration:underline; color: #a6ce39; }
p.postmetadata a {text-decoration:none; color: #bbdb90; }
p.postmetadata a:hover {text-decoration:underline; color: #a6ce39; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #f08b41; }
p {margin: 0 0 16px; }

::-moz-selection{background:#333; color:#fff;}
::selection{ background:#666; color:#fff; }

#container {
	-webkit-box-shadow: 0 0 35px #888;
	-moz-box-shadow: 0 0 35px #888;
	box-shadow: 0 0 25px #999;
}

#container {width:990px; text-align:center; min-height: 200px; margin: 0 auto; background: #fff; border: 1px solid #999; border-top: none; }
#container div.wrapper {margin: 0 auto; text-align: left; width: 960px; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep { display: none; }
div.box {padding: 10px; }
div.box-nopadd {padding: 0; border-top: none; }

#header {padding: 0 20px 30px 0 }
#logo {float: left; display: inline; margin: 0 }

#navigation {line-height: 40px; background: #a6cd39; margin-bottom: 30px; margin-left: -15px; width: 1018px; border-top: solid 1px #8aa934; border-left: solid 1px #91b039; border-right: solid 1px #91b039; }
#nav li {float: left; display: inline; font-size: 15px; font-weight: bold; padding: 0 20px; border-left: solid 1px #8cad2f;  }
#nav a {color: #fff; text-decoration: none; text-transform: none }
#nav a:hover {color: #bbdb90;}
#nav li li {margin: 0; padding: 3px 0; line-height: 20px; border-right: solid 1px #222; border-left: solid 1px #222; }
#nav li li a {text-shadow: none; color: #aaa; }
#nav li li a:hover {color: #a6ce39;}

#menuSocialHead {float: right; display: inline; width: 100px; margin: 5px 0 0; }
#menuSocialFooter {float: right; display: inline; margin: 0 10px 5px 10px; }
.menuSocial li {float: right; display: inline; margin-left: 5px; }
.menuSocial img {background: transparent url(images/icons/icon_twitter.png) no-repeat top left; }
.menuSocial img.twitter {background-image: url(images/icons/icon_twitter.png);}
.menuSocial img.twitter:hover {background-image: url(images/icons/icon_twitter_h.png);}
.menuSocial img.rss {background-image: url(images/icons/icon_rss.png);}
.menuSocial img.rss:hover {background-image: url(images/icons/icon_rss_h.png);}
.menuSocial img.facebook {background-image: url(images/icons/icon_facebook.png);}
.menuSocial img.facebook:hover {background-image: url(images/icons/icon_facebook_h.png);}
.menuSocial img.email {background-image: url(images/icons/icon_email.png);}
.menuSocial img.email:hover {background-image: url(images/icons/icon_email_h.png);}
.menuSocial img.flickr {background-image: url(images/icons/icon_flickr.png);}
.menuSocial img.flickr:hover {background-image: url(images/icons/icon_flickr_h.png);}
.menuSocial img.dribbble {background-image: url(images/icons/icon_dribbble.png);}
.menuSocial img.dribbble:hover {background-image: url(images/icons/icon_dribbble_h.png);}
.menuSocial img.tumblr {background-image: url(images/icons/icon_tumblr.png);}
.menuSocial img.tumblr:hover {background-image: url(images/icons/icon_tumblr_h.png);}
.menuSocial img.vimeo {background-image: url(images/icons/icon_vimeo.png);}
.menuSocial img.vimeo:hover {background-image: url(images/icons/icon_vimeo_h.png);}
#footer .menuSocial li {float: left; margin: 0 5px 0 0; }

#frame {min-height: 400px; }
#main ul.posts div.cover {margin-bottom: 5px; box-shadow: 2px 2px 3px #191919; -moz-box-shadow: 2px 2px 3px #191919; -webkit-box-shadow: 2px 2px 3px #191919; float: left; display: inline; width: 200px; }
#main ul.posts div.cover img {border: solid 10px #ddd; }
#main ul.posts div.cover img:hover {border: solid 10px #a6cd39; }

.posts li {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
}

#container .posts li.last {margin-right: 0;}

#featPosts {margin-bottom: 30px;}
#featPosts li {float: left; display: inline; margin-right: 20px; margin-bottom: 15px; }
#featPosts li div.cover {float: none; display: block; position: relative; }
#featPosts .postcontent {position: absolute; left: 10px; bottom: 10px; padding: 8px; font-size: 11px; width: 164px; background: #444; opacity: 0.8; display: none; z-index: 10; }
#featPosts li h3 {font-size: 12px; font-weight: bold; margin-bottom: 6px; }
#featPosts p {margin: 0;}
#featPosts li:hover .postcontent {display: block;}

div.title h2 {font-size: 34px; line-height: 36px; color: #f08b41; text-shadow: none; margin-bottom: 20px; letter-spacing: -1px; border-bottom: 2px solid #f08b41; }
div.breadcrumbs h3 {margin-bottom: 20px; color: #999; font-size: 12px; }

/* Main */
#main {float: left; display: inline; margin-right: 20px; width: 640px; }
#archive div.sep {margin-bottom: 15px; }
#archive div.cover {margin: 0 20px 10px 0; width: 200px; }
#archive h3, h3.title {font-size: 22px; line-height: 20px; font-weight: bold; margin-bottom: 0; }
#archive p {font-size: 14px; line-height: 20px; margin-bottom: 6px; }
#archive p.readmore {display: inline; float: left; line-height: 30px;}
#archive p.readmore a, #single .button a {padding: 8px 12px 7px; background: transparent url(images/back_button_green.png) repeat-x top left; font-size: 12px; text-shadow: none; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: none; }
#single .button {margin: 6px 0; display: inline-block; }
#archive .postcontent {overflow: hidden; }

#single h1 {font-size: 34px; font-weight: normal; line-height: 34px; letter-spacing: -1px; margin-bottom: 0; }
#single {font-size: 14px; line-height: 20px; }
#single a img {border: solid 8px #999; }
#single a img:hover { border-color: #A6CE39 }
#single div.sep {margin-bottom: 15px; }
#single div.postcontent {margin: 12px 0; }
#single, #archive {text-shadow: none; }
#single .box-author .postcontent {margin: 2px 0 0; padding: 10px 10px 0; }

#single .postcontent h2, #single .postcontent h3, #single .postcontent h4, #single .postcontent h5, #single .postcontent h6 {font-weight: bold; margin-bottom: 12px; } 
#container #single .postcontent h2, h2.title {font-size: 30px; line-height: 30px; }
#container #single .postcontent h3 {font-size: 26px; line-height: 30px; }
#single .postcontent h4 {font-size: 24px; line-height: 28px; }
#single .postcontent h5 {font-size: 20px; line-height: 24px; }
#single .postcontent h6 {font-size: 18px; line-height: 22px; }
#single .postcontent p {margin-bottom: 14px; }
#single .postcontent p img {margin-bottom: 10px;}
#single .postcontent ul, #single .postcontent ol {margin: 0 0 14px 14px; }
#single .postcontent li ul, #single .postcontent li ol {margin-bottom: 0; }
#single .postcontent li {list-style-position: inside;} 
#single .postcontent ul li {list-style-type: square;}
#single .postcontent ol li {list-style-type: decimal;}
#single .postcontent blockquote {font-style: italic; font-size: 18px; line-height: 24px; border-left: solid 5px #444; padding-left: 20px; margin-left: 20px; }

#single .box-author {font-size: 12px; line-height: 18px; }
.box-author h2 {margin-bottom: 10px;}
.box-author img.avatar {float: left; display: inline; margin: 0 15px 0 0; }
.box-author p {margin: 0; }
.box-author p.more {font-size: 11px; margin: 6px 0 0; }

#archive p.postmetadata, #single p.postmetadata {margin: 6px 0; line-height: 18px; color: #777; font-size: 12px; }
p.postmetadata span{display: inline-block; }

/* Sidebar */
#sidebar {float: left; display: inline; width: 300px; }
#sidebar .widget, #footer .widget, #single .box-author, #single .widget {margin-bottom: 20px; font-size: 12px; line-height: 18px; padding: 5px; }
#sidebar .box, #footer .box, #single .box-author .postcontent, #single div.lines {padding-right: 25px; -moz-border-radius: 15px; border-radius: 15px }
#sidebar h2, #footer h2 {color: #a5ce39 !important; font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 20px; margin-bottom: 0; }
#sidebar h3 {font-size: 12px; line-height: 20px; font-weight: bold; margin-bottom: 6px; }
#sidebar a {color: #a5bc87;}
#sidebar a:hover {color: #a6ce39;}
#sidebar .widget li {font-size: 14px; line-height: 24px; }

div.side-left #main, div.side-left #sidebar {float: right; margin-right: 0; margin-left: 15px; }
div.side-left #sidebar {float: right; margin: 0; }
div.full-width #main {width: 960px; margin-right: 0;}

#sidebar ul.wpzoomSocial li {float: left; display: inline; width: 125px; margin-right: 5px; line-height: 16px; margin-bottom: 8px; font-size: 11px; }
ul.wpzoomSocial li img {float: left; display: inline; margin-right: 5px; }

/* Comments */
#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#main ol.normalComments div.comment-body {position: relative; }
#main ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#main ol.normalComments li {list-style-type: none; margin: 0 0 1em; padding: 10px 15px 5px; font-size: 11px; line-height: 16px; min-height: 60px; }
#main ol.normalComments li ul.children {padding: 10px 0 0; }
#main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
#main ol.normalComments li p {margin-bottom: 0;}

#main ol.normalComments img.avatar { float: left; margin: 0 15px 15px 0; }
#main ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px;  }
#main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; }
#main ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says {display: none; }

#respond {clear: left; margin-top: 10px; }
.cancel-comment-reply {margin: 10px 0 5px; }
#respond div.sep {display: none; }
li #respond div.sep {display: block; }
#respond {padding: 10px; background: transparent url(images/back_widget.png) repeat top left; border: dashed 1px #333; }
li #respond {padding: 10px; background: #222 url(images/back.png) repeat top left; border: dashed 1px #444; }
.reply a, .cancel-comment-reply a { padding: 2px 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }

#commentform {margin-top: 15px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: inline; width: 45%; }
#commentform #formContent {float: left; display: inline; width: 50%; text-align: center; }
#commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {width: 90%;	padding: 8px 0 8px 7px;	font-size: 14px; margin-bottom: 10px; }
#commentform textarea {	width: 100%; height: 110px;	padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px;	}

#main label, #commentform label {font-weight:bold; line-height: 24px; font-size: 12px; display: block; text-transform: none; }
#main #submit, #commentform #submit { margin-top: 5px; background:none; font-size: 14px; text-transform: lowercase; padding: 10px 15px; width: auto; cursor: pointer; }

#main #submit, #commentform #submit {background: none; background-color: #444; border: none; color: #a6ce39; -moz-border-radius: 60px; -khtml-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
#main #submit:hover, #commentform #submit:hover {background-color: #046e40; }

/* Comments */
#single .reply a, #single .cancel-comment-reply a { background-color: #444; text-shadow: none; color: #a6ce39; }
#single .reply a:hover, #single .cancel-comment-reply a:hover {color: #333; background-color: #ddd; text-shadow: #fff 1px 1px 1px; }

#main .normalComments li.comment {background: transparent url(images/back_widget.png) repeat top left; padding: 10px; border: dashed 1px #333; }
#main .normalComments li.bypostauthor { }
#main .normalComments cite.author {color: #333; }
#main .normalComments div.gravatar img {border: solid 5px #333;}
#main .normalComments div.gravatar-author img {border: solid 5px #333;}
#main input, #main textarea, #commentform input, #commentform textarea {background: transparent url(images/back_box.png) repeat top left;  border: dashed 1px #333; color: #777; font-family: Arial, Tahoma, Helvetica, sans-serif; }

/* Footer */
#footer {margin-top: 40px; text-align: left; padding: 20px 0 10px; color: #444; border-top: solid 1px #78942a; background: #A6CE39 url('/wp-content/themes/graphix/images/texas-website-design.jpg') bottom repeat-x; }
#footer p {margin:0; line-height: 18px; font-size: 11px;  }
#footer a {color: #444; text-decoration: none; }
#footer a:hover {color: #444; text-decoration: none; }
#footer p.copy {font-size: 11px; }
#footer p.wpzoom {line-height: 16px; display: inline-block; margin-top: 15px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px;}
#footer #authorInfo {float: right; display: inline; width: 450px; }
#footer div.cover {float: right; display: inline; margin: 0 0 0 10px; }
#footer div.cover img {border: solid 5px #333; }
#footer div.cleaner {clear: left; }
#footer div.cleanerBoth {clear: both; }

#authorInfo.widget {
	background: url('images/affordable-website-design.png') no-repeat;
	width: 448px !important;
}

#authorInfo .box {
	background: none;
	border: none;
}

div.navigation {text-align: center; margin: 15px 0;  text-shadow: none;}
div.navigation a {font-size: 14px; text-transform: lowercase; padding: 10px 15px; width: auto; cursor: pointer; background: none; background-color: #444; border: none; color: #a6ce39; -moz-border-radius: 60px; -khtml-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px;}
div.navigation a:hover {background-color: #046e40; text-decoration: none; }

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

#search {clear: right; float: right; display: inline; width: 257px; height: 38px; background: transparent url(images/back_search.png) no-repeat top left; margin: 20px 0 0; }
#search:hover {background-image: url(images/back_search_focus.png);}
#search #setop {float: left; display: inline; border: none; width: 190px; margin: 8px 5px 0 11px; font-size: 14px; padding: 3px 5px; background: none; color: #aaa; }
#search #searchsubmittop {height: 38px; width: 34px; position: absolute; top: 0; right: 0; }

/* WPZOOM Gallery Widget */
.widget ul.gallery {padding: 0; margin:0;}
.widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 11px 11px 0; }
.widget ul.gallery li.last {margin-right: 0;}
.widget ul.gallery li img {padding: 1px; }

#sidebar .social li { display: inline; width: 47%; float: left; padding: 6px 0; margin-right: 6px; line-height: 16px; }
#sidebar .social li a { font-size: 12px; font-weight: bold; }
#sidebar .social li a:hover {text-decoration: none; }
#sidebar .social li a span { font-size: 11px; display: block; font-weight: normal; color: #777; }
#sidebar .social img { float: left; margin-right: 7px; }

#sidebar ul.posts .cover {float: left; display: inline; margin-right: 10px; }
#sidebar ul.posts h3 {font-size: 12px; font-weight: bold; line-height: 18px; overflow: hidden; }
#sidebar ul.posts h3 a {color: #a6ce39;}
#sidebar ul.posts h3 a:hover {color: #bbdb90;}
#sidebar ul.posts p.postmetadata {font-size: 11px; }

#single .postcontent .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
#single .postcontent .gallery { margin: auto; text-align:center; clear:both; }
#single .postcontent .gallery img:hover {border: solid 5px #046e40; }
#single .postcontent .gallery-caption { margin-left: 0; }

.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #555; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.lines {color: #aaa; margin: 0; }
.highlight {padding: 3px 5px; text-shadow: none; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0}