/*

Theme Name: Spectacularly Simple

Theme URI: http://www.prettysimple.co.uk

Description: Customised theme

Author: James Coltham

Version: 1.0

*/





html, body, a, object, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, dt, dd, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video {

  margin: 0; 

  padding: 0; 

  border: 0; 



  font-size: 101%; 

  vertical-align: baseline; 

  background: transparent;

}



article, aside, figure, footer, header, hgroup, nav, section {display: block;}



nav ul {list-style: none;}



ol { list-style-type: decimal;}



ins {

  background: #f60; 

  color: #000; 

  text-decoration: none;

}



mark {font-style: italic; font-weight: bold;}



abbr[title], dfn[title] {cursor: help;}



input, select {vertical-align: middle;}



html {

  overflow-y: scroll; /* always force scrollbar in IE */

  -webkit-font-smoothing: antialiased;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

  font-size: inherit; 

}



th, td {padding:5px;}



caption {

	white-space: nowrap;

}



select, input, textarea {font: 99% sans-serif;}



pre, code, kbd, samp {font-family: monospace, sans-serif;}



h1 {color:#222; font-size:160%;}



h2 {color:#333; font-size:150%;}



h3 {color:#444; font-size:140%;}



h4 {color:#555; font-size:130%;}



h5 {color:#666; font-size:120%;}



h6 {color:#777; font-size:110%;}



h1,  h2,  h3,  h4,  h5,  h6,  p,  ul,  ol, dl, table, blockquote, caption {margin: 0 0 15px 0; padding:0;}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #CC6633;}



.title404 {

	font-size:300%;

	color: #8f2306;

	line-height: 1.1;

}



a, a:link, a:active, a:visited {color: #AD461D;}
a:hover {color: #354250; -webkit-transition:background 500ms ease-in;}
a:focus {color: #354250; -webkit-transition:background 500ms ease-in;}


small {font-size: 85%;}



blockquote {

	background: rgba(255,255,255, 0.15);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
	font:italic normal 110%/1.4 georgia, serif;
	padding: 20px 20px 10px 20px;

}



strong, th {font-weight: bold;}



td, td img {vertical-align: top;}



sub {vertical-align: sub; font-size: 80%;}



sup {vertical-align: super;  font-size: 80%;}



pre {

  padding: 15px; 

  white-space: pre;

  white-space: pre-wrap; 

  white-space: pre-line; 

  word-wrap: break-word;

}



button {width: auto; overflow: visible;}



.group {clear: both;}



.hidden, .hide {display: none; visibility: hidden;}



.visuallyhidden {

  position: absolute !important; 

  clip: rect(1px 1px 1px 1px); 

/* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

}



.invisible {visibility: hidden;}



header:after, #main:after, #sub:after, #featured:after, #sub section:after, footer nav:after {

  content: ""; 

  height: 100%; 

  float: left; 

  width: 0; 

  margin-top: -32767px; 

  display: block;

}



/* Layout structure */



#container {background: url(images/mainContainer.jpg) repeat-x top;}



#main {

  margin:0 auto;

  overflow: hidden;

  padding:20px 0 0 0;

  width:960px;

}



#main ul, #main ol {margin-left:30px;}



#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, .title404 {

	text-shadow: 1px 1px 1px rgba(255,255,255,.3);


}



#main table {

	background: #c0ac95;

	border:1px solid #aa9781;

	width:99%;

}



#main table tbody tr:nth-child(odd) {

	background: #d0bda8;

}



#main table caption, #main table th {

	text-align: left;

}



#main table td, #main table th {

	border: 1px solid #aa9781;

}

/* Grid */



.module60, .module120, .module180, .module240, .module280, .module300, .module320, .module340, .module360, .module420, .module460, .module480, .module540, .module600, .module660, .module720, .module780, .module840, .module920, .module960 {

  float:left;

  margin-right:20px;

}





.module60 {width:60px;}

.module120 {width:120px;}

.module180 {width:180px;}

.module240 {width:240px;}

.module280 {width:280px;}

.module300 {width:300px;}

.module320 {width:320px;}

.module340 {width:340px;}

.module360 {width:360px;}

.module420 {width:420px;}

.module460 {width:460px;}

.module480 {width:480px;}

.module540 {width:540px;}

.module600 {width:600px;}

.module660 {width:660px;}

.module720 {width:720px;}

.module780 {width:780px;}

.module840 {width:840px;}

.module900 {width:900px;}

.module960 {width:940px;}



/* Font Embedding */



@font-face {

  font-family: 'LeagueGothicRegular';

  src: url('fonts/League_Gothic-webfont.eot');

  src: local('☺'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfonth8J5BRG2') format('svg');

  font-weight: normal;

  font-style: normal;

}



/* Spectacular Structure */



body {

  background: #ceb9a1 url(images/bodyBG.jpg);

  color: #444;

  font: 13px/1.4 "Myriad Pro", Tahoma, "Helvetica Neue", Arial, sans-serif;

  text-rendering: optimizeLegibility;

}



/* @group header */



a.more:link, a.more:visited {

  background: url(images/moreButton.png) no-repeat 0 0;

  clear: both;

  display: inline-block;

  height:18px;

  margin-top:10px;

  text-indent: -9999px;

  width:77px;

}



a.more:hover, a.more:focus, a.more:active {background-position: 0 -18px;}



header {

  background: #525e6b url(images/headerBG.jpg) repeat-x;

  height:260px;

  overflow: hidden;

  width:100%;

}



#site-name {

  float: left;

  font-family: 'LeagueGothicRegular';

  left:5px;

  position: relative;

  text-transform: uppercase;

  top:100px;

  width:460px;

}



#site-name a:link, #site-name a:visited {

  color: #AD461D;

  display: block;

  font-size:730%;

  letter-spacing: 1px;

  text-decoration: none;

  text-shadow: 4px 3px 0 #1b3643;

}



#site-name a:hover, #site-name a:focus, #site-name a:active {color: #af5533;}



#site-name span {

  clear: both;

  color: #354250;

  display: block;

  font-size:280%;

  margin-left:120px; /* change this to accomodate your site title */

  margin-top:-24px;

  text-shadow: 0 1px 1px #c7b29a;

}



header section {

  background: url(images/branding.jpg) no-repeat 0 0;

  height:260px;

  width:960px;

  margin:auto;

}



/* @group nav */



header nav {

  font-family: Tahoma, Geneva, sans-serif;

  float: right;

  font-size:1.6em;

  height:40px;

  letter-spacing: 2px;

  margin: 8px 0 0 0;

  overflow: hidden;

  text-transform: lowercase;

}



header nav ul {float:right; text-align: right;}



header nav li {

  float: left;

  padding:0;

  width:auto;

  white-space: nowrap;

}



header nav a:link, header nav a:visited {

  border-right:1px solid #3f4c59;

  color: #c7b29a;

  display: block;

  padding:6px 10px;

  text-decoration: none;

  text-shadow: 0 1px 1px #000;

  width:auto;

}



header nav li:nth-child(1) a {border-left:1px solid #3f4c59;}



header nav a:hover, header nav a:focus, header nav a:active {background: #28313c;}



#introduction {

  /* DONT USE BG IMG background: url(images/introduction.jpg) repeat-x; */

  color: #330000;

  height:100px;

  float: left;

  font-size:110%;

  margin-top:0px;

  padding:100px 0px 0 90px;

  width:418px;

}



#introduction h2 {

  color: #CC6633;

	font-size:150%; 

	margin-bottom: 10px;

	text-shadow: 0 1px 1px #222;

}



#introduction p {

	line-height: 1.2;

	margin-bottom: 10px;

}





/* @group featured post */



#featured {

  border-bottom: 2px dashed #ac977f;

  overflow: hidden;

  width:100%;

}


