/*
Theme Name: ragingFX 
Theme URI: http://ragingfx.com/
Description: Wordpress theme for ragingFX.com
Version: 0.2
Author: Marlo Simon Noval
Author URI: http://ragingboy.com/
Tags: blue, black, dark, two columns, widgets

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*---------------------------------
---------->>> RESET <<<-------------
---------------------------------*/  
body { background: #000 url(images/bg.jpg) top right repeat-y; margin: 0; padding: 0; color: #fff}
html, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, li, ol, table, fieldset, legend{font-family:Arial, Helvetica, sans-serif}
p, form, ul, li, ol, form, table, fieldset{font-size:12px; font-style:normal; font-weight:normal; }
p {line-height: 20px; margin-top: 0;}
p img {margin-bottom: 10px;}
a {outline: none}
a:link, a:visited {text-decoration: none; color: #4489e0;}
a:hover {border-bottom: 1px solid #555;}
legend, label{font-size:16px; font-weight:bold}
label{font-size:12px; font-weight: normal;}
img{border:none}
ul, ul li, ol {margin: 0;padding: 0; list-style-type: none; line-height: 20px;}
fieldset {border: 0 none; margin: 0; padding: 0;}
blockquote {border-left: 3px solid #333 !important; margin: 10px 0; padding-left: 13px}

h3,h4,h5,h6 {margin-bottom: 10px; font-size: 18px; font-weight: normal}
h5,h6 {font-size: 14px}

/*---------------------------------
---------->>> MAIN <<<-------------
---------------------------------*/  
.wrapper {float: right; width: 870px}
#header h1 {margin-top:0}
a.message-broken,
#header a#logo,
#header a#logo-broken {overflow: hidden; height: 0 !important; background-repeat: no-repeat; background-position: top right; display: block;}
#header a#logo {padding-top: 213px; width: 650px; background-image: url(images/logo.png); margin: 10px 30px 0 0}
#header a#logo-broken {padding-top: 265px; width: 650px; background-image: url(images/logo-broken.png);  margin: 10px 30px 0 0}
a.message-broken {padding-top:47px; background-image: url(images/message-broken.png);}
#header a#logo:hover,
a.message-broken:hover {background-position: bottom right; border: 0 none;}
#header a#logo-broken:hover,
#header a#logo:hover {border: 0 none}

#header #menu {line-height: 25px; margin-top: 75px}
#header #menu-broken {margin-top: 95px;}
#header #menu-broken li {line-height: 27px;}
#header #menu li {line-height: 25px}
#header #menu-broken li,
#header #menu-broken li a,
#header #menu li a {font-size: 20px; text-decoration: none; color: #fff; text-transform: lowercase}
#header #menu-broken li a {color: #4489e0;}
#header #menu-broken li a:hover,
#header #menu li a:hover {border-bottom: 2px solid #4489e0}
#header #menu li.current_page_item a {color: #4489e0}
#home-content,
#projects,
#left,
#posts,
#sidebar,
.postunit .left,
.postunit .date2,
.postunit .date,
.postunit .post,
.postunit .page,
#header #logo,
#header #logo-broken,
#header #menu-broken,
#header #menu {float: left}

#header {margin-bottom: 50px}
.postunit {margin-bottom: 30px;}
.postunit-home {margin-bottom: 20px}
#home-content,
#posts {width: 650px; margin-right: 30px}
#sidebar {width: 170px; margin-right: 20px}
#projects {width: 500px; margin: 0 30px 50px 0;}
#home-content #projects {margin-right: 0;}

/*---------------------------------
---------->>> BODY <<<-------------
---------------------------------*/  
#left,
.postunit .left,
.postunit .date2,
.postunit .date {width: 130px; text-align: right; margin: 10px 20px 0 0; color: #555;}
#left {margin-top: 0;}
.postunit .left,
.postunit .date2 {margin-top: 14px;}
.postunit .date a:hover .date-day {color: #898989; border-bottom: 1px solid #4489e0}
.postunit .date a:hover .date-time {color: #898989}
#left .title,
.postunit .left .title,
.postunit .date2 .date-time,
.postunit .date .date-time {display: block;}
#left .title,
.postunit .left .title,
.postunit .date2 span,
.postunit .date span,
div.comment_date,
.postunit .date a,
.postunit .date2 .date-time,
.postunit .date .date-time {font-size: 12px; color: #555;}
#left .link a,
.postunit .left .link a,
.postunit .date2 .date-time,
.postunit .date .date-time {font-size: 11px; margin-top: 6px;}
#left ul.viewby-gallery li a {margin-top: 0;}
#left .link a,
.postunit .left .link a {color: #898989 }
#left ul.viewby-gallery li a {color: #898989;}

#left .link,
.postunit .left .link {padding-top: 6px;}
#left ul.viewby-gallery li a:hover,
#left .link a:hover,
.postunit .left .link a:hover {color: #acacac; border-bottom: 1px solid #4489e0;}
.postunit .page,
.postunit .post {width: 500px }
.page h2,
.post h2 {margin: 0;}
.page h2,
.post h2,
.post h2 a {color: #fff; text-decoration: none; font-weight: normal; text-transform: uppercase; font-size: 28px;}
#sidebar h2 {text-transform: none;}
.post h2 a:hover {border-bottom: 2px solid #4489e0;}

ul.mini_commands {margin:0; position: relative}
.commentunit ul.mini_commands {margin-top: 10px;}
ul.mini_commands li {display: inline; margin-right: 10px; font-size: 10px}
ul.mini_commands li a {color: #898989;}
ul.mini_commands li a:hover {border-bottom: 1px solid #4489e0}

.editbox { visibility: hidden; line-height:0; height: 0}
.postunit:hover .editbox { visibility: visible; }

.post_body {font-size: 12px; line-height: 20px; margin-bottom: 10px; padding-top: 20px; display: inline-block}

.tagscatsbar,
.posterous_retweet_widget,
.tagsbar {font-size: 11px}
.tagscatsbar,
.tagsbar {font-weight: bold; color: #555; width:340px; margin-bottom: 10px}
.tagscatsbar a,
.tagsbar a.c2 {font-weight: normal; color: #898989;}
.tagsbar a:hover,
.tagscatsbar a:hover {border-bottom: 1px solid #4489e0;}

a.gallerySelectedImage img {border: 4px solid #4489e0}
#sidebar ul,
.sidebar-block {margin-bottom: 30px; font-size: 12px; color: #898989}

.about .entry h1,
.about .entry h2,
#respond h3,
#sidebar h2,
div.posterous_comments h4, 
div.spanningheader h4,
h3.comment-number,
h3.comment-leaveOne,
#sidebar ul li h2,
.sidebar-block h5 {font-size: 16px; font-weight: normal; color: #acacac}
#sidebar ul li h2 {margin: 0 0 10px}

h3.comment-number,
h3.comment-leaveOne {margin: 60px 0 20px; padding-top:15px; border: 0 none; border-top: 1px solid #333333;}
h3.comment-leaveOne {border: 0 none;margin-top: 0;}

#sidebar ul li a,
.sidebar-block a {color: #898989; font-size: 12px}
#sidebar ul li a:hover,
.sidebar-block a:hover {color: #acacac; border-bottom: 1px solid #4489e0;}
ul.tag li {line-height: 20px}

.posterous_retweet_widget {float: right; width: 140px; margin:0}
.posterous_retweet {float: right}
.posterous_retweet_widget a {color: #898989}
.posterous_retweet_widget a,
a.comments-name {text-decoration: none}
.posterous_retweet_widget a:hover {border: 0 none;}
.posterous_retweet_widget a.posterous_retweet {background-color: #4489e0; color: #000; margin-left: 5px}
.posterous_retweet_widget a.posterous_retweet:hover {background-color: #555; text-decoration: none}

.entry ul, 
.entry ul li, 
.entry ol, 
.post_body ul, 
.post_body ul li,
.post_body ol {list-style-type: circle; margin-left: 15px; }
.entry ul, 
.entry ol, 
.post_body ul, 
.post_body ol {margin: 10px 0;}

blockquote.posterous_short_quote, 
blockquote.posterous_medium_quote {width: 100%;padding-right:0; line-height: 20px; border: 0 none}

.page .entry,
.post .entry {padding-top: 20px;}

.pagination {padding: 20px 0 40px 150px }
input#searchbox_button {border: 0 none;}
a.searchbox_button,
input#searchbox_button,
div.comment_hide_button a,
#left ul.viewby-gallery li a,
.sidebar-block a.sidebar-btnBack,
.pagination a,
.pagination span {margin: 2px 0; padding: 5px; background-color: #555; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; font-size: 12px}
.pagination .current {background-color: #4489e0}
.pagination a {background-color: #898989; text-decoration: none}
input#searchbox_button:hover,
a.searchbox_button:hover,
.pagination a:hover {background-color: #acacac; border: 0 none;}

#left ul.viewby-gallery li a {margin: 0 0 5px 0; display: inline-block; text-align: left; width:65px}
#left ul.viewby-gallery li a.current,
#left ul.viewby-gallery li a:hover {border: 0 none; background-color: #4489e0; color: #000;}
#left ul.viewby-gallery li a.current:hover {background-color:#276fbe}

/*---------------------------------
---------->>> PORTFOLIO <<<--------
---------------------------------*/  
#projects .project {width: 160px; float:left; margin:0 10px 10px 0;}
#projects .project .post {background: url(images/project-bg1.png);}
#projects .project .post:hover {background: url(images/project-bg3.png);}
#projects .project a:hover.post-thumbnail {border: 0 none}
#projects .project h2.title {height: 40px; }
#projects .project h2.title a {font-weight:bold; text-transform: none; font-size:12px; padding: 5px 0 0; margin:0 5px; display: inline-block}
#projects .project .post:hover h2.title a {border-bottom: 1px solid #4489e0}
#projects .project div.categories {font-size: 10px; display: block; height: 12px; padding: 4px 2px 4px 5px;background: url(images/project-bg2.png);color: #555;}
#projects .last {margin-right:0}

/*---------------------------------
---------->>> COMMENTS <<<---------
---------------------------------*/  
.comment_value,
div.comment_label,
.comment_profile_description {color: #898989;}
.comment_profile_description a {color:#acacac}
.comment_profile_description a:hover {border-bottom: 1px solid #4489e0;}
div.comment_label {margin: 0 0 5px 0}
div.commentunit{margin: 0 0 30px; border-bottom: 1px solid #333333; padding: 0 0 10px;}
.posterousAddNewComment div.commentunit,
form div.commentunit{border: 0 none; margin: 0 0 5px 0; padding: 0;}
.comment_value textarea {margin-bottom: 10px}
.posterous_comments,
div.commentunit {color: #fff;}
div.commentname {color: #898989; font-size: 12px; margin-bottom: 15px;}

img.profile_border {border: 1px solid #555555}
div.comment_none_yet_msg {color: #ff7455; font-weight: normal;}

/*---------------------------------
---------->>> SIDEBAR <<<----------
---------------------------------*/  
#sidebar .first {margin-bottom: 23px}
.sidebar-block a.sidebar-btnBack {margin: 5px 0 0 0; display: block; width: 45px}

div.comment_hide_button a:hover,
.sidebar-block a.sidebar-btnBack:hover {background-color: #898989; border: 0 none;}

/*---------------------------------
---------->>> ETC <<<--------------
---------------------------------*/  
.align-center {text-align: center;}
.align-right {float:right}
.align-left {float:left}
img.align-left {margin: 0 10px 5px 0;}
.no-margintop {margin-top: 0;}
.hi-blue {color: #4489e0; font-weight: bold;}

.clear { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear{ height: 1%; }
.clear{ display: block; }
.clear-both {clear:both}

.about .entry h1 {margin-top: 0}
.about .entry h2 {text-transform: none;}
.about .entry {padding-top: 0}
.about .first {width: 250px; margin-right: 20px}
.about .second {width: 230px}
.about .first,
.about .second {float: left}

.post_excerpt p {margin-bottom: 5px;}
p.readmore {margin: 0;}

.posterous_quote_citation {margin: 0 0 5px; color: #898989; line-height: 14px;}
.posterous_quote_citation a {color: #acacac}
.search-section,
.tag-section {color: #555; margin: 0 0 30px 150px; font-size: 28px; text-transform: uppercase;display: inline-block;}
.search-section {text-transform: none;}
.tag-section span.title {line-height: 0}
.search-section h2,
.tag-section h2 {display: inline;font-weight: normal; margin:0; color: #898989}
.search-section h2 {color: #555; margin-bottom: 10px; display: block}
.search-section h2,
.tag-section h2,
.tag-section span.extra,
.tag-section #see_all_tags {text-transform: none;font-size: 18px;}
.search-section a.searchall,
.tag-section a#see_all_tags,
.tag-section a#see_all_tags:visited {display: block; font-size: 12px; color: #acacac}
.search-section a.searchall:hover,
.tag-section a#see_all_tags:hover {border: 0 none; text-decoration: underline;}
a.searchbox_button,
input#searchbox_button,
input#searchbox {margin: 5px 5px 0 0}
input#searchbox_button {padding: 3px 5px 4px}
input#searchbox_button {font-family: Arial, Helvetica, sans-serif}
ul.searchsort li a {margin:0; pading:0; line-height: 0}
ul.searchsort li:first-child {margin-left: 0}
.search-section a.searchall {margin: 10px 0 0}