/*
Theme Name: ADMv2
Theme URI: http://www.abrishca.com.au
Description: Redesign for Abrishca Digital Media portfolio 2010 (version 2)
Version: 2.0
Author: Abrishca Digital Media
Author URI: http://www.abrishca.com.au
*/

/*       color values
#d7d7d7 light grey (background)
#444444 dark grey (main text)
#5fbe66 green (header/logo)
*/

/*reset and other stuff*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, blockquote {
	margin: 0; padding: 0; border: 0;
}
a:focus { outline: none; }
a, a:hover, a:active { outline: none; }
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
.clear {
	clear: both;
}

/*basics*/
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	background: #d7d7d7 url(images/bgtexture.jpg);
}
#container {
	
}
#wrapper {
	background: url(images/bgheader.jpg) 0 0 repeat-x;
} 
#main {
	width: 768px;
	clear: left;
	margin: 0 auto 30px auto;
}

/*typography*/
p {
	font-size: 16px; 
	line-height: 24px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	margin: 0 0 20px 0;
}


/*header area*/
#header {
	height: 203px;
	width: 960px;
	margin: 0 auto;
}		
#header h1 a {
	display: block; float: left; width: 480px; height: 138px; margin: 37px 0 0 0;
	background: url(images/logo.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#tagline {
	float: left; width: 415px; height: 32px; margin: 90px 0 0 65px;
	background: url(images/tagline.png) 0 0 no-repeat;
}

/*navigation*/
#navigation {
	width: 960px;
	height: 50px;
	text-align: right;
	margin: 0 auto;
}
#navigation ul {
	margin: 0; 
	padding: 15px 0 15px 0;
	list-style-type: none; list-style-image: none; list-style-position: inside;
}
#navigation li {
	display: inline;
}
#navigation a:link, #navigation a:visited, #navigation a:focus {
	text-decoration: none;
	color: #999999;
	text-shadow: 0 1px 0 #ffffff;
	padding: 20px 30px 15px 30px;
}

#navigation a:hover {
	color: #999999;
	background: rgb(232, 232, 232);
	background: rgba(255, 255, 255, 0.5);
	box-shadow: #666666 0 0 5px;
	-moz-box-shadow: #666666 0 0 5px;
	-webkit-box-shadow: #666666 0 0 5px;
	padding: 20px 30px 14px 30px;
}
#navigation a:active { 
	outline: 0; 
	position: relative; 
	top: 1px; 
}
#navigation li.current_page_item {
	color: #999999;
	background: rgb(232, 232, 232);
	background: rgba(255, 255, 255, 0.5);
	box-shadow: #666666 0 0 5px;
	-moz-box-shadow: #666666 0 0 5px;
	-webkit-box-shadow: #666666 0 0 5px;
	padding: 20px 0 14px 0;
}

/*home page*/
#featured {
	width: 960px;
	height: 359px;
	margin: 0 auto 50px auto;
	background: url(images/featbottom.jpg) bottom center no-repeat;
	overflow: hidden;
}
#featured img {
	width: 960px;
	height: 349px;
	top: 0;
	left: 0;
}
#action {
	width: 334px;
	float: left;
	margin: 0 100px 0 0;
}
#action ul {
	list-style-type: none; list-style-image: none; list-style-position: inside;
}
li.view {
	margin: 30px 0 30px 0;
}
#home {
	width: 334px;
	float: left;
	margin: 0 0 0 0;
}
#home h2.homeleft {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 20px #888888;
	-webkit-box-shadow: inset 1px 1px 20px #888888;
	border: 1px solid #888888;
	background-color:#d7d7d7;
	color:#444444;
	font-size:20px;
	margin: 7px 100px 27px 0;
	padding:10px;
	text-shadow:0 1px 0 #fefefe;
	text-transform: uppercase;
}
#home h2.homeright {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 0 0 20px #888888;
	-webkit-box-shadow: inset 0 0 20px #888888;
	border: 1px solid #888888;
	background-color:#d7d7d7;
	color:#444444;
	font-size:20px;
	margin:0 0 43px 82px;
	padding:10px;
	text-shadow:0 1px 0 #FFFFFF;
	text-transform: uppercase;
}
#home a:link, #home a:visited {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#444444;
	font-size: 14px;
	margin: 0 0 0 208px;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
#home a:hover, #home a:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#ffffff;
	font-size: 14px;
	margin: 0 0 0 208px;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
#home a:active { 
	outline: 0; 
	position: relative; 
	top: 1px; 
}
p.homelast {
	margin: 0 0 10px 0;
}

/*start about page*/
#about {
	width: 768px;
}
#about h2 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 20px #888888;
	-webkit-box-shadow: inset 1px 1px 20px #888888;
	border: 1px solid #888888;
	background-color:#d7d7d7;
	color:#444444;
	font-size:30px;
	margin: 50px 0 20px 0;
	padding:10px;
	text-shadow:0 1px 0 #fefefe;
	text-transform: uppercase;
}
#about h3 {
	font-size: 18px; 
	line-height: 29px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	text-align: center;
	margin: 50px 0 0 0;
}
#about h4 {
	font-size: 18px; 
	line-height: 29px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	text-align: left;
	margin: 30px 0 10px 0;
}
#about ul {
	font-size: 16px; 
	line-height: 29px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	margin: 0 0 20px 0;
	list-style: none;
}
#about ul li {
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 30px;
}
#about p{
	font-size: 16px;
	line-height: 24px;
}
#about a:link, #about a:visited {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#444444;
	font-size: 16px;
	margin: 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
#about a:hover, #about a:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#ffffff;
	font-size: 16px;
	margin: 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
