/*  
Theme Name: Manhattan Resume
Theme URI: http://www.manhattanresume.com/
Description: Default theme
Version: 1.0
Author: Palms Development
Author URI: http://www.palmsdevelopment.com/
*/

/* 
   General
------------------------------------------------------------------- */

html {
	height: 100%;
	font-size: 62.5%; /* reset 1em to 10px */
	background: #B2B9BF;
}

body {
	font: normal 1.2em Verdana,Arial,sans-serif;
	color: #444;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

a {color: #04A; text-decoration: none;}
a:hover {color: #036; text-decoration: underline;}


/* 
   Headings, titles
------------------------------------------------------------------- */


h1,h2,h3,h4,h5,h6 { 
	color: #0E4E72;
	font-family: "Chaparral Pro", "Adobe Garamond Pro", Georgia, Arial, Courier, sans-serif;
}
h1 { 
	font-size: 72px;
	font-weight: normal;
	line-height: 84px;
}
h2 { 
	font-size: 36px;
}

h3 {font-size: 1.5em;}
h4 {font-size: 1em;}

h1, h2 {margin-bottom: 5px;}

p {
	padding: 0.2em 0 1.2em;
	line-height: 1.8em;
}

img.bordered {padding: 3px; background: #FFF;}

label {cursor: pointer;}


/* 
   Layout
------------------------------------------------------------------- */

/* Common */
.wrapper {
	margin: 0 auto;
	width: 920px;
}
#layout {background: #B2B9BF url('/img/body.gif') repeat-x;}

/* Top */
#layout_top {
	color: #266182;
	height: 102px;
}
#layout_top .left {
	padding-top: 10px;
	font-size: 0.9em;
}
#layout_top .right {padding-top: 5px;}

/* Header */
#layout_header {background: #FFF;}
#header_top {
	background: #FFF url('/img/header_top.gif') repeat-x left bottom;
}

/* Main */
#layout_main {
	background: #FFF;
	color: #1C597B;
	padding-bottom: 24px;
}

#main_left {width: 360px;}
#main_right {width: 512px;}

/* Footer */
#layout_footer {background: url('/img/layout_footer.gif') repeat-x left top;}
#layout_footer .container {
	background: url('/img/logo_small.gif') no-repeat left top;
	padding: 0 0 16px 50px;
	font-size: 0.9em;
}
#layout_footer .container p {padding: 3px 0;}
#layout_footer .right {padding-top: 18px;}
#layout_footer .left {padding-top: 12px;}


/* 
   Authorization
------------------------------------------------------------------- */
#authorization {
	padding: 12px;
	background: #271509;
	color: #D9E9F6;
	display: none;
}
#authorization a {
	color: #D9E9F6;
	border-bottom: 1px dashed #A27B06;
}
#authorization a:hover {
	color: #FFD;
	text-decoration: none;
}


/* 
   Navigation
------------------------------------------------------------------- */

/* Common */
.navigation ul {display: inline; margin: 0;}
.navigation ul li {list-style: none;}
.navigation a {
	display: block;
	text-decoration: none;
	color: #86929E;
}
.navigation ul li {float: left; text-align: left;}
.navigation a:hover {color: #456;}
.navigation li.current_page_item a {color: #123;}

/* Main */
#main_nav {padding-top: 75px; text-align: right;}
#main_nav a {
	font: normal 1.2em Verdana,sans-serif;
	padding: 12px 14px 15px;
}
#main_nav li.current_page_item a {background: url('/img/navigation_arrow.gif') no-repeat center bottom;}

/* Sub */
#sub_nav {padding-top: 7px; margin-bottom: 24px;}
#sub_nav li a {
	font: normal 1.1em Verdana,sans-serif;
	padding: 0 12px;
}
#sub_nav li.current_page_item a, #sub_nav a:hover {color: #002;}


/* 
   Text
------------------------------------------------------------------- */

small,.small {font-size: 0.9em;}
.strong {font-weight: bold;}
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}
.bold {font-weight: bold;}

