/*
Theme Name:Camp Creative Group
Theme URI:http://www.campcreativegroup.com/blog
Description:Created specifically for the CCG blog
Author:Camp Creative Group
Author URI:http://campcreativegroup.com
*/

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


body {
	background-color:			#25292e;
	font-family:				'Helvetica','Arial';
	font-size:					12px;
	color:						#666;
	line-height:				20px;
}

.post p a, .post ul a, .post small a {
	color:						#3C4778;
	font-weight: normal;
	text-decoration:			none;
	border-bottom:				1px dotted;
}

.post p a:hover, .post ul a:hover, .post small a:hover {
	color:						#25292E;
	border-bottom:				1px solid;
}

#content-blog a {
	color:						#3C4778;
	text-decoration:			none;
}

#content-blog a:hover {
	color:						#25292E;
	text-decoration: none;
}





h2 {
	color:						#de819e;
	font-size:					26px;
	margin-left:				18px;
}
h3 {
	color:						#44939c;
	font-size:					22px;
	margin-bottom:				16px;
	font-weight:				normal;
}
h4 {
	color:						#26425a;
	font-weight:				bold;
	font-size:					16px;
	margin:						20px 0 0 28px;
}

.wrapper {
	width:						940px;
	margin:						0 auto;
}

.clear {
	clear:						both;
}

.addmargin {
	margin-top:					15px;
}

.alignleft {
	text-align:					left;
}
.aligncenter {
	margin:						0 auto;
	text-align:					center;
}
.alignright {
	text-align:					right;
}
.alignslide {
	margin:						14px 0 0 15px;
}

.bottom {
	padding-bottom:				50px;
}

.request-a-proposal {
	background-image:			url(./images/request-a-proposal.png);
	width:						247px;
	height:						23px;
	margin-top:					16px;
}
.as-seen-on {
	background-image:			url(./images/as-seen-on.png);
	width:						149px;
	height:						23px;
	margin-top:					36px;
}
.singing-praises {
	background-image:			url(./images/singing-praises.png);
	width:						139px;
	height:						14px;
	margin:						20px 0 0 28px;
}

#top-bar {
	background:					transparent url(./images/bg-top-bar.png) repeat-x;
	height:						62px;
	overflow:					visible;
	position:					relative;
	z-index:					3;
}
#top-bar #menu {
	float:						right;
	height:						55px;
}
#top-bar ul#menu {
	list-style:					none;
}
#top-bar ul#menu li {
	float:						left;
	text-align:					right;
}
#top-bar ul#menu li .line {
	float:						left;
	background:					transparent url(./images/menu-spacer.jpg) no-repeat 100% 0;
	width:						2px;
	height:						55px;
}
#top-bar ul#menu a {
	float:						left;
	display:					block;
	width:						110px;
	height:						42px;
	padding:					12px 7px 0 0;
	text-transform:				uppercase;
	text-decoration:			none;
	font-weight:				bold;
	font-size:					13px;
	color:						#000;
}
#top-bar ul#menu a span {
	display:					block;
	color:						#999;
	font-size:					10px;
	text-transform:				none;
	font-weight:				normal;
	line-height:				11px;
}

#top-bar ul#menu a.selected, #top-bar ul#menu a.selected:hover {
	color:						#999;
}
#top-bar ul#menu a:hover {
	color:						#399cb2;
}


#mid-sec {
	position:					relative;
	background:					transparent url(./images/bg-mid-sec-bottom.jpg) repeat-x 0 100%;
	z-index:					1;
}
#mid-sec #bg {
	background:					transparent url(./images/mid-sec.png) no-repeat center 100%;
	width:						auto;
	min-width:					1002px;
	height:						499px;
}
#mid-sec #bg-small {
	background:					transparent url(./images/mid-sec-small.png) no-repeat center 100%;
	width:						auto;
	min-width:					1002px;
	height:						216px;
	margin-top:					-6px;
}
#mid-sec #button {
	float:						left;
	padding:					390px 0 0 180px;
}
#mid-sec #samples {
	float:						right;
	padding-top:				122px;
}
#mid-sec #samples .sample {
	float:						left;
	background:					transparent url(./images/sample.png) no-repeat;
	width:						288px;
	height:						175px;
}
#mid-sec #samples .right {
	margin-left:				-20px;
}
#mid-sec #ourteam {
	position:					relative;
	background:					transparent url(./images/mid-sec-our-team.png) no-repeat center 0;
	height:						59px;
	top:						70px;
}

#mid-sec #portfolio {
	position:					relative;
	background:					transparent url(./images/mid-sec-portfolio.png) no-repeat center 0;
	height:						100px;
	top:						70px;
}

#mid-sec #testimonials {
	position:					relative;
	background:					transparent url(./images/mid-sec-testimonials.png) no-repeat center 0;
	height:						59px;
	top:						70px;
}

#mid-sec #contact {
	position:					relative;
	background:					transparent url(./images/mid-sec-contact.png) no-repeat center 0;
	height:						59px;
	top:						70px;
}