.portfolioItem {
border-bottom: 2px dashed #ac977f;
}



#featured section {

  background: rgba(0,0,0,0.1);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

  margin: 0 auto 90px auto;

  padding:20px;

  position: relative;

  top:50px;

  width:920px;

}



#featured section img {

  display: block;

  left:auto;

  margin:auto;

  position: relative;

  top:auto;

  z-index:1;

}



#featured section div {

  background: rgba(27,54,68,0.8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */

  color: #e4ccb1;

  height:178px;

  padding:10px 20px;

  position: absolute;

  right:23px;

  top:20px;

  width:417px;

  z-index: 2;

}



#featured section h2 a:link, #featured section h2 a:visited {

	font-size:22px;

	line-height: 1;

  text-decoration: none;

  text-shadow:1px 1px 0 #000;

}



#featured section h2 a:hover, #featured section h2 a:focus {color: #CC6633;}
#featured a {color: #e4ccb1;}


#featured section time {

  background: url(images/dateSheet.png) no-repeat;

  font:120% Georgia, serif;

  height:100px;

  left:-520px;

  padding-top:25px;

  position: absolute;

  text-align: center;

  text-shadow:1px 1px 0 #000;

  top:-53px;

  width:100px;

  z-index:3;

}



#featured section span {

  display: block;

  margin:auto;

  width:40px;

}



