/*
Theme Name: Shout
Theme URI: http://wordpress.org/
Description: Shout Theme
Version: 1.0
Author: Slice'r'us
Author URI: http://www.slicerus.com/
*/




/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 3px 2px; font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Helvetica, Arial, sans-serif; }
select { font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #1b5190;
	text-decoration: none;
	cursor/**/: /**/pointer;
}
a:visited { 
}
a:link:hover, a:visited:hover {
	text-decoration: underline;
}

body {
	font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	background: #FFFFFF url(img/body-t.png) repeat-x 0 0;
}

#page {
	width: 960px;
	margin: 0 auto;
	font-size: 1.1em;
}

#header {
}
	#logo {
		float: left;
		padding: 48px 0 0 26px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 243px;
			height: 44px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/logo-1.png) no-repeat 0 0;
			}
	#menu {
		float: right;
		margin: 53px 28px 0 0;
		/*padding: 0 16px 0 0;*/
		width: 632px;
		height: 61px;
		background: url(img/menu-bg.png) no-repeat 0 0;
	}
		#menu ul {
			padding: 8px 0 0 10px;
		}
			#menu li {
				float: left;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					position: relative;
					width: 103px;
					height: 43px;
				}
					#menu li a:link span, #menu li a:visited span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url(img/menu-1.png) no-repeat 0 0;
					}
				#menu #b2 a:link span, #menu #b2 a:visited span { background-position: 0 0; }
				#menu #b2 a:link:hover span, #menu #b2 a:visited:hover span { background-position: 0 -43px; }
				#menu #b2.active a:link span, #menu #b2.active a:visited span { background-position: 0 -86px; }

				#menu #b3 a:link span, #menu #b3 a:visited span { background-position: -103px 0; }
				#menu #b3 a:link:hover span, #menu #b3 a:visited:hover span { background-position: -103px -43px; }
				#menu #b3.active a:link span, #menu #b3.active a:visited span { background-position: -103px -86px; }

				#menu #b4 a:link span, #menu #b4 a:visited span { background-position: -206px 0; }
				#menu #b4 a:link:hover span, #menu #b4 a:visited:hover span { background-position: -206px -43px; }
				#menu #b4.active a:link span, #menu #b4.active a:visited span { background-position: -206px -86px; }

				#menu #b5 a:link span, #menu #b5 a:visited span { background-position: -309px 0; }
				#menu #b5 a:link:hover span, #menu #b5 a:visited:hover span { background-position: -309px -43px; }
				#menu #b5.active a:link span, #menu #b5.active a:visited span { background-position: -309px -86px; }

				#menu #b6 a:link span, #menu #b6 a:visited span { background-position: -412px 0; }
				#menu #b6 a:link:hover span, #menu #b6 a:visited:hover span { background-position: -412px -43px; }
				#menu #b6.active a:link span, #menu #b6.active a:visited span { background-position: -412px -86px; }

				#menu #b7 a:link span, #menu #b7 a:visited span { background-position: -515px 0; }
				#menu #b7 a:link:hover span, #menu #b7 a:visited:hover span { background-position: -515px -43px; }
				#menu #b7.active a:link span, #menu #b7.active a:visited span { background-position: -515px -86px; }

	#search {
		clear: both;
		height: 61px;
		background: url(img/top-bg.png) repeat-y 50% 0;
	}
		#search form {
			width: 440px;
			margin: 0 auto;
			padding: 11px 0;
		}
			#search .text {
				float: left;
				border: solid 1px #6ac318;
				height: 17px;
				width: 290px;
				padding: 5px 5px;
				margin: 5px 10px 0;
				font-size: 127%;
			}
			#search .submit {
				float: left;
				width: 99px;
				height: 38px;
				background: url(img/but-search.png) no-repeat 0 0;
				border: none;
			}
			#search .submit:hover {
				background-position: 0 -38px;
			}