#mid-sec #blog {
	position:					relative;
	background:					transparent url(./images/mid-sec-blog.png) no-repeat center 0;
	height:						59px;
	top:						70px;
}

#mid-sec #error {
	position:					relative;
	background:					transparent url(./images/mid-sec-404.png) no-repeat center 0;
	height:						59px;
	top:						70px;
}

#page {
	background:					#fff url(./images/bg-white-grad.png) repeat-x;
	min-width:					1002px;
}
#page .wrapper {
	background:					transparent url(./images/bg-content-nobox.png) no-repeat center 1px;
	width:						auto;
}
#page #content-area {
	background:					transparent url(./images/bg-content-area.png) repeat-y center 1px;
	width:						959px;
	margin:						0 auto;
	padding:					40px 0 0 40px;
	min-height:					240px;
}
#page #sidebox {
	float:						left;
	background:					transparent url(./images/sidebox.png) no-repeat;
	width:						304px;
	height:						408px;
	padding-top:				30px;
	margin-right:				12px;
}
#page #sidebox p {
	width:						240px;
	margin-left:				38px;
	color:						#666;
}
#page #sidebox h4#client-testimonials {
	margin:						15px 30px 0 0;
	text-align:					right;
}
#page #sidebox h4#client-testimonials a {
	text-decoration:			none;
	color:						#495862;
}
#page #content-area .tiny {
	width:						200px;
	margin-left:				20px;
}
#page #content-area .small {
	width:						280px;
}
#page #content-area .medium {
	width:						360px;
}
#page #content-area .large {
	width:						520px;
}
#page .column {
	float:						left;
	margin-left:				26px;
	padding-top:				28px;
}	
#page .column p {
	margin-bottom:				16px;
	line-height:				18px;
}
#page .link {
	background-image:			url(./images/bg-link.jpg);
	width:						182px;
	height:						36px;
	margin-top:					15px;
	margin-bottom: 				-10px;
	padding-left:				3px;
}

#page .link img {
	border: 0;
	margin-left: 10px;
	margin-top: 4px;
}

ul#port-list {
	float:						left;
	list-style:					none;
	margin:						40px 0 0 40px;
	width:						260px;
}
ul#port-list li {
	margin:						12px 0;
}
ul#port-list li a {
	color:						#999;
	text-decoration:			none;
	margin-left:				21px;
}
ul#port-list li a:hover {
	color:						#51a6b1;
}
ul#port-list li a.selected {
	display:					block;
	background-image:			url(./images/bg-selector.jpg);
	width:						275px;
	height:						39px;
	position:					relative;
	z-index:					2;
	line-height:				36px;
	margin:						0;
	text-indent:				10px;
	color:						#666;
}
#port-key {
	float:						left;
	background-image:			url(./images/port-key.png);
	width:						176px;
	height:						21px;
	margin:						25px 0 0 45px;
	clear:						left;
}
#port-img {
	float:						left;
	width:						607px;
	border:						1px solid #e1e1e1;
	background-color:			#fff;
}
#port-img #wpi {
	float:						left;
	margin:						0 0 24px 17px;
}
#wpi .w {
	float:						left;
	background-image:			url(./images/selector-w.jpg);
	width:						49px;
	height:						18px;
}
#wpi .p {
	float:						left;
	background-image:			url(./images/selector-p.jpg);
	width:						53px;
	height:						18px;
}
#wpi .i {
	float:						left;
	background-image:			url(./images/selector-i.jpg);
	width:						59px;
	height:						18px;
}
#link img {
	float:						right;
	margin:						0 15px 15px 0;
}
#port-img #img {
	margin:						16px 17px;
}

#footer {
	min-width:					1002px;
}
#footer .wrapper {
	background:					#25292E url(./images/bg-content-bottom.png) no-repeat center 0;
	width:						959px;
	padding-top:				77px;
}

#footer a {
	color:						#bac8da;
	text-decoration:			none;
}

#footer a:hover {
	color:						#859ab4;
	text-decoration:			underline;
}

#footer #copyright {
	clear:						both;
	padding:					40px 8px;
	margin-bottom:				40px;
	margin-top:					-70px;
}
#footer #copyright p {
	float:						left;
	font-size:					13px;
	color:						#7b8491;
	line-height:				60px;
}
#footer #copyright p a {
	font-weight:				bold;
	text-decoration:			none;
}
#footer #copyright p a:hover {
	text-decoration:			underline;
}
#footer #copyright .right {
	float:						right;
	width:						215px;
}
#footer #copyright .right p {
	float:						left;
}
#footer #copyright .right a {
	font-weight:				normal;
	color:						#7b8491;
}
#footer #copyright #ccg {
	float:						right;
}


a#questionnaire {
	display:block;
	width: 210px;
	height: 33px;
	background: url("images/btn-questionnaire.png") no-repeat;
	margin-left: 70px;
	margin-top: 30px;
}



form {
	padding: 10px;
	margin: 10px;
}