#featured section mark {

  background: #336666;

  color: #e4ccb1;

  padding:10px;

  position: absolute;

  right:0;

  top:-42px;

  z-index: 4;

}



#featured section a.more {

	display: block;

}



#featured section p {font-size:12px;}





/* @group homepage content */



#blog-intro {

display: block;

width: auto;

float:right;

font-style: italic;

font-weight: bold;

background-color: #336666;

color: #e4ccb1;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;

text-transform: uppercase;

}







/* homepage */



#home .entry, .excerpt {

	overflow: hidden;

	margin-bottom: 20px;

}



#home .excerpt {

	min-height:180px;

}



.excerpt-thumb {

  float: left;

  height: 100px;

  margin: 0 20px 0 0;

  width:100px;

}



.excerpt-thumb img {

  background: rgba(255,255,255, 0.15);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

  height:80px;

  padding:10px;

  width:80px;

}



.excerpt-body {

  background: rgba(255,255,255, 0.15);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

  display: inline;

  float: left;

  padding: 10px;

  width:320px;

}



.excerpt-body em {color: #535b65; padding-left:5px;}



.excerpt .time {margin-right:5px;}



#main .excerpt h2 {margin-bottom:0;}



.excerpt h2 a {

  text-decoration: none;

  text-shadow: 0 1px 1px #f1e5d8;

}



.excerpt p {margin:10px 0;}



.excerpt .more {float:right;}
.more {float:right;}


article {margin:15px 0 30px 0;}





article img {

	margin: 5px 5px 5px 5px;

align: centre;

	padding:1px;

}

.wp-caption {

background: rgba(255,255,255,.2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

margin: 1px 1px 1px 1px;

padding: 5px;
text-align: center;

}

.alignright {
float: right;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}




.paginate div {

	float: right;

	margin-left: 10px;

}



.paginate {

	margin: 10px 0;

	overflow: hidden;

}



.paginate a:link, .paginate a:visited {

	background-color: #ad5332 !important;

  color: #c7b29a;

	display: block;

	text-decoration: none;

	line-height: 20px;

	padding: 10px;

	background: rgba(0,0,0,.1);

	height: 20px;

	text-align: center;

	text-indent: -1px;

	width:20px;

}



.paginate a:hover, .paginate a:focus, .paginate a:active {

	background: #444 !important;

}



.entry-meta {

	border-top:1px dashed #ac977f;

	padding:15px 10px 0 0;

}



.entry-meta time {

	color: #555;

	float: left;

	font-weight: bold;

	margin:5px 15px 0 0;

	width:80px;

}



.entry-content {
font-size: 1.1em;
	clear: both;
background: rgba(255,255,255,.20);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
padding:10px;

}

#portfolio-content {
font-size: 1.1em;
	clear: both;
background: rgba(255,255,255,.20);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
padding:5px;

}

#portfolio-content a:hover, 
#portfolio-content a:focus { background: rgba(51,102,255,.60);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4c003366'); /* IE */}



.entry-utility {

	clear: both;

	background: rgba(0,0,0,.05);

	padding:10px;

}



/* @group Comments */

.commentlist
{
    list-style-type: none;
}


#comments {

	border-top:1px dashed #ac977f;

	padding-top: 15px;

}



