/* CSS Document */

/* -------------------------------------------------------------- 

	Theme Name: Monte Cristo v1.3
	Theme URI: http://fearlessflyer.com
	Description: PLEASE READ THE "READ-ME.DOC" FILE INSIDE THE THEME FOLDER FOR DETAILED USAGE INSTRUCTIONS. Monte Cristo is a unique and professional theme created for the traditional Wordpress site. Its sharp edges, fine gradients, and crisp shades are sure to spice up your everyday blog. It is has a standard right sidebar that is fully widgetized, multi-threaded comments section that supports gravatars, a content slider that pulls real content from your posts, a built in (ligthbox) effect for all your images, options from the admin panel that controls the theme, - plus more!  
	Author: Michael Soriano
	Author URI: http://fearlessflyer.com
	Version: 1.3

-------------------------------------------------------------- */
* {padding:0; margin:0;}
body {background:url(images/body-bg.gif) repeat-x #31657e; font-family:helvetica, arial; font-size:13px; color:#4E4E4E;}
a {outline:none; color:#21759B; font-weight:bold; text-decoration:none;}
a:hover {color:#8dd7f9; }
a img {border:none;}

.alignright {float:right;}
.alignleft {float:left;}
.alignnone {clear:both;}
.aligncenter {margin-left: auto; margin-right: auto;}

blockquote {background:url(images/blockquote-bg.png) top left no-repeat; padding:5px 0 0 35px; font-family:georgia,'Lucida Grande','Lucida Sans Unicode'; font-style:italic;}

.wp-caption {padding:0 5px;}
.wp-caption.alignright {margin:8px 0 5px 10px;} 
.wp-caption.alignleft {margin:8px 10px 5px 0;}
.wp-caption.aligncenter{clear:both; margin:15px auto; display:block; }
.wp-caption.alignnone {clear:both; margin:15px auto; display:block; }
p.wp-caption-text {text-align:center; font-family:georgia; font-style:italic; font-size:11px; line-height:13px;}

#wrap {width:938px; background:url(images/WRAP-BG2.png) repeat-x top left #edebeb; margin:0 auto; overflow:hidden; clear:both; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding-bottom:30px;}
#wrap-inner {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; overflow:hidden; background:url(images/TITLE-AREA-BG.jpg) no-repeat top left;}
#wrap-inner-withslide {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; background: url(images/SLIDER-BG.png) no-repeat top left; overflow:hidden; }

/*header*/
#header {height:134px; width:940px; border-top:8px solid #fff; text-align:left; margin:0 auto; }

#nav {float:right;}
#nav ul li.page_item {float:left; list-style:none; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(images/ul-bg.png) repeat-x bottom left; margin-right:2px;}
#nav ul li.current_page_item {background:#000000; }
#nav ul li.current_page_item a {color:#fff;}
#nav ul li.page_last{float:left; list-style:none; padding-right:0; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(images/ul-bg.png) repeat-x bottom left;}
#nav ul li a {font-weight:bold; text-decoration:none; color:#fff; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;}
#nav ul li a:hover {color:#999999;}
.logo-area {padding-top:10px; clear:both; overflow:hidden; height:98px;}
a.logo {padding:10px 0 0 0; display:block; width:295px; height:78px; overflow:hidden; float:left;}
a#monte-cristo-logo {text-indent:9999px; background:url(images/logo.png) no-repeat;}
p.site-description{font-style:normal; float:left; padding:30px 0 0 28px; font-size:18px; color:#bebdbd; letter-spacing:-1px; color:#666666; text-shadow:0 1px 0 #fff; max-width:610px; text-align:center;}

/*2nd level pages*/

#nav2 li ul {position: absolute; width: 15em; left: -999em;	padding-top:1px;}
#nav2 li:hover ul, #nav2 li.sfhover ul {left: auto;	z-index:1000;}
#nav2 li ul li {border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1;	border-right:1px solid #dedbd1;	line-height:30px;	width:15em;}
#nav2 li:hover, #nav2 li.hover {position: static;}
#nav2 li ul ul {margin: -22px 0 0 15em;}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {left: -999em;}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {left: auto;}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {left: -999em;}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;} 






/*index*/
.title-area {clear:both; height:100px; overflow:hidden; text-align:left; letter-spacing:-1px; text-transform:capitalize; margin-bottom:38px; font-size:40px; font-weight:bold; text-transform:capitalize; line-height:100px;text-shadow:0 2px 0 #000; color:#e1e1e1;}
#main-container {text-align:left; width:560px; overflow:hidden; line-height:22px; float:left; min-height:500px;}
.post-title {font-size:24px; line-height:29px; letter-spacing:-1px; text-transform:capitalize; text-shadow:0 1px 0 #fff; padding-bottom:7px; margin-bottom:9px; background:url(images/horiz.gif) repeat-x bottom left;}
.post-title a {font-weight:normal;}
.post-meta {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; padding:2px 0 10px 0; margin-bottom:20px;}
span.author {font-weight:bold; text-transform:capitalize; background:url(images/user.png) no-repeat top left; padding-left:19px; }
span.the-date{background:url(images/calendar.png) no-repeat top left; padding-left:19px; font-weight:bold; color:#a2a2a2; margin-left:8px;} 
span.the-comments {background:url(images/balloon.png) no-repeat top left; padding-left:19px; margin-left:8px; color:#6c7ebb; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; }
.post-excerpt {padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;}
.post-excerpt a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;}
.post-excerpt a:hover {color:#828282;}
.post-excerpt img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-excerpt img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-excerpt img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-excerpt img.alignnone {clear:both; margin:10px auto; display:block; }
.post-excerpt a img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-excerpt a img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-excerpt a img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-excerpt a img.alignnone {clear:both; margin:10px auto; display:block;}
.post-excerpt h1, .post-excerpt h2, .post-excerpt h3, .post-excerpt h4, .post-excerpt h5, .post-excerpt h6 {font-size:20px; line-height:18px; margin-bottom:10px; color:#000000; letter-spacing:-1px;}
.post-excerpt ol {padding:10px 10px 10px 15px; margin-left:10px;}
.post-excerpt ol li ol {padding-left:20px;}
.post-excerpt ol li ul {padding-left:20px;}
.post-excerpt ul {padding:10px 10px 10px 15px; margin-left:10px;}
.post-excerpt ul li ol {padding-left:20px;}
.post-excerpt ul li ul {padding-left:20px;}
a.more-link {color:#fff; font-family:verdana, georgia; text-align:right; text-shadow:0 1px 0 #000;  font-size:10px; font-family:Verdana; background:#a5500d; padding:3px; position:relative; top:-25px;  clear:both;}
a:hover.more-link{color:#000; text-shadow: none;}
#post-navigation {clear:both; margin:45px 0 10px 0; padding:3px; background:#999999; text-align:center;}
#post-navigation a {color:#fff; text-shadow:0 1px 0 #000;}
#post-navigation a:hover {color:#000; text-shadow:0 1px 0 #fff;}
/*home page with slider*/
/* Easy Slider */
#slider{position:relative; text-align:left; }
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider li {width:820px; height:376px; overflow:hidden; background: url(images/slider-li-bg.png) no-repeat; color:#FFFFFF; position:relative; }	
#slider .left-container {float:left; width:380px; height:210px; overflow:hidden; line-height:36px; margin-top:53px;}
#slider .post-title-large {margin-bottom:22px;}
#slider .post-title-large a {display:inline; font-size:40px; font-weight:bold; text-transform:capitalize; line-height:40px;text-shadow:0 2px 0 #000; color:#e1e1e1;}
#slider .post-title a:hover {color:#ffffff; text-shadow:none;}
#slider .post-excerpt {font-size:20px; font-weight:bold; color:#FFFFFF;}
.slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top:28px; }

ol#controls{margin:1em 0; padding:0; height:28px; position:relative; top:-90px;}
ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:23px; line-height:23px;}
ol#controls li a{float:left; height:23px; line-height:23px;	background: url(images/contols-white.png) repeat-x bottom left; color:#000;  text-shadow:0 1px 0 #fff; padding:0 8px; text-decoration:none; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
ol#controls li.current a{background:#21759B; color:#fff; text-shadow:none;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#latest-news-column {width:375px; margin-left:5px; margin-top:15px; padding:5px 5px 0 5px; text-align:left; float:left; border-top:1px dashed #ccc;}
#latest-news-column h3 {position:relative; top:-40px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #FFFFFF;}
#latest-news-column .post-title {margin-bottom:10px;}
#random-image-column {width:390px; margin-right:40px; text-align:left; float:left; border-top:1px dashed #ccc; padding-top:10px; margin-top:15px;}
#random-image-column h3 {position:relative; top:-45px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #FFFFFF;}
#random-image-column img {float:left; margin-bottom:20px;}
#random-image-column img.odd {margin-right:20px;}
.post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;}
.post-390.odd {margin-right:40px;}
.post-390 .post-excerpt {line-height:24px;}
.post-390 a.more-link {position:relative; top:-15px;}

/*single*/
.post-content {padding-bottom:30px; overflow:hidden; clear:both;}
.post-content a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;}
.post-content a:hover {color:#828282;}
.post-content p {padding:0 0 15px 0;}
.post-content img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-content img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-content img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content img.alignnone {clear:both; margin:10px auto; display:block; }
.post-content a img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-content a img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-content a img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content a img.alignnone {clear:both; margin:10px auto; display:block; }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {font-size:30px; line-height:26px; margin-bottom:10px; color:#000000; letter-spacing:-1px;}
.post-content ol {padding:10px 10px 10px 15px; margin-left:10px;}
.post-content ol li ol {padding-left:20px;}
.post-content ol li ul {padding-left:20px;}
.post-content ul {padding:10px 10px 10px 15px; margin-left:10px;}
.post-content ul li ol {padding-left:20px;}
.post-content ul li ul {padding-left:20px;}


.post-meta-bottom {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; padding:2px 0 10px 0; margin-bottom:20px; line-height:16px; }
span.the-cat{font-weight:bold; background:url(images/ui-tab-content.png) no-repeat top left; padding-left:19px; }
span.the-cat a{font-weight:normal; color:#6c7ebb;}
span.the-cat a:hover{color:#a2a2a2;}
span.edit-me-links {font-size:10px; font-family:Verdana; background:#a5500d; padding:3px; margin-left:20px; text-shadow:0 1px 0 #000;}
span.edit-me-links a{color:#FFFFFF;}
span.edit-me-links a:hover{color:#000000; text-shadow:none;}
span.the-tags{font-weight:bold; text-transform:capitalize; background:url(images/tags.png) no-repeat top left; padding-left:19px; margin-left:8px; }
span.the-tags a{font-weight:normal; color:#6c7ebb;}
span.the-tags a:hover{color:#a2a2a2;}
#page-links {padding:15px 0 0 0;}

/*comments*/

#comments {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; color:#4e4e4e; text-align:left; padding:15px 0 35px 0; }
img.avatar {float:left; padding:3px; border:1px solid #ccc; margin:0 10px 0 0;}
cite.fn a {font-family:Arial; font-style:normal; text-transform:capitalize; padding:0; color:#333333;}
.comment-author {padding:0; line-height:14px;}
.comment-meta {font-family:'Trebuchet MS', verdana;  font-size:11px; color:#666666; line-height:14px; padding-bottom:5px;}
.comment-meta a {color:#6c7ebb; font-weight:normal;}
.comment-body {margin-bottom:20px; padding:15px; font-style:italic; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; overflow:hidden;}
.comment-body p a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff; padding:0 2px 0 2px;}
.comment-body p a:hover{color:#999999;}
li.comment.even {background:#ffffff url(images/comment-white.png) bottom left repeat-x;  border:1px solid #bbbbbb; margin-bottom:20px;}
li.comment.odd {background:#bbbbbb url(images/comment-dark.png) bottom left repeat-x; margin-bottom:20px;}
ul.commentlist li {list-style:none;}
li.parent {padding-bottom:10px;}
.commentlist ul.children {margin:20px;}
.comment-meta .commentmetadata p a {color:#21759B; }
a.comment-reply-link {color:#21759B; font-family:verdana; font-size:11px; padding:10px 0 0 0;}


/*response*/
h3#response-title {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; color:#4E4E4E; text-align:left; padding:15px 0 35px 0; }
#commentform p {padding-bottom:10px;}
.comment-form-input-fields {padding:5px; margin-bottom:10px;}
.comment-form-labels {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',verdana,georgia; font-size:11px;}
input.send-comment {background: url(images/send-comment.png) no-repeat; width:123px; height:43px; border:none; margin:5px 0 0 0; text-indent:-9999px; background-position:0 -43px; display:block;}
input:hover.send-comment {background-position:0 0;}



/*portfolio*/
a.portfolio-image {display:block; width:400px; height:26px; position:relative; top:16px; left:-8px; z-index:2;}
img.large-thumbs {position:relative; z-index:1; padding-bottom:10px;}
.large-image{background:url(images/LARGE-IMG.png) no-repeat bottom left; width:400px; height:316px; float:left; margin-bottom:10px; padding-bottom:18px; }
.large-image.odd {margin-right:20px;}
.large-image .post-title-small{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;}
.large-image .post-title-small a{font-size:13px; font-weight:bold; letter-spacing:0;line-height:16px; color:#333333; text-shadow:0 1px 0 #fff; }
.large-image .post-title-small a:hover {color:#21759B; }


/*sidebar*/

#sidebar {width:213px; margin-left:47px; text-align:left; float:left; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; } 
#sidebar a{color:#4e4e4e; font-weight:normal; text-transform:capitalize; text-shadow:0 1px 0 #fff;}
#sidebar a:hover {color:#21759B;}

#searchform {height:104px; margin-bottom:15px;}
#searchform h3 {text-shadow:0 1px 0 #fff; color:#fff; margin:0 0 8px 1px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11px; color:#000000; text-align:left; padding:0;}
input.inputs {padding:5px; margin-left:1px;}


input.go {background: url(images/search-button.png) no-repeat; width:123px; height:43px; border:none; margin:5px 7px 0 0; text-indent:-9999px; float:right; background-position:0 -43px; display:block; }
input:hover.go {background-position:0 0;}


.sidebar-row h3 {font-family: arial; font-size:18px; color:##4E4E4E; text-shadow:0 2px 0 #FFFFFF; font-weight:bold; margin-bottom:3px; background:url(images/blog.png) no-repeat; background-position:5px 11px; padding:8px 10px 8px 28px; border-bottom:5px solid #fefef6;}

.sidebar-row h3.twitter{background:url(images/twitter.png) no-repeat; background-position:5px 11px; }
.sidebar-row h3.the-cat{background:url(images/ui-tab-content.png) no-repeat; background-position:5px 11px; }
.sidebar-row h3.feeds{background:url(images/feed.png) no-repeat; background-position:5px 11px; }
.sidebar-row h3.archives{background:url(images/cards-stack.png) no-repeat; background-position:5px 11px; }

.sidebar-row {background:#f5f5f5; border-left:#f5f5f5 8px solid; border-right:#f5f5f5 8px solid; padding:0 0 25px 0;}
.sidebar-bottom-fix {background:url(images/sidebar-container-bottom.png) bottom left no-repeat; width:213px; height:22px;margin-bottom:20px;}
.sidebar-row li {list-style:none; line-height:15px; padding:4px 5px 6px 0;}
.sidebar-row ul {margin:0; padding:10px 10px 0 10px;}
.sidebar-row ul.children {margin-left:5px;}
.sidebar-row table {width:100%;}

#wp-calendar {padding:10px;}
#wp-calendar caption { margin-top:10px;}
td#next { text-align:right;}



/*footer*/

#footer-wrap {background:url(images/footer-wrap-bg.gif) repeat-x; height:222px; margin:0 auto;}
#footer {width:940px; margin:0 auto; background:url(images/footer.png) no-repeat; height:222px;}
img.footer-logo {width:180px; height:48px; overflow:hidden; padding:80px 0 0 25px; }
#nav-in-footer {padding:5px 0 0 35px;}
#nav-in-footer ul li{float:left; list-style:none; padding:0 10px 0 0; }
#nav-in-footer ul li a {font-family:verdana; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; font-weight:normal;}
#nav-in-footer ul li a:hover {color:#999999;}
#copyright {clear:both; text-align:center; position:relative; top:32px;}
#copyright p {font-family:verdana; font-size:11px; color:#fff; text-shadow:0 1px 0 #000; text-transform:capitalize;}
a#backtotop {display:block; background:url(images/arrow-up.png) no-repeat top right; height:30px; width:80px; float:right; padding:5px 32px 0 0; margin:120px 25px 0 0; text-align:right; text-shadow:0 1px 0 #fff;}
a:hover#backtotop {text-shadow:none;}