#wrap {
	width: 100%;
	margin: 0 0 100px;
}
	#wrap2 {
		float: left;
		width: 755px;
		margin: 0 0 20px;
	}
		#content {
			float: right;
			width: 565px;
			padding: 20px 0 0;
			line-height: 1.5;
		}
		#side1 {
			float: left;
			width: 172px;
			position: relative;
			padding: 20px 0;
			background: #ebebeb url(img/side1-b.gif) no-repeat 0 100%;
		}
	#side2 {
		float: right;
		width: 192px;
		padding: 20px 0;
		background: #575757 url(img/side2-b.gif) no-repeat 0 100%;
		color: #FFFFFF;
		margin: 0 0 20px;
	}


#content p {
	margin: 0 0 1em;
        font-size:1.0em;

}
#content h3 {
	font-size: 100%;
	margin: 0 0 1em;
}

/*
#footer {
	background: #5e5e5e url(img/footer-bg.png) repeat-x 0 0;
	color: #FFFFFF;
	min-height: 225px;
	font-size: 1.1em;
}
	#footer2 {
		width: 960px;
		margin: 0 auto;
		padding: 22px 0;
		color: #B4B4B4;
		line-height: 1.5;
	}
		#footer a:link, #footer a:visited {
			color: #9ecb41;
		}
		#footer .widget2 {
			float: left;
			margin: 0 30px 30px 0;
		}
			#footer .widget2 h4 {
				height: 25px;
				color: #FFFFFF;
				margin: 12px 0 0;
			}
*/

/* ========== */
/* = FOOTER = */
/* ========== */
#footer-wrapper {color:#b4b4b4; background:#4b4b4b url('http://www.shoutwebstrategy.com.au/wp-content/themes/sandbox/images/bg-footer.gif') repeat-x 0 0;}
#footer {width:900px; margin:0 auto; padding:22px 0 25px 0;}
#footer a {color:#8fc535;}
#footer .content {float:left}
#footer .content p, #footer .content li {font-size:1.1em;line-height:1.5;}
#footer .content h4 {text-indent:-9999em; height:37px; background:url('http://www.shoutwebstrategy.com.au/wp-content/themes/sandbox/images/titles-footer.jpg') no-repeat 0 0;}

#footer-logo {width:185px; padding-top:40px;}
#footer-what {width:196px; padding-right:40px;}
#footer #footer-what h4 {width:78px;}

#footer-nav {width:237px;}
#footer #footer-nav h4 {width:59px; background-position:-78px 0;}
#footer #footer-nav ul {margin:0;}
#footer #footer-nav li {padding:0 0 5px 0;}
#footer .clearfix{ display:block; height:auto;}
#footer-consult {width:213px;}
#footer #footer-consult h4 {width:213px; background-position:-137px 0;}

#footer-copyright {font-size:1.1em; color:#808080; text-align:center; padding:20px 0 0 0;}

		#text-7 {
			width: 140px;
			padding-top: 0px;
		}
		#text-8 {
			width: 200px;
		}
			#text-8 h4 {
				text-indent: -1000em;
				background: url(img/title/what-we-do.png) no-repeat 0 0;
			}
		#text-9 {
			width: 200px;
		}
			#text-9 h4 {
				text-indent: -1000em;
				background: url(img/title/navigate.png) no-repeat 0 0;
			}
			#text-9 ul {
				list-style: disc outside;
			}
				#text-9 li {
					margin: 0 0 .6em;
				}
		#text-10 {
			width: 220px;
		}
			#footer #text-10 h4 {
				text-indent: -1000em;
				background: url(img/title/seo-consultation.png) no-repeat 0 0;
				margin: 0;
				height: 37px;
			}
		#footer .copyright {
			clear: both;
			color: #808080;
			text-align: center;
		}


/* widgets
----------*/

.widget {
	margin: 0 0 25px;
}
	.widget h3 {
		height: 26px;
		line-height: 26px;
		margin: 0 -4px 10px;
	}