.form-allowed-tags {

	background: rgba(0,0,0,.05);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cFFFFFF', endColorstr='#4cCCCCCC'); /* IE */

	color:#786b5c;

	padding:10px;



}



.avatar {

	background: rgba(0,0,0,.075);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cFFFFFF', endColorstr='#4cFFFFFF'); /* IE */

	float:left;

	margin-right:10px;

	padding: 5px;

}



.comment-body {

	margin-top: 5px;

	margin-left:65px;

}



.even {

	background: rgba(255,255,255,.5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cFFFFFF', endColorstr='#4cCCCCCC'); /* IE */

	border-top:1px dashed rgba(255,255,255,.2);

	border-bottom:1px dashed rgba(0,0,0,.2);

	padding:10px;

}



.odd {

	background: rgba(255,255,255,.35);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cFFFFFF', endColorstr='#4cCCCCCC'); /* IE */

	border-top:1px dashed rgba(255,255,255,.2);

	border-bottom:1px dashed rgba(0,0,0,.2);

	padding: 10px;

}



.comment {

	color:#555;

	position: relative;

	z-index: 1;

}



.commentmetadata a:link, .commentmetadata a:visited {

	color:#666;

	text-decoration: none;

}



.commentmetadata a:hover, .commentmetadata a:focus, .commentmetadata a:active {

	color:  #ad5332;

}



.reply a, .reply a:link, .reply a:visited {

	background: #ad5332;

  color: #c7b29a;

  display: block;

  float: right;

  padding:5px 10px;

  position: absolute;

  top:0;

  right:0;

  text-decoration: none;

  z-index: 10;

}



.reply a:hover, .reply a:focus, .reply a:active {

	background: #444;

}



/* @group Archives */



#archives {

	margin-top:25px;

}



#archives h1 {

	border-bottom:3px solid #ac977f;

}



#archives div {

	float: left;

	overflow: hidden;

	border-bottom:1px solid #ac977f;

	width:100%;

}



#archives ul {

	float: left;

	margin-left:0;

	overflow: hidden;

}



#archives li {

	float: left;

	list-style: none;

	width:120px;

	margin-right:20px;

}





#archives a {

	font-weight: bold;

	text-decoration: none;

}



#archives .yearly {

	border-right: 1px solid #ac977f;

}



#archives .group {

	margin-bottom: 15px;

	padding-bottom: 10px;

}



#archives .excerpt div a:link, #archives .excerpt div a:visited {

	color: #555;

}



#archives .excerpt div a:hover, #archives .excerpt div a:focus, #archives .excerpt div a:active {

	color:  #ad5332;

}



/* @group sidebar */



aside {margin-top:25px;}



aside ul, aside li {margin-left: 0; list-style: none;}



aside ul ul {

	margin-left:30px;

}



aside h3, #searchform label {

	border-top:3px solid #ac977f;

	font-size: 100%; 

	padding-top: 10px;

	text-indent: 2px;

	text-transform: uppercase;

}



aside a, aside a:link, aside a:visited {

	color: #666;

}



aside a:hover, aside a:focus, aside a:active {

	color: #ad5332;

}



aside li li {

	background: url(images/arrow.png) no-repeat 0 2px;

	line-height: 1.6;

	padding-left: 20px;

	min-height: 1%;

}





/* @group Widgets */



#widget_recent_entries h3 {

	background: url(images/iconPosts.png) no-repeat 0 4px;

	padding-left:30px;

}



#widget_recent_comments h3 {

	background: url(images/iconComments.png) no-repeat 0 4px;

	padding-left:30px;

}



#widget_archive h3 {

	background: url(images/iconArchive.png) no-repeat 0 4px;

	padding-left:30px;

}



#widget_categories h3 {

	background: url(images/iconCategory.png) no-repeat 0 4px;

	padding-left:30px;

}



#widget_meta h3 {

	background: url(images/iconMeta.png) no-repeat 0 4px;

	padding-left:30px;

}



 /* @group Sub Content */



