/*
Theme Name: Quisk Design
Theme URI: http://www.quisk.com.au
Description: Quisk Design Blog Theme
Version: 1.0
Author: Quisk Design
Author URI: http://www.quisk.com.au
*/


body {
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff url(../../../../img/quisk-bg-main.jpg) center top no-repeat fixed;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

img {
	border:none;
}

h3 {
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:4px 0px 4px 0px;
}

h4 {
	color:#FFFFFF;
        font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:4px 5px 5px 33px;
}

h5 {
	font-size:11px;
        font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding:10px 20px 10px 33px;
	margin:0;
	line-height:15px;
	color:#ff9900;
	font-weight:bold;
}

p {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:5px 0px;
	margin:0;
}

a, a:link, a:active, a:visited {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

a:hover {
	color:#666666;
}

#container {
	width: 800px;
	text-align:left;
	padding:0;
	margin:0 auto;
}

#header {
	width:800px;
	height:126px;
}

#header-right {
	width: 590px;
	height:126px;
	float: right;
}

#nav {
	width:452px;
	height:31px;
	padding: 62px 0px 0px 0px;
	margin:0;
	float:right;
	border-bottom:#e5e5e5 1px solid;
}

#nav ul {
	width:432px;
	list-style:none;
	padding:0px 22px;
	margin:0;
}

#nav ul li {
	color:#8f807d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	display:inline;
}

#nav ul li a, #nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
	color:#8f807d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	float:left;
	padding:5px 10px 10px;
	margin:0px;
	display:inline;
}

#nav ul li a:hover {
	color:#ff9800;
	text-decoration: none;
}

#quisk-logo {
	width:210px;
	height:126px;
	background:url(../../../../img/quisk-design-logo.gif) top left no-repeat;
	float:left;
}

#slideshow {
	width:800px;
	height:286px;
}

#breadcrumb {
	width:800px;
	height:38px;
	background:url(../../../../img/quisk-breadcrumb.gif) top left no-repeat;
}

#breadcrumb p {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:14px 0px 0px 16px;
	margin:0;
	text-transform:uppercase;
}

#breadcrumb-left {
	height:38px;
	width:700px;
	float:left;
}

#breadcrumb-right {
	height:38px;
	width: 100px;
	float:right;
}

#rss {
	width:24px;
	height:26px;
	margin: 12px 11px 0px 0px;
	float:right;
	overflow:hidden;
}

#rss a:hover {
	text-indent:-24px;
	width:24px;
	height:26px;
	float:right;
	overflow:hidden;
}

#content-holder {
	width:800px;
	height:168px;
}

#content-holder-left {
	width:388px;
	height:168px;
	float:left;
}

#content-holder-right {
	width:364px;
	height:106px;
	padding: 26px 24px;
	float:right;
}

#panels {
	width:800px;
	height:194px;
	margin:0;
	padding:0;
}

#panels p{
	color:#666666;
	font-size:14px;
	text-transform:uppercase;
	padding:15px 0px 10px 14px;
	margin:0;
}

#panels p.panels-kick {
	padding-left:16px;
}

#panels-left-holder {
	width:267px;
	height:190px;
	float:left;
}

#panels-websites {
	width:267px;
	height:153px;
}

#panels-right-holder {
	width:533px;
	height:190px;
	float:right;
}

#panels-rh-left {
	width:265px;
	height:190px;
	float:left;
}

#panels-rh-right {
	width:268px;
	height:190px;
	float:right;
}

#panels-print {
	width:265px;
	height:153px;
}

#panels-corporate {
	width:268px;
	height:153px;
}

#base-info {
	width:798px;
	height:157px;
	border:#e4e4e4 solid 1px;
	padding:0;
	margin:0;
}

#base-info p {
	color:#666666;
	font-size:14px;
	text-transform:uppercase;
	padding: 0px;
	margin:0;
}

#subscribe-box {
	width:172px;
	height:123px;
	background:url(../../../../img/subscribe-box.gif) bottom left no-repeat;
	padding:24px 5px 10px 32px;
	float:left;
}

#base-info-right-holder{
	width:589px;
	height:127px;
	float:right;
}

#latest-blogs-box {
	width:167px;
	height:123px;
	background:url(../../../../img/latest-blogs-box.gif) bottom left no-repeat;
	padding:24px 5px 10px 18px;
	float:left;
}

#latest-blogs-box ul {
	list-style:none;
	padding:4px 0px 0px 0px;
	margin:0;
}