#categories-3 h3 {
	text-indent: -1000em;
	background: url(img/title/categories.png) no-repeat 0 0;
	margin-bottom: 5px;
}
#text-3 h3 {
	text-indent: -1000em;
	background: url(img/title/free-white-pages.png) no-repeat 0 0;
}
#text-4 h3 {
	text-indent: -1000em;
	background: url(img/title/follow-us.png) no-repeat 0 0;
}
#text-6 h3 {
	text-indent: -1000em;
	background: url(img/title/email-sign-up.png) no-repeat 0 0;
}
#text-7 h3 {
	text-indent: -1000em;
	background: url(img/title/free-seo-consultation.png) no-repeat 0 0;
}
#recent-posts-3 h3 {
	text-indent: -1000em;
	background: url(img/title/latest-articles.png) no-repeat 0 0;
}
#wppp-3 h3 {
	text-indent: -1000em;
	background: url(img/title/most-popular-articles.png) no-repeat 0 0;
}
#text-5 h3 {
	height: 39px;
	text-indent: -1000em;
	background: url(img/title/free-consultation.png) no-repeat 0 0;
}

#cforms-2{
width: 100%;
}
#cforms-2 .linklove{
display:none
}
#cforms-2 form {
width: 100%;
}
	#cforms-2 legend {
		display:none;
}
	#cforms-2 p {
		margin: 0 12px 15px;
	}
	#cforms-2 ul {
		list-style: none;
		margin: 0 12px;
	}
		#cforms-2 li {
			width: 90%;
			overflow: hidden;
			margin: 0 0 8px 12px;
		}

		#cforms-2 li.cf_li_err input{
border:1px solid #FF8C87;
}
		#cforms-2 li.cf_li_err span{
color: #FF8C87;
}

		#cforms-2 li.button {
			text-align: right;
		}
			#cforms-2 li input.text,
                        #cforms-2 li input,
			#cforms-2 li textarea {
				border: none;
				width: 150px;
				margin-right:3px;
			}
			#cforms-2 li label {
				display: block;
			}
#cforms-2 h3
{
	height: 39px;
	text-indent: -1000em;
	background: url(img/title/free-consultation.png) no-repeat 0 0;
}
#cforms-2 fieldset
{
	padding:0;
	border:none;
	background:none; 
}
#cforms-2 div.failure {
background:#C40800 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
line-height:1.5;
margin:5px;
padding:10px 10px 12px;
text-align:center;
}
#cforms-2 div.waiting {
background:#D2720C none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
line-height:1.5;
margin:5px;
padding:10px 10px 12px;
text-align:center;
}

#cforms-2 div.success {
background:#6CC939 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
line-height:1.5;
margin:5px;
padding:10px 10px 12px;
text-align:center;
}

#cforms-3{
width: 100%;
}
#cforms-3 .linklove{
display:none
}
#cforms-3 form {
width: 100%;
}
	#cforms-3 legend {
		display:none;
}
	#cforms-3 p {
		margin: 0 12px 15px;
                text-align:center
	}
	#cforms-3 ul {
		list-style: none;
		margin: 0 12px;
	}
		#cforms-3 li {
			width: 90%;
			overflow: hidden;
			margin: 0 0 8px 12px;
		}

		#cforms-3 li.cf_li_err input{
border:1px solid #FF8C87;
}
		#cforms-3 li.cf_li_err span{
color: #FF8C87;
}

		#cforms-3 li.button {
			text-align: right;
		}
			#cforms-3 li input.text,
                        #cforms-3 li input,
			#cforms-3 li textarea {
				border: none;
				width: 130px;
				height: 20px;
				margin-right:3px;
			}
			#cforms-3 li label {
				display: block;
			}
#cforms-3 h3
{
	height: 39px;
	text-indent: -1000em;
	background: url(img/title/email-sign-up.png) no-repeat 0 0;
}
#cforms-3 fieldset
{
	padding:0;
	border:none;
	background:none; 
}
#cforms-3 div.failure {
background:#C40800 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
line-height:1.5;
margin:5px;
padding:10px 10px 12px;
text-align:center;
}
#cforms-3 div.waiting {
background:#D2720C none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
line-height:1.5;
margin:5px;
padding:10px 10px 12px;
text-align:center;
}

#cforms-3 div.success {
background:#6CC939 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
line-height:1.5;
margin:5px;
padding:10px 10px 12px;
text-align:center;
}