#about a:active { 
	outline: 0; 
	position: relative; 
	top: 1px; 
}
#about h2.trigger {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 20px #888888;
	-webkit-box-shadow: inset 1px 1px 20px #888888;
	border: 1px solid #888888;
	background-color:#d7d7d7;
	color:#444444;
	font-size:20px;
	margin: 40px 0 20px 0;
	padding:10px;
	text-shadow:0 1px 0 #fefefe;
	text-transform: uppercase;
	text-align: center;
}
#about h2.trigger a {
	background: transparent;
	color:#444444;
	font-size:20px;
	margin: 40px 0 20px 0;
	padding:10px;
	text-shadow:0 1px 0 #fefefe;
	text-transform: uppercase;
	text-align: center;
}

.toggle_container .block {
	padding: 20px 5px; /*--Padding of Container--*/
}

/*start portfolio page*/
#portfolio {
	width: 768px;
	margin: 50px 0 50px 0;
}
#portfolio h3 {
	font-size: 18px; 
	line-height: 29px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	text-align: center;
	margin: 0;
}

.pfimage {
	width: 314px;
	float: left;
	margin: 50px 100px 0 0;
	background: rgb(232, 232, 232);
	background: rgba(255, 255, 255, 0.5);
	box-shadow: #666666 0 0 5px;
	-moz-box-shadow: #666666 0 0 5px;
	-webkit-box-shadow: #666666 0 0 5px;
	padding: 10px;
}
.pflink {
	width: 334px;
	float: left;
	margin: 120px 0 0 0;
	text-align: center;
}
.pflink a:link, .pflink a:visited {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#444444;
	font-size: 16px;
	margin: 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
.pflink a:hover, .pflink a:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#ffffff;
	font-size: 16px;
	margin: 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
.pflink a:active { 
	outline: 0; 
	position: relative; 
	top: 1px; 
}
/*start contact page*/
#contact {
	width: 334px;
	float: left;
	margin: 0 100px 0 0;
}
#contact p {
	font-size: 16px;
	line-height: 24px;
}
#contactform {
	width: 292px;
	float: left;
	margin: 50px 0 50px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 20px #888888;
	-webkit-box-shadow: inset 1px 1px 20px #888888;
	border: 1px solid #888888;
	background-color:#d7d7d7;
	padding: 20px;
}
#contact h2 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 20px #888888;
	-webkit-box-shadow: inset 1px 1px 20px #888888;
	border: 1px solid #888888;
	background-color:#d7d7d7;
	color:#444444;
	font-size:20px;
	margin: 50px 0 20px 0;
	padding:10px;
	text-shadow:0 1px 0 #fefefe;
	text-transform: uppercase;
	text-align: center;
}
#contact h3 {
	font-size: 18px; 
	line-height: 29px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	text-align: center;
	margin: 20px 0 20px 0;
}
.required {
	color: red;
}
#contactform p {
	font-size: 14px;
	text-transform: uppercase;
}
#contactform input.contact {
	padding: 10px;
	font-size: 14px;
	border: 1px solid #888888;
	font-family: Helvetica, sans-serif;
	width: 270px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contactform input.submit {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#444444;
	font-size: 20px;
	margin: 0;
	padding: 10px;
	text-shadow:0 1px 0 #d7d7d7;
	border: none;
	text-transform: uppercase;
	font-family: Helvetica, sans-serif;
	width: 150px;
}
#contactform input.submit:hover {
	background: #e2f3e3;
}
#contactform input {
	padding: 10px;
	font-size: 14px;
	border: 1px solid #888888;
	font-family: Helvetica, sans-serif;
	width: 20px;
}
#contactform textarea {
	padding: 10px;
	font-size: 14px;
	border: 1px solid #888888;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	width: 270px;
	height: 200px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contactform input:focus, #contactform textarea:focus {
	background-color: #e2f3e3;
}
#contact a:link, #contact a:visited {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#444444;
	font-size: 16px;
	margin: 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
#contact a:hover, #contact a:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#5fbe66;
	color:#ffffff;
	font-size: 16px;
	margin: 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: none;
}
#contact a:active { 
	outline: 0; 
	position: relative; 
	top: 1px; 
}
.wpcf7-list-item {
	display: block;
}


/*start error page */
#errorpage {
	width: 960px;
	margin: 50px 0 0 0;
}
#errorpage h3 {
	font-size: 26px; 
	line-height: 29px; 
	color: #444444;
	text-shadow: 0 1px 0 #fefefe; 
	text-align: center;
	margin: 50px 0 50px 0;
}
#errorpage ul {
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: inside;
}
#errorpage ul li {
	display: inline;
}
#errorpage li.view {
	margin: 50px 0 50px 313px;
}
#errorpage li.contact {
	margin: 50px 0 50px 286px;
}




/*start footer*/
#footer {
	clear: both;
	background: #272727 url(images/foottexture.jpg) 0 0 repeat-x;
	padding-top: 70px;
}
#footercontent {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
}

#footercontent ul {
	margin: 0; padding: 0;
	list-style-type: none; list-style-image: none; list-style-position: inside;
	color: #d7d7d7;
	font-size: 14px;
}
#footercontent li {
	display: inline;
	margin: 0 25px;
}
#footercontent a:link, #footercontent a:visited {
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #d7d7d7;
	padding: 0;
}
#footercontent a:hover, #footercontent a:focus {
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #d7d7d7;
	padding: 0;
}

#footercontent a:active { 
	outline: 0; 
	position: relative; 
	top: 1px; 
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#home h2.homeleft {
	margin: 7px 95px 27px 0;
}
#home h2.homeright {
	margin:0 0 43px 77px;
}

}