#sub {

  background: rgba(0,0,0,.1) url(images/subTop.png) repeat-x top;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cCCCCCC', endColorstr='#4cCCCCCC'); /* IE */

  border-bottom:1px solid #cdbaa4;

  clear: both;

  overflow: hidden;

  padding-top:20px;

}



#sub h1, #sub h2, #sub h3, #sub h4, #sub h5, #sub h6 {

	text-shadow: 1px 1px 1px rgba(255,255,255,.2);

}



#sub section {margin: 0 auto; width:960px;}



#sub .cat {

  float: left;

  margin-bottom: 20px;

  list-style: none;

}



#sub #cat-heading {

  background: url(images/subContentCat.png) no-repeat;

  color: #c7b29a;

  display:block;

  font-size: 120%;

  height:49px;

  left:-2px;

  margin:0;

  padding:18px 0 0 60px;

  position: relative;

  text-align: left;

  top:-5px;

  width:245px;

}



#sub #cat-heading2 {

  background: url(images/subContentCat2.png) no-repeat;

  color: #c7b29a;

  display:block;

  font-size: 120%;

  height:49px;

  left:1px;

  margin:0;

  padding:20px 0 0 45px;

  position: relative;

  text-align: left;

  top:0px;

  width:245px;

}



#sub ul.cat {margin-left:0;}



#sub .cat li {

  float:left;

  margin:0 20px 5px 0;

  width:180px;

}



#sub .cat a:link, #sub .cat a:visited {

  background: rgba(255,255,255,.2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2cFFFFFF', endColorstr='#2cFFFFFF'); /* IE */

  color: #354250;

  display: block;

  padding:4px 10px;

  text-decoration: none;

  text-align: center;

}



#sub .cat a:hover, #sub .cat a:focus, #sub .cat a:active {

  background: rgba(53,66,80,.7);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1c000000', endColorstr='#1c000000'); /* IE */

  color: #c7b29a;

}



footer {

  background: #434443 url(images/footerBG.jpg);

  border-top:2px solid #3b3b3a;

  border-bottom: 2px solid #3b3b3a;

  clear: both;

  color: #ccc;

}



footer section {

  background: url(images/wp.png) no-repeat right center;

  min-height:80px;

  margin: auto;

  padding:10px;

  width:940px;

}



footer nav {

	float: left;

	margin: 10px 0;

	position: relative;

	width:900px;

}



footer nav li {

  float: left;

  margin-right:5px;

}



footer a:link, footer a:visited {

  color: #c7b29a;

  padding:6px 14px 5px 14px;

  text-shadow: 0 1px 1px #333;

}



footer a:hover, footer a:focus, footer a:active {color: #ad5332;}



footer .rss a:link, footer .rss a:visited {

	background: url(images/rss.png) no-repeat;

	display: block;

	height: 61px;

	padding: 0;

	position: absolute;

	right:50px;

	text-indent:-9999px;

	top:0;

	width:60px;

}



footer .rss a:hover, footer .rss a:focus, footer .rss a:active {

	background-position: 0 -60px;

}



footer .linkedin a:link, footer .linkedin a:visited {

	background: url(images/in.png) no-repeat;

	display: block;

	height: 61px;

	padding: 0;

	position: absolute;

	right:120px;

	text-indent:-9999px;

	top:0;

	width:60px;

}



footer .linkedin a:hover, footer .linkedin a:focus, footer .rss a:active {

	background-position: 0 -60px;

}



footer .tweet a:link, footer .tweet a:visited {

	background: url(images/tweet.png) no-repeat;

	display: block;

	height: 61px;

	padding: 0;

	position: absolute;

	right:190px;

	text-indent:-9999px;

	top:0;

	width:60px;

}



footer .tweet a:hover, footer .tweet a:focus, footer .rss a:active {

	background-position: 0 -60px;

}





footer small {

	clear: both;

	float: left;

	font-size:90%;

	margin:0 0 0 15px;

	width:100%;

}



footer small a {

	padding: 0 !important;

	margin:0;

}



/* @group Forms */



#quick-contact {

	overflow: hidden;

  position: relative;

  top:-60px;

}