.widget_categories {
}
	.widget_categories ul {
		list-style: none;
		margin: 0;
	}
		.widget_categories li {
			padding: 7px 20px;
			border-bottom: solid 1px #dddddd;
		}
			.widget_categories a:link, .widget_categories a:visited {
				color: #000000;
			}


.wppp_list {
}
	.wppp_list ul {
		list-style: none;
		margin: 0;
	}
		.wppp_list li {
			padding: 7px 20px;
			/*border-bottom: solid 1px #dddddd;*/
		}
			.wppp_list a:link, .widget_categories a:visited {
				color: #000000;
			}

.join {
	text-align: center;
}
	.join input.text {
		border: solid 1px #dddddd;
	}
	.join span {
		display: block;
		font-size: 81.82%;
		margin: 5px 0 20px;
		color: #2f2f2f;
	}

	.widget .image {
		text-align: center;
		margin: 0 0 20px;
	}
	.widget .button {
		text-align: center;
	}

.widget .icons {
	list-style: none;
	margin: 0 auto;
	width: 110px;
	overflow: hidden;
	padding: 10px 0 0;
}
	.widget .icons li {
		float: left;
		margin: 0 4px 15px 0;
	}
		.widget .icons a:link, .widget .icons a:visited {
			float: left;
			display: block;
			width: 34px;
			height: 34px;
			text-indent: -1000em;
		}
		.widget .icons .twitter a:link, .widget .icons .twitter a:visited {
			background: url(img/icon-twitter.png) no-repeat 0 0;
		}
		.widget .icons .facebook a:link, .widget .icons .facebook a:visited {
			background: url(img/icon-facebook.png) no-repeat 0 0;
		}
		.widget .icons .stumble a:link, .widget .icons .stumble a:visited {
			background: url(img/icon-stumble.png) no-repeat 0 0;
		}
		.widget .icons .digg a:link, .widget .icons .digg a:visited {
			background: url(img/icon-digg.png) no-repeat 0 0;
		}
		.widget .icons .m a:link, .widget .icons .m a:visited {
			background: url(img/icon-m.png) no-repeat 0 0;
		}
		.widget .icons .youtube a:link, .widget .icons .youtube a:visited {
			background: url(img/icon-youtube.png) no-repeat 0 0;
		}
		.widget .icons .delicious a:link, .widget .icons .delicious a:visited {
			background: url(img/icon-delicious.png) no-repeat 0 0;
		}
		.widget .icons .rss a:link, .widget .icons .rss a:visited {
			background: url(img/icon-rss.png) no-repeat 0 0;
		}
	.widget .icons .alt {
		margin-right: 0;
	}
	.widget .icons .indent {
		padding-left: 20px;
	}

.widget_recent_entries {
}
	.widget_recent_entries ul {
		list-style: none;
		margin: 0;
	}
		.widget_recent_entries li {
			padding: 6px 20px;
		}
			.widget_recent_entries a:link, .widget_recent_entries a:visited {
				color: #FFFFFF;
			}

.widget_wppp {
}
	.widget_wppp ul {
		list-style: none;
		margin: 0;
	}
		.widget_wppp li {
			padding: 6px 20px;
		}
			.widget_wppp a:link, .widget_wppp a:visited {
				color: #FFFFFF;
			}
			
.consultation {
}
	.consultation p {
		margin: 0 12px 15px;
	}
	.consultation ul {
		list-style: none;
		margin: 0 12px;
	}
		.consultation li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 8px;
		}
		.consultation li.button {
			text-align: right;
		}
			.consultation li input.text,
			.consultation li textarea {
				display: block;
				border: none;
				width: 95%;
			}
			.consultation li label {
				display: block;
			}




/* posts
----------*/

