/* Theme Name: hhg Theme URI: http://www.hhgraphics.net Description: Clean and Simple Version: 1.0 Author: HHG
Author URI: http://www.hhgraphics.net */

/* resets ------------------------------------*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
/*img,*/
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font: 13px Helmet, Freesans, sans-serif;}

/* hand cursor on clickable elements */
/*.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer; color:#ffffff; background-color: #990000;}*/

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */;}
/*body {font: 13px Helmet, Freesans, sans-serif;}
* { font-family: sans-serif !important }*/

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #501517;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
/*a:link {-webkit-tap-highlight-color: #fcd700;} */

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/*****Basic Elements*****/
body {background: #f1f4f6; text-align: center; line-height: 1.6; font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #616161; }
h1, h2, h3, h4, h5, h6 { color: #4b4745; font-weight: normal; }
h1 { font-size: 26px; margin-bottom: 30px; }
h2 { font-size: 21px; margin-bottom: 30px; }
h3 { font-size: 18px; margin-bottom: 12px; }
h4 { font-size: 16px; margin-bottom: 11px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 12px; margin-bottom: 7px; }
a { text-decoration: none; color: #7B2F31; }
a:hover { text-decoration: underline; }
p, pre { margin-bottom: 10px; }
strong { color: #333131; font-weight: bold; }
ol { list-style-type: decimal; }
/*ul { list-style-type: disc; }*/
/*ul.cool-li { list-style-type: none; margin-bottom: 12px; }
ul.cool-li li { padding: 0px 0px 0px 15px; background: url(images/list-item.gif) no-repeat 0px 8px; }
em, dfn { font-style: italic; }
abbr,acronym { color: #353535; border-bottom: 1px dashed #868585; }
dfn, dt { color: #353535; }
dd { margin: 0px 0px 0px 10px; }
div.hr { border-top: 1px solid #e9eced; height: 1px; width: 100%; margin: 10px 0px; clear: both; } /* use this div
with a class "hr" instead of the standart hr element */
fieldset { border: 3px solid #eeeeee; padding: 10px; }
legend { font-size: 14px; color: #a1a0a0; font-weight: bold; }
fieldset label { display: block; font-size: 13px; }
fieldset input, fieldset textarea { background: #F1F1F1; border:1px solid #E2E2E2; padding:3px; color:#4C4C4C; }
blockquote span { color: #77868b; font-weight: bold; }
p.author { color: #437181; font-weight: bold; }
p.author em { font-weight: normal; color: #616161; }

/*****Generic Classes*****/
.minmargin { margin-bottom: 1px; }
.nomargin { margin-bottom: 0px; }
.alignleft { float: left; }
.alignright { float: right; }
.container { width: 940px; margin: 0 auto; text-align: left; position: relative; overflow: hidden;  }
.clearfix { clear: both; }
.wp-caption { text-align: left; margin: 10px 10px 10px 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; padding: 0 4px 5px; margin: 0; }
ul.inline, ul.inline li { display: inline; }

select, input, textarea {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.03) inset;
    font: 99% sans-serif;
    outline: medium none;
    padding: 8px;}

	.transparent {
	        zoom:1; 
	        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	        filter: alpha(opacity=50);
	        -moz-opacity:0.5;
	        -khtml-opacity: 0.5;
	        opacity: 0.5;
	}

/*****Basic Layout*****/

/** Header **/
#header {/*background: -webkit-gradient(linear, left top, left bottom, from(#1e184e), to(#110c36)); background: -moz-linear-gradient(top, #1e184e, #110c36); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e184e', endColorstr='#110c36');*/ /*
ie7 */ /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e184e', endColorstr='#110c36');*/  /* ie8 */ background: url(images/blue-paper.jpg) repeat-x; height: 112px; }
/** Logo **/
#header h1 {font-weight: normal; font-size: 36px; font-family: Palatino Linotype, Georgia, serif;color: #a2928a;text-shadow: 0px 1px 2px #09051b; /* background: url(images/logo-trans.png) no-repeat;*/ /*width: 174px; height: 25px;*/ /*text-indent: -9990px;*/margin: 25px 0 -10px; }
#header h1 a {color: #a2928a;
    text-decoration: none; text-shadow: 0px 1px 2px #09051b;}
#header span#slogan { font-style: italic; color: #a2928a; font-size: 13px; }
/*** Main Menu ***/
/*#header ul#top_menu { list-style-type: none; position: absolute; right: 0px; top: 42px; overflow: hidden; }
#header ul#top_menu li { float: left; }
#header ul#top_menu li a { color: #C8C998; display: block; padding: 5px 10px; text-transform: uppercase; }
#header ul#top_menu li a { text-decoration: none; }
#header ul#top_menu li.active a, #header ul#top_menu li a:hover { color: #C8C998; }
#header ul#top_menu li.active { background: #823b6c url(images/active_item.gif) repeat-x; margin: 0px 5px; }*/

/*#header li.current_page_item { /*background: #03091f url(images/gradient.png) repeat-x 0 -60px;*/ /*color: #444; border-top:
solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }*/
#footer li.current_page_item { background: none; color: #844370; }

/*body { font: normal .8em/1.5em Arial, Helvetica, sans-serif; background: #ebebeb; width: 900px; margin: 100px auto; color: #666; }
a { color: #333; } */
#nav { float: left; margin: -50px 0 0 250px; padding: 7px 6px 0; /*background: #091029 url(images/gradient.png) repeat-x 0 -110px;*/ background: url(images/blue-paper.jpg) repeat-x 0 -100px; line-height: 100%;
 border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .8); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .8); } 
#nav li { margin: 0 1px; padding: 0 0 8px; float: left; position: relative; list-style: none; }

/* main level link */ 
#nav a { font-weight: bold; color: #e7e5e5; text-decoration: none; display: block; padding: 8px 20px; margin: 0;-webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; text-shadow: 0 1px 1px rgba(0,0,0, .3); } 
#nav a:hover { background: #999; color: #fff; }

/* main level link hover */ 
#nav .current_page_item a, #nav li:hover > a  { background: #4d3e1a url(images/gradient.png) repeat-x 0 -60px; color: #03091f; border-top:
solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }

/* sub levels link hover */ 
#nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; } #nav ul a:hover { background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important; color:#fff !important;
 -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0,0,0, .1); }

/* dropdown */ 
#nav li:hover > ul { display: block; }

/* level 2 list */ 
#nav ul { display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 35px; left: 0; background: #ddd url(images/gradient.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3); } #nav ul li {
float: none; margin: 0; padding: 0; }
#nav ul a { font-weight: normal; text-shadow: 0 1px 0 #fff; }

/* level 3+ list */ 
#nav ul ul { left: 181px; top: -3px; }

/* rounded corners of first and last link */ #nav ul li:first-child > a { -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px;
 -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; } #nav ul li:last-child > a { -webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; }

/* clearfix */ 
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
#nav { display: inline-block;
} html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }




/*** Content ***/
#main { float: left; width: 540px; }
#content { background: #ffffff url(images/content_bg.gif) repeat-x top left; padding: 33px 0px; }
/*** Sidebar ***/
#sidebar { float: right; width: 340px; }
#sidebar h2 { font-size: 17px; color: #8ca5b4; }
#sidebar .block { padding: 1px; background: #ffffff; margin-bottom: 25px; border: 1px solid #edecec; }
#sidebar .block-inner { background: #ffffff url(images/sidebar_block_bg.gif) repeat-x; padding: 14px 30px 8px; }

#twitter_div li {margin-top:5px;margin: 0 1px; padding: 0 0 8px; float: left; position: relative; list-style: none;}
/*** Footer ***/
#footer { clear: both; border-top: 1px solid #eaedf0; padding: 20px 0px 15px; color: #aeb3b6; }
#footer p#bottom-menu { float: left; }
#footer p#bottom-menu a, h6 { color: #aeb3b6; }
#footer p#bottom-menu a.active, #footer p#bottom-menu a:hover { color: #82888c; text-decoration: none; }
#footer ul#bottom-menu { list-style-type: none; position: absolute; left: 0px; top: 0px; overflow: hidden; }
#footer ul#bottom-menu li { float: left; }
#footer ul#bottom-menu li a { color: #aeb3b6; display: inline; padding: 5px 13px; text-transform: uppercase; }
#footer ul#bottom-menu li a { text-decoration: none; }
#footer ul#bottom-menu li.active a, #footer ul#bottom-menu li a:hover { color: #82888c; }
#footer ul#bottom-menu li.active { margin: 0px 5px; }
#footer h6 { float: right; }
#footer strong { color: #84888a; font-weight: normal; }
/***** Home Page ****/
/** Featured Area **/
#featured_area { background: #e9edf0 url(images/paper.jpg) repeat-x top left; height: 308px; overflow: hidden; position:
relative; }
#featured_area div#mySlides { padding-top: 30px; }
#featured_area .description { float: left; width: 275px; height: 152px; margin-left:10px; }
#featured_area .description h2 { font-size: 17px; color: #423d3a; margin-bottom: 15px; font-weight: bold; }
#featured_area .description p { font-size: 13px; }
#featured_area .description a.learn_more { font-size: 11px; text-transform: uppercase; }
#featured_area .photo { background: url(images/featured_image_bg.gif) repeat-x; border: 1px solid #f8f9fa; padding:
10px; margin-top: 1px; float: right; position: relative; margin-right: 15px;}
#featured_area .photo img { width: 600px; height: 210px; }
#featured_area .slide { overflow: hidden; }
#featured_area .container { height: 308px; overflow: none; }
#featured_area div#slidebg{display: block; position: absolute; background: url(images/featured_image_bg.gif) repeat-x; width: 100%; height:338px;}
.ribbon { position: absolute; right: -1px; top: -2px; width: 87px; height: 89px; z-index: 5; }
.ribbon.webdesign { background: none; }
.ribbon.print { background: url(images/print-trans.png) right top no-repeat; }
.ribbon.flash { background: url(images/flash-trans.png) right top no-repeat; }
a.jFlowPrev, a.jFlowNext { display: block; width: 83px; height: 33px; position: absolute; bottom: -4px; text-indent:
-9999px; cursor: pointer; }
a.jFlowPrev { background: url(images/prev-trans.png) no-repeat; left: 0px; }
a.jFlowNext { background: url(images/next-trans.png) no-repeat; right: 0px; }
div#myController { display: none; }