form label{
	color: #333333;
	width: 125px;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

form input.txt {
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom: 1px solid #dfdedc;
	background-color: #f8f8f8;
	color: #666;
	width: 300px;
	font-size: 12px;
	padding: 5px;
	font-family: Helvetica, Sans-Serif;
}

form textarea {
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #dfdedc;
	color: #666;
	width: 300px;
	height: 150px;
	font-size: 14px;
	padding: 5px;
	font-family: Helvetica, Sans-Serif;
}
form input.btn {
	margin-left: 360px;
	margin-top: 3px;
}

form p {
	clear: left;
	margin:0;
	padding:0;
	padding-top: 0px;
	
}

.info {
	color: #336699;
	font-size: 12px;
	padding: 10px;
	padding-left: 40px;
	border-top: 1px solid #B9F1F1;
	border-bottom: 1px solid #B9F1F1;
	background: #EFF9F8 url("images/info.png") no-repeat 10px;
	margin-bottom: 20px;
	margin-left: -8px;
}




/**Blog**/

#content-blog {
width:620px;
float:left;
border-right:1px solid #e2e2e2;
padding:0 0 30px 0;
min-height:420px;
margin-left: 30px;
}

.post {
padding:0 30px 40px 0;
}
.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-family:Helvetica, Arial, Sans-serif;
font-size:24px;
width: 100%;
border-bottom: 1px solid #e2e2e2;
margin:25px 0 10px 0;
line-height: 28px;
font-weight:normal;
}
#content-blog h1, #content-blog h1 a{
font-family:Helvetica, Arial, Sans-serif;
font-size:34px;
margin:30px 0 10px 0;
font-weight:normal;
line-height:40px;
border-bottom: 0px;
color: #283343;
}
#content-blog h1 a:hover {
	color: #3D4A7B;
	text-decoration: none;
}
.post h3, .post h4 {
font-family:Helvetica, Arial, Sans-serif;
font-size:20px;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
	display: block;
	padding: 10px;
	width: 580px;
font-size:11px;
background-color: #f5f5f5;
border: 1px solid #e2e2e2;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:10 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
margin:0 0 20px 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#666;
background-color:#f5f5f5;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}

h3#disqus_thread {
	font-style: normal;
	border-bottom: 1px solid #e2e2e2;
	font-weight: normal;
}

#sidebar {
width:250px;
float:right;
margin:0 25px 25px 0;
}
#sidebar ul {
	list-style: none;
}
#sidebar h3 {
padding:25px 0 3px 0;
font-size:18px;
}
#sidebar .block ul {
border-bottom:1px solid #e2e2e2;
}
#sidebar .block ul .children{
border:0;
padding: 0 0 0 8px;
}
#sidebar .block li {
border-top:1px solid #e2e2e2;
}
#sidebar .block li a {
background:transparent;
font-size:13px;
font-weight:normal;
padding:4px 0 4px 15px;
display:block;
border-bottom:none;
color:#666;
text-decoration: none;
}
#sidebar .block li a:hover {
background:#f7f7f7;
color: #333;
}
#sidebar .widget_search label {
display:block;
padding:25px 0 3px 0;
font-size:18px;
border-bottom:1px dotted #ccc;
margin:0 0 5px;
}
#sidebar .widget_recent_comments li {
background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
padding:2px 0 2px 15px;
}
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
background:none;
border-bottom:1px dotted #000;
text-decoration:none;
color:#000;
font-weight:600;
}
#sidebar .widget_recent_comments li a:hover {
color:#e12000;
border-bottom:1px dashed #e12000;
background-color:#f7f7f7;
}
#sidebar .widget_tag_cloud h3 {
margin:0 0 8px;
border-bottom:1px dotted #ccc;
}
#sidebar .widget_text h3 , #sidebar .calendar h3{
border-bottom:1px dotted #ccc;
}
#sidebar .calendar h3{
display:none;
}
#sidebar #wp-calendar {
width:95%;
text-align:center;
}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
text-align:center;
}
#sidebar #wp-calendar caption {
font-size:18px;
padding:25px 0 3px 0;
}
#sidebar #wp-calendar th {
font-weight: bold; 
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#sidebar #wp-calendar tfoot td{
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

#twtr-profile-widget {
	margin-top: 30px;
}

#facebook {
	margin-top: 30px;
}

#post a.more-link {
	color: #934D97;
}

.disqus-sidebar {
	margin-top: 30px;
}

.disqus-sidebar a {
	color:	#3C4778;
}

.authbio {
width: 580px;
display: block;
height: 80px;
padding: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #f2f2f2;
border: 1px solid #D6D6D6;
}

.authbio p {
	margin: 0px;
}
.authbio img {
border: 0px;
float: left;
margin: 0px 20px 0px 0px;
}

ul.addtoany_list a:hover {
	border: 0;
}
ul.addtoany_list li a {
	border:0;
}

.comments {
	width: 600px;
}

.comments input.submit { 
background-color: #f7f7f7; 
border: 1px solid #f2f2f2;
}


#disqus_thread #dsq-content h3 { font-weight: normal; }