#quick-contact h4 {font-size:160%;}



#quick-contact label {

  color: #92412a;

  display: block;

  margin:5px 0;

  text-indent: 2px;

  text-transform: uppercase;

}



#quick-contact input, #quick-contact textarea, #searchform #s, #comments #email, #comments #url, #comments #author, #comments email, #comments #comment, #comments textarea, #contact .contactform input, #contact .contactform textarea {

  background: rgba(0,0,0,.085) url(images/input.png) repeat-x top;

  border:1px solid rgba(0,0,0,0.15);

  display: block;

  font-size:120%;

  padding: 6px 10px;

  width:280px;

}



#contact .contactform input, #contact .contactform textarea {

	width:460px;

}



#comments #email, #comments #url, #comments #author, #comments email, #comments #comment, #comments textarea, #contact input, #contact textarea, #contact .contactform input, #contact .contactform textarea {

	background: rgba(0,0,0,.05);

}



#quick-contact .submit input, input#searchsubmit, #comments #submit, #contact .contactform .submit input {

  background: #444;

  border:0;

  color: #c7b29a;

  display: block;

  margin-top: 10px;

  padding:5px 10px;

}



#contact .contactform form  {

	background: rgba(255,255,255,.1);

  border: 2px dashed #ac977f;

  padding:20px;

  width:80%;

}



#quick-contact .submit input, #contact .contactform .submit input {

	width:80px;

}



#searchform {

	margin:20px 0;

}



#searchform label {

position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;

}



#searchform #s {

	width:260px;

}



/* grouped Form styles */



#comments label, #contact .contactform label {

  color: #92412a;

  line-height: 2;

  padding: 10px 0;

  text-transform: uppercase;

}





#quick-contact .submit input:hover, #quick-contact .submit input:focus, #quick-contact .submit input:active, #searchsubmit:hover, #searchsubmit:focus, #searchsubmit:active {

  background: #92412a;

}



#quick-contact input:hover, #quick-contact input:focus, #quick-contact input:active, #quick-contact textarea:hover, #quick-contact textarea:focus, #quick-contact textarea:active, #searchform #s:hover, #searchform #s:focus, #searchform #s:active {background: #c7b29a;}





/* @group border radius */



.cat a, #quick-contact form input, #quick-contact form textarea, #quick-contact .submit, #searchform .txt, #searchform #s, #searchsubmit, #comments #submit, #comments textarea, #comments input, #contact .customcontactform input, #contact .customcontactform textarea, #contact .customcontactform .submit {

  -moz-border-radius: 7px;

  -webkit-border-radius: 7px;

  border-radius: 7px;

}



blockquote {

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border-radius: 4px;



}



.paginate a {

  -moz-border-radius: 50%;

  -webkit-border-radius: 50px;

  border-radius: 50%;

}





/* 

 * print styles

 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 

 */



@media print {



* {

  background: transparent !important; 

  color: #444 !important; 

  text-shadow: none;

}



a, a:visited {color: #444 !important; text-decoration: underline;}



a:after {content: " (" attr(href) ")";}



abbr:after {content: " (" attr(title) ")";}



/* Don't show links for images */



pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}



q:before { content: ""; } 

q:after { content: ""; }  



img {page-break-inside: avoid;}



  @page { margin: 0.5cm; }



p, h2, h3 {orphans: 3; widows: 3;}



h2, h3 {page-break-after: avoid;}



}



/*

 * Media queries for responsive design

 */



@media all and (orientation:portrait) {



/* Style adjustments for portrait mode goes here */



}



@media all and (orientation:landscape) {



/* Style adjustments for landscape mode goes here */



}


@media screen and (max-device-width: 480px) {



/* Prevent iOS, WinMobile from adjusting font size */



html {

  -webkit-text-size-adjust: none; 

  -ms-text-size-adjust: none;

}



}

.skillsList, .skillsList li {

display: block;
float: left;
padding: 4px;

}

.skillsList li {
background: rgba(255,255,255, 0.15);
margin: 2px;
-moz-border-radius: 5px;
border-radius: 5px;
}