body {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:75%;
}

html>body { font-size: 12px;}

/*
|| typo 
*/
* {text-shadow: rgba(0,0,0,.01) 0 0 1px;}

/* Headings */
h1, h2, h3, h4, h5, h6, p { font-weight:normal;}
h1, h2, h3, h4, h5, h6 {letter-spacing:0px; line-height: 1.2em;}
.prod-title, .entry-title, .entry-subtitle {margin-bottom:0;}
.prod-title a, .entry-title a, .entry-subtitle a  {display:block;padding-bottom:18px;color:#444;}
.prod-title a:focus, .prod-title a:hover, .entry-title a:focus, .entry-subtitle a:focus, .entry-title a:hover , .entry-subtitle a:hover  {color:#0088CC;text-decoration:none;}

h1 { font-size: 2.0em; margin-bottom:18px;}
h2 { font-size: 1.7em; margin-bottom:8px;}
h3 { font-size: 1.4em; margin-bottom:5px;}
h4 { font-size: 1.2em;font-weight: bold; margin-bottom:5px;}
h5 { font-size: 1.0em;font-weight: bold; margin-bottom:5px; }
h6 { font-size: 0.8em;font-weight: bold; margin-bottom:2px;}


/* Text elements*/
p { line-height:18px; font-size:1em; margin:0 0 18px;}
p img {padding:0;}
abbr, acronym { border-bottom: 1px dotted #999; }
address { margin-top: 18px; font-style: italic; }
del { color:#999; }
strong, th, thead, dt { font-weight: bold; }
cite, em, dfn, i, ins { font-style: italic; }
blockquote { margin: 18px; color: #999; font-style: italic;border-left:3px solid #999;padding-left:18px;}
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 18px; } 
tt { display: block; margin: 18px 0; line-height: 18px; }
small {font-size:0.8em;}
hr {clear:both;color:#ededed; background-color:#ededed; height:1px; border:none;}
sup {height:0;line-height:1;position:relative;top:-0.6em;vertical-align:baseline!important;vertical-align:bottom;}
sub {position:relative;top:0.3em;vertical-align:baseline;}
big {font-size:1.175em;}

/* LISTS  & Links */
.post ul, .page_post ul, .post ol, .page_post ol { margin:0 0 18px 18px; /*list-style-position:inside;*/}
.post ul, .page_post ul { list-style:disc;}
.post ol, .page_post ol { list-style-type: decimal;}
.post ol li, .page_post ol li, .post ul li, .page_post ul li {line-height:18px;margin:6px 0; /*list-style-position:inside;*/}
.post ol ol, .page_post ol ol {list-style:upper-alpha;}
.post ol ol ol, .page_post ol ol ol {list-style:lower-roman;}
.post ol ol ol ol, .page_post ol ol ol ol {list-style:lower-alpha;}
.post ul ul, .page_post ul ul, .post ol ol, .page_post ol ol, .post ul ol, .page_post ul ol, .post ol ul,  .page_post ol ul {margin-bottom:0;}
dl { margin: 0 0 18px 0; }
dl dt { font-weight: bold;margin:18px 0 6px; }
dd { margin-left: 18px;line-height:18px;}

/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#a4238f;}
a:hover, a:focus { text-decoration:underline; color:#7d756b;}

/* FORMS */
fieldset { margin: 0 0 18px 0;}
legend { font-weight: bold; font-size:1.2em; margin-bottom:6px; }
label, input, textarea, select {margin-bottom:6px;}
select {cursor: pointer; }
textarea {/*width:550px;*/height:125px;}
lanel {font-size:1.1em;}
input, textarea {padding:4px;}
input.text, input[type='text'], input[type='password'], textarea, select {border:1px solid #b3b3b3;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], button { cursor: pointer;width:auto;/*float:left;*/margin-right:6px; }
input[type='image'] {padding:0;}
input[type='hidden'], .hidden { display:none; }
form br {clear:both;}

/*hover*/
input:hover, textarea:hover {border-color:#ddd;}
textarea:focus, textarea:hover, input[type='text']:focus, input.text:focus, input[type='text']:hover, 
input[type='password']:focus, input[type='password']:hover, select:focus, select:hover {border-color:#ddd;}

/*Form Buttons*/
.button-link {color:#fff; background:#912780; border:1px solid #999; padding:4px 10px; font-size:11px; font-weight:bold;}
.button-link:focus, .formbutton:hover {background:#8c98a1;}
.button-link:active {background:#5f6c76;}

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */
table, thead, tbody, tr, th, td {font-size:1em}
table { border-collapse:separate; border-spacing:0; margin-bottom:18px;}
caption, th, td { text-align:left;}
th { border-top: 2px solid #e6e6e6;border-bottom: 2px solid #e6e6e6; font-weight: bold;background:#f3f3f3; }
td {border-bottom: 1px solid #f6f6f6; }
.even td {background:#f3f3f3;}
th,td { padding:6px; }
tfoot { font-style: italic; }
caption { background: #f3f3f3;margin-bottom:9px;padding:3px;text-align:center; }

/*############################### CLEARING FLOATS ###############################################*/
.clear {clear:both;height:0!important;}
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*################################## SOME USEFUL CLASSES ##############################################################*/
.alignleft, img.alignleft {float: left;}
img.alignleft {float: left;margin:0 18px 18px 0;}
.alignright, img.alignright {float: right;}
img.alignright {margin:0 0 18px 18px;}
.aligncenter, img.aligncenter {clear: both;margin:0 auto;}
img.aligncenter {margin:0 auto 18px;display: block;}
a.gray  {color:#663e50;} a:hover.gray  {color:#069;}
.black{color:#000;}
a.orange{color:#F60;}
.hrline { border-top: 1px solid #ab94a7; clear:both;  margin-top: 0px;}


/*Pagination*/

#paginatior-skin-t {margin-bottom: 20px; text-align:right; }
#paginatior-skin-b {margin-top: 10px;}
#paginatior-skin .pagination ul { 
    margin: 0px; 
    padding: 0px;  
    list-style: none; 
    display: block;
    clear: both;
    padding: 0px 0px;
}
.pagination li {
    display: inline;
    margin-right: 3px; 
}

li.currentpage a,
li.previous a,
li.next a,
li.page a {
    border: 1px solid #E7F4F8;
    padding: 5px 7px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
li.previous  a:hover,
li.next  a:hover,
li.page  a:hover {
    border-color: #9DE2F6;
    color: #39B2D4;
}

li.currentpage
 {    background: #E7F4F8;
    border: 1px solid #E7F4F8;
    padding: 5px 7px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.empty {
    color: #888;
    padding: 5px 7px 5px 0px;
}