.post {
	margin: 0 0 20px;
}
	.post h2 {
		font-size: 16px;
		font-weight: normal;
		height: 39px;
		line-height: 35px;
		letter-spacing: -0.05em;
		background: url(img/title-bg.png) no-repeat 0 100%;
		margin: 0 0 15px;
	}
		.post h2 a:link, .post h2 a:visited {
			color: #000000;
		}
			.post h2 span,
			.post h2 a:link span, .post h2 a:visited span {
				color: #74cd24;
			}
	.post p {
		font-size: 12px;
	}
	.post p.date {
		font-size: 10px;
		color: #909090;
	}
	.post .entry {
		width: 100%;
		overflow: hidden;
	}
 .entry ul {
		list-style-type:disc;
		padding:15px;
	}
		.post img {
			border: solid 1px #d6f2b6;
    float:right;
    margin-left: 10px;
    margin-bottom: 10px;
		}
		.post a.more-link:link, .post a.more-link:visited {
			float: right;
			font-weight: bold;
                        font-size:12px;
                        padding-top:15px;
                        color:#57b809;
		}

.commentlist {
	font-size: 90.91%;
	list-style: none;
	margin: 0 0 25px;
}
	.commentlist li {
		margin: 0 0 15px;
		background: #f8fcf4;
		padding: 40px 30px;
		position: relative;
	}
		.commentlist .comment-author {
			position: absolute;
			left: 15px;
			top: 15px;
			font-size: 110%;
			font-weight: bold;
			color: #74cd24;
		}
			.commentlist .comment-author a:link, .commentlist .comment-author a:visited {
				color: #74cd24;
				font-style: normal;
			}
		.commentlist .comment-meta {
			position: absolute;
			right: 15px;
			bottom: 15px;
			color: #909090;
		}
			.commentlist .comment-meta a:link, .commentlist .comment-meta a:visited {
				color: #909090;
			}

#respond {
}
	#respond h3 {
		text-indent: -1000em;
		width: 113px;
		height: 11px;
		background: url(img/title/leave-comment.png) no-repeat 0 0;
		margin: 0 0 20px;
	}
		#respond input.text,
		#respond textarea {
			display: block;
			border: solid 1px #dddddd;
			width: 50%;
			padding: 5px 5px;
		}
		#respond textarea {
			width: 97.5%;
		}
		#respond label {
			display: block;
			font-size: 90.91%;
			padding: 2px 0 3px;
		}
	#respond p.button {
		text-align: right;
	}



#cols {
	clear: both;
	width: 920px;
	overflow: hidden;
	background: #f2fbec;
	padding: 20px 20px;
}
	#cols .widget3 {
		float: left;
		width: 33.33%;
	}
		#cols .widget3 h3 {
			height: 11px;
			overflow: hidden;
			padding: 0 0 10px;
			border-bottom: solid 1px #b9e798;
			margin: 0 0 15px;
		}
		#cols #recent-posts-4 h3 {
			text-indent: -1000em;
			background: url(img/title/recent-posts.png) no-repeat 0 0;
		}
		#cols #recent-comments-3 h3 {
			text-indent: -1000em;
			background: url(img/title/recent-comments.png) no-repeat 0 0;
		}
		#cols #text-11 h3 {
			text-indent: -1000em;
			background: url(img/title/free-seo-consultation.png) no-repeat 0 0;
		}


		#cols .widget3 ul {
			list-style: disc inside;
			margin: 0 1em 0 0;
			font-size: 90.91%;
			line-height: 1.5;
		}
			#cols .widget3 li {
				padding: 0;
				margin: 0 0 1em;
			}
		#cols .widget3 p {
			font-size: 90.91%;
			line-height: 1.5;
			margin-right: 1em;
		}
		#cols .widget3 a:link, #cols .widget3 a:visited {
			color: #000000;
		}
		#cols .widget_recent_entries ul {
			font-size: 100%;
		}





/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 .3em 1em;
	display: inline;
}

img.alignleft {
	margin: 0 1em .3em 0;
	display: inline;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.dot
{
	background: url(img/dot.gif) no-repeat 0 100%;
	width: 9px;
	float:left;
}

#contentPager
{
text-align:center;font-size:14px;
}

#contentPager p a:link, a:visited {
	color: #83d542;
	text-decoration: none;
}

#li-2-2
{
color:#2F2F2F;
display:block;
font-size:77%;
margin:5px 0 20px;
}

#sendbutton2 {
  width: 89px;
  height: 32px;
  padding: 55px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(img/but-join.png) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#sendbutton2 { /* For non-IE browsers*/
  height: 0px;
}

#li-2-1 label
{
display:none;
}