/* Colors */
.gray {color: #888;}
p.gray a {color: #555; border-bottom: 1px dashed #9CF;}
p.gray a:hover {text-decoration: none; color: #000;}



/* 
   Forms
------------------------------------------------------------------- */

input.text, textarea.textarea, textarea.text, select.current_country, select.current_region, select.select {
	border: 1px solid #9A9A9A;
	border-color: #9A9A9A #E4E4E4 #E4E4E4 #9A9A9A;
	font: normal 0.85em Verdana,sans-serif;
	margin-right: 5px;
	padding: 4px 3px;
	color: #444;
}

select.select {width: 210px;}
select.short {width: 80px;}
input.gray {color: #777;}
input.text {width: 167px;}

.post input.text {width: 200px;}
#layout_top input.text {width: 120px;}

textarea.textarea {width: 430px; height: 140px;}
textarea.big {height: 240px; width: 650px;}

td.vmiddle {vertical-align: middle;}


/* 
   Padding, margin, height, width etc
------------------------------------------------------------------- */

.w100p {width: 100%;}
table.p2 td {padding: 2px;}
.pr20 {padding-right: 20px;}
.mr20 {margin-right: 20px;}
.wauto {width: auto;}


/* 
   Box
------------------------------------------------------------------- */

.box * {margin: 0; padding: 0;}
.box {margin-bottom: 16px;}

.box_title {padding: 16px 0 8px 16px;}
.box_content {padding: 0 20px 16px;}
.box_content p {padding: 0.4em 0;}

/* Blue */
.box_blue {
	background-color: #1C597B;
	color: #FFF;
}
.box_blue a {
	color: #FFF;
	border-bottom: 1px dashed #ACE;
}
.box_blue a:hover {color: #FFD;}

/* Brown */
.box_brown {
	background-color: #271509;
	color: #FFF;
}
.box_brown a {
	color: #FFF;
	border-bottom: 1px dashed #A27B06;
}
.box_brown a:hover {color: #FFD;}

/* Beige */
.box_beige {
	background-color: #D0CECB;
	color: #333;
}

.box_top, .box_bottom {
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 2px;
	max-height: 2px;
}
.box_top {background: url('/img/box_top.gif') no-repeat left top;}
.box_bottom {background: url('/img/box_bottom.gif') no-repeat left top;}

.box a:hover {text-decoration: none;}


/* 
   Icons
------------------------------------------------------------------- */
span.feed {background: url('/img/icons/feed.gif') no-repeat left center; padding-left: 20px;}
span.success {background: url('/img/icons/success.gif') no-repeat left center; padding-left: 22px; color: #484;}
span.fail {background: url('/img/icons/fail.gif') no-repeat left center; padding-left: 22px; color: #A44;}


/* 
   User Messages
------------------------------------------------------------------- */
div.user_message {
	background: #F6F6F6;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	padding: 10px 12px;
	margin-bottom: 12px;
}


/* 
   Floats
------------------------------------------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	font-size: 0;
	line-height: 0;	
}
.clearer {height: 0;}


/* 
   Main image
------------------------------------------------------------------- */
.main_image {margin-bottom: 16px;}


/* 
   Misc
------------------------------------------------------------------- */

.separator {
	background: url('/img/separator.gif') repeat-x left center;
	height: 40px;
}

.price {color: #ACA;}
a.hidden {display: none; visibility: hidden;}


/* 
   Lists
------------------------------------------------------------------- */

/* Features */
ul.feature_list {
	margin: 0 0 1.2em 1.5em;
	font-size: 0.9em;
	color: #454;
}
ul.feature_list li {
	padding: 0 0 15px 28px;
	background: url('/img/tick.gif') no-repeat left top;
}

/* Resources */
ul.resource_list {margin: 1em 0 2em;}
ul.resource_list li {padding: 8px 10px;}
ul.resource_list li.alt {background: #F2F6FA;}
ul.resource_list .resource_descr {width: 720px;}
ul.resource_list .resource_link {width: 180px;}
ul.resource_list .resource_book img.alignleft {
	float: left;
	display: block;
	padding: 3px;
	border: 1px solid #DDD;
	background: #FFF;
	margin-right: 25px;
}
ul.resource_list .resource_book h2 {
	font-size: 1.5em;
}

div.stay_updated {
	background: #FCFCF0;
	border: 1px solid #ECECE6;
	padding: 10px 16px 0;
	color: #456;
}

ul.shopping_links li {padding-bottom: 5px;}
ul.form_list li {padding-bottom: 7px;}
ul.form_list {margin: 8px 0;}


/* 
   Tabs
------------------------------------------------------------------- */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

.ui-tabs-nav,div.faketab {
    list-style: none;
    margin: 0;
    padding-top: 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li,div.faketab {
    float: left;
    margin-right: 5px;
}
div.faketab a {
	float: left;
	padding-right: 14px;
	color: #86929E;
}
.ui-tabs-nav a {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 14px;
    color: #86929E;
}
.ui-tabs-nav a,div.faketab {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active,div.faketab a:hover { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	color: #002;
}
div.faketab a:hover {text-decoration: none;}

.ui-tabs-selected a,div.faketab a.selected {
	color: #002;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding-top: 16px;
    background: #FFF; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}