/** Page Name **/
#pagename { /*background: -webkit-gradient(linear, left top, left bottom, from(#eaebec), to(#dfe6e8)); background: -moz-linear-gradient(top, #eaebec, #dfe6e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaebec', endColorstr='#dfe6e8');*/ /*
ie7 *//* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaebec', endColorstr='#dfe6e8'); */ /* ie8 */
background: #e9edf0 url(images/paper.jpg) repeat-x bottom left; border-bottom: 1px solid #e7e9ea;
height: 107px; }
#pagename h2 { margin: 22px 0px 0px; font-size: 35px; font-family: Palatino Linotype, Georgia, serif;color: #817c79;text-shadow: 0px 1px 2px #fff;
}
/** Home Page Content **/
body#home #content h2 { margin-bottom: 20px; }
body#home div#services { width: 560px; float: left; }
body#home div#services ul { overflow: hidden; list-style-type: none; }
body#home div#services ul li { float: left; width: 195px; margin: 0px 70px 15px 0px; overflow: hidden; padding: 0px
0px 0px 45px; }
body#home div#services ul li#first { background: url(images/service1.jpg) 0px 11px no-repeat; }
body#home div#services ul li#second { background: url(images/service4.jpg) 0px 11px no-repeat; }
body#home div#services ul li#third { background: url(images/service3.jpg) 0px 11px no-repeat; }
body#home div#services ul li#fourth { background: url(images/service2.jpg) 0px 11px no-repeat; }
body#home div#services ul li.last { margin-right: 0px; }
body#home div#services ul li h3 { font-weight: bold; font-size: 15px; margin-bottom: 2px; }
body#home div#services ul li p { color: #4d4c4c; line-height: 1.5; }
body#home div#contact-info { float: right; width: 300px; }
body#home div#contact-info p strong { color: #454444; font-weight: normal; }
body#home #content div.hr { margin: 20px 0px; }
body#home #content .bottom-block { float: left; margin-right: 40px; width: 270px; }
body#home #content .bottom-block.last { margin-right: 0px; }
body#home #content .bottom-block.last ul { margin-left: 10px; list-style-type: disc; }
body#home #content .bottom-block ul { list-style-type: none; }
.twitter-message p {font-size:11px;}
body#home #content .bottom-block h2 { font-size: 18px; color: #8ca5b4; }
/** Services Page **/
ul#latest_blog { list-style-type: none; }
/** Portfolio Page **/
#search { background: url(images/search.jpg) no-repeat; width: 261px; height: 32px; position: absolute; top: 36px;
right: 0px; }
#search fieldset { border: 0px; padding: 8px 3px 3px; overflow: hidden; }
#search fieldset input { color:#4C4C4C; border: 0px; background: none; padding: 0px; }
#search fieldset input#search-field { width: 223px; font-size: 13px; color: #8b8a8a; float: left; }
#search fieldset input#search-button { text-indent: -9999px; cursor: pointer; width: 18px; margin-left: 4px;
padding-top: 27px; float: left; }
ul#categories { list-style-type: none; }
ul#categories li { margin-bottom: 11px; }
/** Post **/
.post { overflow: hidden; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e9eced; }
.post h2 { margin-bottom: 0px; }
.post h2 a { color: #4B4745; }
.entry p { font-size: 14px; }
div.post-meta { font-size: 11px; text-transform: uppercase; color: #bfbfbf; margin-bottom: 15px; }
div.post-meta a.category { color: #ccdbe4; }
div.post-meta a.category:hover { color: #8ca5b4; }
div.post-meta em { font-family: Palatino Linotype, Georgia, serif; font-size: 14px; }
.post img { border: 1px solid #e4e3e3; padding: 3px; margin: 0px 10px 10px 0px; }
a.button { text-transform: uppercase; color: #fbfbfb; background: #91567f; padding: 5px 10px; display: inline-block;
font-size: 11px; }
a.button:hover { text-decoration: none; background: #658294; }
.post a.button { margin-top: 14px; float: right; }
#pagination { overflow: hidden; margin-bottom: 20px; }
#pagination a { font-size: 11px; text-transform: uppercase; }


/** Blog **/
p.in_category { font-style: italic; color: #616161; margin-top: 1px; padding: 0px 0px 5px; }
p.in_category a{ color: #8dadc7; }
/** Contact Page **/
p#tip { font-weight: bold; font-size: 13px; }

/** Contact us Form **/

#commentform {font-size: 93%; color: #444444;}
.red {color: red;}
article.comment{display:block;}
#respond {position:relative; width:70%;display: block; top: 40px;float: left; margin-bottom: 80px;}
#respond h3 {font-size: 93%; color: #444444;}
#respond input[type="text"]{display:block;width:60%; font-size: 93%; color: #444444;margin-top: 12px;}
#respond label {font-size: 93%; top:10px; color: #444444; margin-top: 8px; background-color: #ffffff;}
#respond textarea{display:block;margin:0 0 1em;width:80%;font-size: 93%; color: #444444;margin-top: 12px;}
#respond .form-allowed-tags{clear:both;width:80%;}
#respond .form-allowed-tags code{display:block;}
p#comment-notes { font-size: 10px; }
#colophon{padding:1em 0 0;}
.widget-title {margin-top: 10px;}

#contact_us { width: 460px; margin: 25px 0px 0px; }
p.label_name, p.input_form { float: left; }
p.label_name { width: 80px; clear: both; color: #7f7e7e; font-size: 10px; }
#contact_us input, #contact_us textarea { width: 370px; background: #f3f3f3; border: 1px solid #eae9e9; font-size:
13px; padding: 4px; margin-bottom: 15px; color: #797676; }
#contact_us input.button { text-transform: uppercase; color: #fbfbfb; background: #91567f; padding: 5px 10px;
display: inline-block; font-size: 11px; width: 60px; border: 0px; cursor: pointer; }
div#feedback { margin-top: 20px; }
p.error { display: none; padding: 5px 0px; color: #8dadc7; font-weight: bold; }
p#submit {text-align:right;}
p#success { display: none; font-size: 16px; text-align: center; margin-bottom: 20px; cursor: pointer; color:
#9e9595; font-style: italic; }

/* -------------------- buttons and form elements ---------------------*/


.button{display:inline-block;padding:5px 10px;background:url(images/button.png) top repeat-x #999;border:1px solid #999;color:#fff;text-decoration:none;font-family:GraublauWeb,'Franklin Gothic Medium Cond', Charcoal, 'Helvetica Inserat', "Helvetica Neue", Helvetica, Arial, sans-serif;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(0,0,0,.6);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.6);box-shadow:0 1px 0 rgba(0,0,0,.6);text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.button.cta{padding:5px 15px;font-size:18px;background-color:#990000;border-color:#990000;}
.button.ctasm{padding:3px 10px;font-size:12px;font-weight:bold;color:#fff;line-height:2;background-color:#990000;border-color:#990000;}

.button.ctaxsm{padding:2px 8px;font-size:11px;font-weight:bold;color:#fff;background-color:#990000;border-color:#990000; /*margin: 10px 0 0 0;*/}
.button:hover,.button:focus{background-position:0 -100px;}
.button:active{position:relative;top:1px;}



/* -----Comments -------------------------------------------------------------- */
#commentform {font-size: 93%; color: #444444;}
.red {color: red;}
article.comment{display:block;}
#respond {position:relative; width:70%;display: block; top: 40px;float: left; margin-bottom: 80px;}
#respond h3 {font-size: 93%; color: #444444;}
#respond input[type="text"]{display:block;width:60%; font-size: 93%; color: #444444;margin-top: 12px;}
#respond label {font-size: 93%; top:10px; color: #444444; margin-top: 8px; background-color: #ffffff;}
#respond textarea{display:block;margin:0 0 1em;width:80%;font-size: 93%; color: #444444;margin-top: 12px;}
#respond .form-allowed-tags{clear:both;width:80%;}
#respond .form-allowed-tags code{display:block;}

#colophon{padding:1em 0 0;}
.widget-title {margin-top: 10px;}

/* ----- icons --------------------------*/
a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url("../img/icon_pdf.gif") no-repeat center right; }
a[href$='.doc'], a[href$='.rtf'] { padding: 5px 20px 5px 0; background: transparent url(../img/icon_doc.gif) no-repeat center right; }
a[href$='.xls'] { padding: 5px 20px 5px 0; background: transparent url("../img/icon_xls.gif") no-repeat center right; }
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { padding: 5px 20px 5px 0; background: transparent url("../img/icon_archive.gif") no-repeat center right; }
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { padding: 5px 20px 5px 0; background: transparent url("../img/icon_music.gif") no-repeat center right; }
a[href ^="mailto:"] { padding: 5px 20px 5px 0; background: transparent url("../img/icon_mailto.gif") center right no-repeat;}