#latest-blogs-box ul li {
	padding:0px 0px 0px 8px;
	margin:0;
	line-height:14px;
	background: url(../../../../img/blog-bullet.gif) top left no-repeat;
}

#latest-blogs-box ul li a, #latest-blogs-box ul li a:link, #latest-blogs-box ul li a:active, #latest-blogs-box ul li a:visited{
	padding:0;
	margin:0;
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

#latest-blogs-box ul li a:hover {
	padding:0;
	margin:0;
	color:#999999;
	font-size:11px;
	text-decoration:none;
}

#testimonials-box {
	width:380px;
	height:123px;
	background:url(../../../../img/testimonials-box.gif) bottom left no-repeat;
	padding:24px 5px 10px 14px;
	float:right;
}

#testimonials-box p.quote {
	font-style:italic;
	font-size:11px;
	line-height:16px;
	text-transform:none;
	padding:5px 32px 10px 0px;
}

#footer {
	width:760px;
	height:50px;
	padding:24px 20px 30px 20px;
	margin:0;
}

#footer p {
	color:#747474;
	text-align:center;
	line-height:18px;
	font-size:11px;
}

#footer p a, #footer p a:link, #footer p a:active, #footer p a:visited {
	color:#747474;
	text-align:center;
	line-height:18px;
	font-size:11px;
	text-decoration:none;
}

#footer p a:hover {
	color:#333333;
	text-decoration:none;
}

#footer p span.footerlight {
	color:#c1c1c1;
}

#footer p span.footerlight a, #footer p span.footerlight a:link, #footer p span.footerlight a:visited, #footer p span.footerlight a:active {
	color:#c1c1c1;
}

#footer p span.footerlight a:hover {
	color:#666666;
}

/*---------------- Begin - Inner Page Specific Styling ----------------*/

#inner-header {
	width:800px;
	height:80px;
}

#inner-content-space {
	width:800px;
	height:21px;
	padding:0;
	margin:0;
}
#inner-content-base-clear {
	width:800px;
	height:25px;
	padding:0;
	margin:0;
	clear:both;
}
#inner-content {
	width:800px;
	margin:0px;
	padding:0px;
}

#ic-left-holder {
	width:210px;
	float:left;
}

#icl-services {
	width:210px;
	background: url(../../../../img/left-panel-bg.jpg) top right no-repeat;
}

#icl-services ul{
	padding:5px 0px 25px 0px;
	margin:0;
}

#icl-services ul li{
	width:159px;
	font-size:11px;
	color:#666666;
	padding:4px 0px 4px 7px;
	margin:0px 0px 0px 33px;
	border-bottom:solid 1px #cfcbca;
	list-style:none;
	background:url(../../../../img/services-bullet.gif) top left no-repeat;
	display: inline-block;
	
}

#icl-services ul li a, #icl-services ul li a:link, #icl-services ul li a:active, #icl-services ul li a:visited {
	font-size:11px;
	color:#666666;
	text-decoration:none;	
	display: inline-block;
}

#icl-services ul li a:hover {
	font-size:11px;
	color:#333333;
	text-decoration:none;	
}

#icl-spotlight {
	width:210px;
	background: url(../../../../img/left-panel-bg.jpg) top right no-repeat;
}

#icl-spotlight p {
	font-size:11px;
	color:#666666;
	padding:4px 20px 4px 33px;
	margin:0;
	line-height:15px;
}

#icl-spotlight p.orange {
	color:#ff9900;
	font-weight:bold;
}

span.orange {
	color:#ff9900;
	font-weight:bold;
	line-height:15px;
}

span.orange a {
	color:#ff9900;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	line-height:15px;
}

span.orange a:hover {
	color:#a16100;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	line-height:15px;
}

#ic-right-holder {
	width:530px;
	float:right;
	padding: 0px 30px;
	background:#FFFFFF;
}

/*#ic-right-holder img {
float:right;
padding-left:20px;
}*/


#ic-right-holder p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#666666;
	text-align:justify;
	margin:0;
	padding:4px 0px
}

#ic-right-holder ul {
	padding:4px 0px 4px 30px;
	margin:0px;
}

#ic-right-holder li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#666666;
	padding:0px;
	margin:0px; 
}

#ic-right-holder h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	line-height:32px;
	color:#FF9900;
	margin:0;
	padding:4px 0px
}

#ic-right-holder h1 a, #ic-right-holder h1 a:link, #ic-right-holder h1 a:active, #ic-right-holder h1 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:32px;
	color:#FF9900;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
}

#ic-right-holder h1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:32px;
	color: #FFCC33;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
}

#ic-right-holder h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	color:#FF9900;
	margin:0;
	padding:4px 0px
}

