/*
Theme Name: fightingtheboss
Theme URI: http: //www.fightingtheboss.com/
Description: The latest design (Version 5) of the fightingtheboss website design
Author: Mina Mikhail
Author URI: http: //www.fightingtheboss.com/
Version: 5.1
This theme depends on the following plugins to work properly: List Tags
Yet Another Photoblog
Viper's Video QuickTags
Markdown
wp_time_since
*/


/* Global tag and class style definitions
-------------------------------------------------------------- */
h1 { font-family: Georgia, "Helvetica Neue", Helvetica, Arial, serif; }
textarea { width: 260px; height: 150px; }

a { color: #990000; text-decoration: none; }
a:hover { color: #990000; border-bottom: 1px dotted #999; }
a#logo:hover, a.photo-link { border: 0; }
a.photo-link:after, .gallery-icon a:after { content: ''; }

p img { margin-top: 0; }

input.text { width: 190px; }
div.photo { float: left; }
div.rightborder { padding-right: 14px; margin-right: 35px; border-right: 1px solid #eee; }
div.leftborder { padding-left: 35px; margin-left: 4px; border-left: 1px solid #eee; }
div.video { margin-bottom: 1.5em; }
span.ftb { color: #990000; }
label.hidden { display: none; }

div.section-vertical { border-top: 1px dotted #CCC; padding-top: 1.5em; margin-bottom: 1.5em; }
div.extra-right-padding { padding-right: 25px; margin-right: 25px; }


/* Post Details 
-------------------------------------------------------------- */
ul.post-details { margin: 0; padding: 0; }
ul.post-details > li { list-style-type: none; text-align: right; margin: 0; padding: 0; }

ul.inline { margin: 0; padding: 0; }
ul.inline > li { display: inline; list-style-type: none; padding: 0 1em 0 0; }

li.post-date { font-weight: bold; }
li.post-comments-number {}
li.post-tags li { padding: 0; }


/* Home Page
-------------------------------------------------------------- */
div#tagline { color: #666; margin-top: -1.5em; border-top: 1px dotted #999; text-align: right; margin-bottom: 1em; font-size: 1.25em; }

div#banner { position: relative; min-height: 224px; max-height: 350px; height: auto !important; height: 224px; overflow: hidden; margin-bottom: 1.5em; }
div#banner ul.post-details { background-color: #FFF; padding: 0.5em; position: absolute; z-index: 3; bottom: 1em; left: 0px; white-space: nowrap; }

#abovetheline { font-family: Georgia, Baskerville, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; font-size: 3em; line-height: 1.05em; margin-bottom: 0.5em; overflow: hidden; }
#abovetheline p { margin-bottom: 0.75em; }
#abovetheline img { margin-top: -125px; }
#abovetheline p a:after { content: '\00a0\002192'; font-size: 20px; vertical-align: top; }
#abovetheline blockquote { margin: 0; }

div#recentposts { min-height: 150px; height: auto !important; height: 150px; max-height: 300px; overflow: hidden; }

div.recent { overflow: hidden; height: 200px; padding-bottom: 0.5em; margin-bottom: 1em; position: relative; }
div.recent h2 { line-height: 1em; margin-bottom: 1em; }
div.recent p, div#recentposts div.recent div { overflow: hidden; max-height: 220px; }
div.recent p img { margin-top: -1.5em; }
div.recent p a:after { content: '\00a0\002192'; font-size: 10px; vertical-align: top; }
div.recent p.recent-placeholder { position: absolute; top: -10%; left: 35%; font-family: Georgia, "Helvetica Neue", Helvetica, Arial, serif; text-align: center; font-size: 10em; line-height: 1.5em; margin: 0; padding: 20px; color: #CCC; }
div.recent a.readmore { position: absolute; bottom: 0; right: 0; z-index: 3; background-color: #FFF; padding: 2px 10px 2px 5px; }
div.recent a.readmore:hover { border: 0; }
div.recent object { margin-top: -73px; }
div.recent span.vvqbox { width: 270px; height: 200px; margin: 0; padding: 0; }
div.recent ul.post-details { margin: -2.25em 0 1.5em 1px; font-size: 0.75em; }
/* div#recentposts div.recent div img { margin-top: -350px; margin-left: -100px; } */

div#linkroll > a { margin-top: -1em; float: right; }

div#tags ul { margin: 0; }
div#tags ul li { list-style-type: none; text-align: right; }
div#tags ul li a:link,
div#tags ul li a:visited { color: #222; padding: 2px 5px; display: block; }
div#tags ul li a:hover,
div#tags ul li a:active { color: #222; padding: 2px 5px; display: block; border: 0; background-color: #990000; color: #FFF; }
div#tags ul li span { float: left; }

div#profiles ul { list-style-type: none; margin: 0; }
div#profiles ul a, ul#profiles li a { text-transform: uppercase; font-size: 2.5em; font-weight: bold; line-height: 1em; white-space: nowrap; }
div#profiles ul a:hover, ul#profiles li a:hover { border: 0; }
div#profiles ul a:hover:after, ul#profiles li a:hover:after { content: '\00a0\002192'; font-size: 18px; vertical-align: top; }


/* Single Post
-------------------------------------------------------------- */
#post h1 { float: left; width: 560px; letter-spacing: -0.04em; color: #333333; font-weight: bold; font-size: 4em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#post ul.post-details { float: right; margin-top: 0.25em; }
#post ul.post-details > li { padding: 0 0 0 1em; }

#post div.post-contents { margin-top: 0.5em; overflow: hidden; }
#post div.post-contents a:after { content: '\00a0\002192'; font-size: 10px; vertical-align: top; }
#post div.post-contents a.image-link:after,
#post div.post-contents .gallery-icon a:after { content: ''; }
#post div.post-contents h2 { font-size: 1.25em; font-weight: bold; margin-bottom: 0; }
#post div.post-contents div.photo { margin-bottom: 1.5em; }
#post div.post-contents div.photo img { border: 1px solid #CCC; }
#post div.post-contents p, #about div.about-section p { width: 550px; margin-right: 10px; font-size: 1.35em; line-height: 1.4em; color: #333333; font-family: Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, Times, "Times New Roman", serif; }
#post div.post-contents p + img { float: right; }
#post div.post-contents div.caption, #post div.post-contents p.wp-caption-text { width: 160px; color: #999; float: right; margin: 0 0 3em 0; }
#post div.post-contents a.link,
#project-info a.link { font-size: 2em; letter-spacing: -0.03em; /*line-height: 1.5em; */}
#post div.post-contents a.link:after,
#project-info a.link:after { content: ' \00a0\002192'; font-size: 20px; vertical-align: top; }
#post div.post-contents ul { list-style-type: square; }

#post blockquote { font-family: Georgia, Baskerville, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; font-size: 3em; margin: 0 0.5em 0.5em 0.5em; line-height: 1em; float: right; }


/* Gallery
-------------------------------------------------------------- */
.gallery { margin: 0 200px 0 0; }
.gallery-item { float: left; margin: 0 6px 0px 0px; text-align: center; }
.gallery-item a:hover { text-decoration: none; border: 0; }
.gallery img { border: 1px solid #ccc; }
.gallery-caption { margin-left: 0; }


/* Sidebar
-------------------------------------------------------------- */
#sidebar > * { padding-left: 0.3em; }
#sidebar h5 { margin-left: 2em; }

ul#sitemenu { margin-right: 0; margin-bottom: 1.5em; }
ul#sitemenu li { /*background-color: #CCCCCC; */ padding: 0.5em 0 0.5em 1em; margin: 1px; list-style-type: none; font-size: 1.25em; font-weight: bold; border-bottom: 1px dotted #CCC; }
ul#sitemenu a { color: #222; text-decoration: none; display: block; }
ul#sitemenu a:hover { border: 0; }
ul#sitemenu a:hover:after { content: ' \00a0\002192'; font-size: 14px; vertical-align: top; color: #990000; }

div#search { margin-bottom: 2.25em; margin-left: 2em}
input#s { border: 1px solid #999; background-color: #EEE; color: #999; padding: 4px; width: 116px; }
input#s:focus { background-color: #FFF; }
input#searchsubmit { border: 0; background-color: #999; color: #FFF; padding: 4px; font-weight: bold; }
input#searchsubmit:hover { background-color: #990000; }

#navigation { margin-bottom: 1.5em; text-align: center; }
#navigation div.next,
#navigation div.prev { width: 76px; }
#navigation div.next { float: right; margin-right: 0.65em; }
#navigation div.prev { padding-left: 2em; float: left; margin-right: 6px; }
#navigation a { font-weight: bold; text-decoration: none; padding: 0.25em 0.5em; display: block; }
#navigation a:link,
#navigation a:active,
#navigation a:visited { background-color: #999999; color: #FFF; }
#navigation a:hover { border: 0; background-color: #990000; }

ul#recentposts, ul#profiles { margin: 0; padding: 0; margin-left: 2em; }
ul#profiles { margin-bottom: 3em; }
ul#profiles li { list-style-type: none; }
ul#recentposts li { list-style-type: none; margin-bottom: 1.5em; }
ul#recentposts li p { font-size: 0.9em; line-height: 1.25em; margin: 0; padding: 1px 0; vertical-align: middle; }
ul#recentposts li p img { float: none; margin: 0; padding: 0; vertical-align: bottom; }
ul#recentposts li a { font-weight: bold; }


/* Comments
-------------------------------------------------------------- */
#comment-container { margin-top: 3em; border-top: 1px dotted #999; padding-top: 1.5em; }
#comments h4 { font-weight: bold; margin-bottom: 0; }
#comments div.comment-leader h1 { font-family: Georgia, "Helvetica Neue", Helvetica, Arial, serif; font-weight: normal; }
div.comment { margin-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px dotted #999; }
div.comment-content { width: 220px; padding-right: 10px; }
ul.comment-details { color: #666; margin: 0; list-style-type: none; text-align: right; }
ul.comment-details li.author { font-weight: bold; }


/* Archives
-------------------------------------------------------------- */
#archives h2 { padding-left: 8px; background-image: url(images/expander-odd-background.png); border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
div.expander { padding-left: 8px; border-bottom: 1px dotted #999; margin-bottom: 1.5em; cursor: hand; cursor: pointer; }
h3.expander-header:hover { color: #990000; }
h3.expander-header { color: #666; text-align: left; }
h3.expander-header span { float: right; }
div.expander-content ul { list-style-type: none; margin-left: 0; }
div#bydate li, div#bytag li { font-size: 1.5em; text-align: right; list-style-type: none; padding: 5px; }
div#bydate li:hover, div#bytag li:hover { color: #FFF; background-color: #CCC; }
div#bydate a, div#bytag a { display: block; float: left; }


/* Archive
-------------------------------------------------------------- */
ul.archive-grid { margin: 0; padding: 0; }
ul.archive-grid > li { display: inline; float: left; margin-right: 10px; }
ul.archive-grid > li.last { margin-right: 0; }
ul.archive-grid .summary { position: relative; border: 1px solid #CCC; margin-bottom: 1em; overflow: hidden; }
ul.archive-grid .summary p { font-size: 21px; line-height: 24px; font-weight: bold; padding: 10px 16px; }
ul.archive-grid .summary,
ul.archive-grid .details { height: 240px; width: 240px; }
ul.archive-grid .details { position: absolute; top: 0; left: 0; color: #FFF; background-color: #000; z-index: 3; opacity: 0; filter:alpha(opacity=0); text-align: right; overflow: hidden; }
ul.archive-grid .details:hover { opacity: 0.70; filter:alpha(opacity=70); }
ul.archive-grid .details h2 { position: absolute; top: 0; left: 0; z-index: 999; font-size: 3em; line-height: 1em; height: 160px; overflow: hidden; }
ul.archive-grid .details h2 a { display: block; width: 210px; height: 210px; padding: 10px; color: #FFF; }
ul.archive-grid .details a { color: #FFF; }
ul.archive-grid ul.post-details { margin: 160px 0 0 0; padding: 0 16px; background-color: #222; }


#multipost ul { list-style-type: none; margin: 0; }
#multipost ul li { margin-bottom: 1.5em; /* border-bottom: 1px dotted #999; */}
#multipost ul.postdetails li { border-bottom: 0; }
#multipost ul li h3 { margin-bottom: 0.5em; }
#multipost div.multipost-summary { max-height: 200px; height: auto !important; height: 200px; overflow: hidden; margin-bottom: 1.5em; }
#multipost div.multipost-summary div.photo img { border: 1px solid #CCC; }
/*
#multipost div.multipost-summary img { margin-left: -75px; }
*/


/* Photo Archive
-------------------------------------------------------------- */
#photo-archive { }
#photo-archive ul li { display: inline; }
#photo-archive div.photo-summary { height: 230px; width: 230px; border: 1px solid #CCC; margin-bottom: 1em; }
#photo-archive .photo-summary { position: relative; }
#photo-archive .photo-summary .photo-title { position: absolute; color: #CCC; background-color: #333; z-index: 3; opacity: 0; filter:alpha(opacity=0); width: 230px; height: 230px; text-align: right; overflow: hidden; }
#photo-archive .photo-summary .photo-title:hover { opacity: 0.6; filter:alpha(opacity=60); }
#photo-archive .photo-summary .photo-title a { display: block; width: 220px; height: 50px; font-size: 2em; color: #CCC; line-height: 1em; padding-top: 170px; padding-right: 10px; margin-bottom: 10px; }


/* About
-------------------------------------------------------------- */
#about #banner { min-height: 0; height: auto; margin-bottom: 1.5em; }
#about #abovetheline { border: 0; margin: 0; margin-bottom: 0.25em; }
#about #content #site-description { border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 1.5em 0 0 0; text-align: center; margin-bottom: 1.5em; }
#about div.section-name h4 { font-family: Georgia, "Helvetica Neue", Helvetica, Arial; font-weight: bold; }
#about ul#colophon { list-style-type: square; }
#about div.about-section { border-bottom: 1px solid #EEE; margin-bottom: 1.5em; }


/* Work
-------------------------------------------------------------- */
#work h1 p { margin-bottom: 1em; }
#work-links ul { list-style-type: none; margin-left: 0.5em; margin-right: 0; font-size: 2.25em; }
#work-links a { display: block; padding: 0px 8px; font-weight: bold; }
#work-links a:hover { border: 0; }
#work-links a:hover:after { content: ' \00a0\002192'; font-size: 20px; vertical-align: top; }
#work-featured, #project-list p { padding-top: 0.5em; width: 460px; margin-right: 10px; font-size: 1.5em; line-height: 1.25em; color: #333333; font-family: Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, Times, "Times New Roman", serif; }


/* Work
-------------------------------------------------------------- */
#project { position: relative; }
#project h1 { float: left; width: 560px; letter-spacing: -0.04em; color: #333333; font-weight: bold; font-size: 4em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#project h2 { font-family: Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, Times, "Times New Roman", serif; margin-bottom: 0.25em; }
#project-about p { font-size: 1.35em; line-height: 1.5em; color: #333333; font-family: Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, Times, "Times New Roman", serif; }
#project-about p em { font-size: 1.25em; }
#project-list div.photo { float: left; }
#project-list ul { list-style-type: none; }
#project-list p { font-size: 1.35em; }
div.project-item { margin-bottom: 6px; }
div.project-item img { border: 1px solid #CCC; }
#project-overlay { position: absolute; top: 15%; left: -4px; width: 750px; height: 90%; z-index: 5; background-color: #FFFFFF; padding-left: 4px; display: none; }
#project-details { opacity: 0.0; height: 90%; }
#project-close { position: absolute; bottom: 10px; right: 0; font-weight: bold; color: #990000; cursor: hand; cursor: pointer; }
#project-image { height: 100%; text-align: center; line-height: 100%; vertical-align: middle; }
#project-info a.link { display: block; line-height: 1em; margin-top: -3em; margin-bottom: 2em; }
#project-info div.caption { margin-top: 3em; font-size: 0.85em; margin-bottom: 1.5em; color: #999; }


/* Footer
-------------------------------------------------------------- */
div#footer, div#feeds { margin-top: 3em; padding-top: 1em; line-height: 1.25em; }
div#footer a { font-weight: bold; }
div#feeds { text-align: right; }
div#feeds ul li { margin-left: 1.5em; }