#ic-right-holder h2 a, #ic-right-holder h2 a:link, #ic-right-holder h2 a:active, #ic-right-holder h2 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:22px;
	color:#FF9900;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
}

#ic-right-holder h2 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:22px;
	color: #FFCC33;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
}

#ic-right-holder h3 {
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:4px 0px 4px 0px;
}

#ic-right-holder h3 a, #ic-right-holder h3 a:link, #ic-right-holder h3 a:active, #ic-right-holder h3 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#FF9900;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
}

#ic-right-holder h3 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color: #FFCC33;
	margin:0;
	padding:4px 0px;
	text-decoration:none;
}

#icrh-title {
	width:589px;
	height:36px;
	background:url(../../../../img/title-graphic_design_is_our_thing.jpg) top left no-repeat;
	border:none;
	float:left;
}

#icrh-title p {
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#icrh-left {
	width:161px;
	float:left;
	padding:15px 0px 0px 25px;
}

#icrh-right-holder {
	width:404px;
	float:right;
}

#icrhrh-left {
	width:165px;
	float:left;
	padding:15px 0px 0px 28px;
}

#icrhrh-right {
	width:151px;
	float:right;
	padding:15px 35px 0px 25px;
}


/*---------------- End - Inner Page Specific Styling ----------------*/

/*---------------- Begin - blog Specific Styling ----------------*/

#post-break {
height:20px;
margin-top:10px;
border-top: solid 1px #e5e5e5;
}

div.post-date {
color:#999999;
font-size:12px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0px;
}

div.post-heading {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
line-height:22px;
color:#FF9900;
margin:0;
padding:4px 0px;
}

div.post-heading a, div.post-heading a:link, div.post-heading a:active, div.post-heading a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
color:#FF9900;
margin:0;
padding:4px 0px;
text-decoration:none;
}

div.post-heading a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
color: #FFCC33;
margin:0;
padding:4px 0px;
text-decoration:none;
}

div.entry {
clear:right;
}

#post-end-break {
height:20px;
clear:right;
}

p #comment {
width:525px;
}

/*---------------- Begin - blog-post image alignment Specific Styling ----------------*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*---------------- End - blog-post image alignment Specific Styling ----------------*/

/*---------------- Begin - blog-breadcrumb Styling ----------------*/

#breadcrumb-left p {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}

#breadcrumb-left p a {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}

#breadcrumb-left p a:hover {
	color:#ffd7ae;
}

div.breadcrumb {
	padding:16px 0px 0px 16px;
	margin:0;
}

div.breadcrumb a {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
}

div.breadcrumb a:hover {
	color:#ffd7ae;
}

span.bc-sep {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

span.bc-sep2 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px 1px 0px 7px;
}

div.breadcrumb span.active {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}

/*---------------- End - blog-breadcrumb Styling ----------------*/

/*---------------- End - blog Specific Styling ----------------*/
/*---------------- Begin - Email Subscription Specific Styling ----------------*/

span.label,span.spacer,span.multiple span {width:120px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC;} 
span.multiple {float:left;} 
div.sform-button {margin-top:10px;} 
div.clear {clear:both;padding-top:5px;}
span.subscribetext {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#jkjde-jkjde {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#name {font-family:Arial, Helvetica, sans-serif; color:#666666;}
#subscribe-box form {margin-top:10px;}
div.sform-email {margin-top:5px;}

/*---------------- End - Email Subscription Specific Styling ----------------*/

/*---------------- End - Error Specific Styling ----------------*/
.fields-subscribe {
	color: #666666;
	font-size: 10px;
	width: 140px;
	height: 15px;
	background-color: #ffffff;
	padding: 0px 0px 0px 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	background-position: center;
}
.subBUTTON {
	border: 1px ridge #999999;
	color: #666666;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 18px;
	padding: 0px;
	margin: 0;
}
h3.portfolio {
	margin: 0 0 5px 0;
}
/*---------------- Quisk Mailer ----------------*/

div#mailer label {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	margin: 0px 0px 8px 0px ;
}
.fields-mailer {
	color: #333333;
	font-size: 15px;
	width: 250px;
	height: 24px;
	background-color: #ffffff;
	padding: 0px 0px 0px 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	}


#archives-3, #categories-4 {
	width:210px;
	background: url(../../../../img/left-panel-bg.jpg) top right no-repeat;
}
#ic-left-holder li h2.widgettitle {
	list-style:none;
}
h2.widgettitle {
	color:#FFFFFF;
        font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:4px 5px 5px 33px;
}