/*
Theme Name: CatalystX
Theme URI: http://www.catalystx.com/
Description: An All-Original design from CatalystX.
Version: 0.1
Author: Mark Steel
Author URI: http://www.catalystx.com/
Tags: blue, custom header, fixed width, two columns, widgets

	CatalystX v0.1
	 http://www.catalystx.com/

	This theme was designed and built by Mark Steel,
	whose can be found at http://www.catalystx.com/

	The CSS, XHTML and design is Copyright 2008 CatalystX

*/

/* Here we go... */

html { width: 99%; height: 100%; }

body { font-family: arial, helvetica, sans-serif; color: #000; background-color: #333; text-align: center; font-size: 11pt; }

#page { width: 935px !important; width: 955px; margin: 0 auto; padding: 10px; background: white; text-align: left; }

#container { background-position: right; background-repeat: repeat-y; }

#header { width: 935px; background-color: #0f0; color: #fff; overflow: hidden; }

#contentbody { width: 935px; background: url('images/content-bg.png'); }

#content { width: 500px; float: left; }

#sidebar { width: 380px; min-height: 220px; padding: 10px; background: url('images/sidebar-bg.png') no-repeat; float: right; font-weight: bold; color: #fff; }

#footer { margin: 0; width: 100%; clear: left; }

h1, h2, h3, h4 { font-family: 'Lucida Grande', arial, helvetica, sans-serif; margin: 0; padding: 0; }

.headerbg { height: 175px; background: url('images/header.png'); }
.headerleft { width: 525px; height: 155px; line-height: 155px; padding: 10px; float: left; }
.headerleft img { vertical-align: middle; }
.headerright {width: 350px; height: 155px; float: right; padding: 10px; overflow: hidden; text-align: right; }

.navbar { width: 905px; height: 50px; padding: 0 15px 0 15px; overflow: hidden; 
	background: url('images/navbar.png'); line-height: 50px; 
	color: #f60; font-weight: bold; font-size: .8em;
	text-transform: uppercase; text-align: left; }
.navbar .navleft { width: 650px; float: left; }
.navbar .navright { width: 217px; float: right; text-align: right; }
.navbar ul { margin: 0; padding: 0; display: inline; }
.navbar ul li { margin: 0; padding: 0 .2em; list-style: none; display: inline; }
.navbar a { text-decoration: none; color: #f60; }
.navbar a:active, .navbar a:hover { color: #fff; }

.sep { height: 10px; overflow: hidden; }
#contentbody .sep { background-color: #fff; }
#sidebar .sep { width: 380px; background-color: transparent; }
#sidebar .sidebarleft .sep { width: 185px; }
#sidebar .sidebarright .sep { width: 185px; }

.sidebarcap { width: 935px; height: 20px; margin: 0; padding: 0; text-align: right; clear: right; }
.sidebarleft { width: 185px; float: left; }
.sidebarright { width: 185px; float: right; }

#header .navbar .navright { width: 225px; height: 50px; background: url('images/search.png') no-repeat; background-position: center right; }
div.search { width: 218px; margin-top: 15px; overflow: hidden; text-align: left; float: right; text-transform: none; }
.search form { width: 175px; height: 21px; margin: 0; padding: 0; text-align: right; border: 0px solid #fff; }
.search input { width: 175px; height: 21px; margin: 0; padding: 0; margin-top: 1px; margin-left: 27px; background: none; border: 0px solid #fff; color: #666; }
.search input .submit { visibility: hidden; }

#sidebar a { color: #fff; text-decoration: none; width: 385px; }
#sidebar a:active, #sidebar a:hover { text-decoration: underline; }
#sidebar ul, #sidebar ol, #sidebar li { margin: 0px; padding: 0px; list-style: none; }
#sidebar ul li { margin: 0; padding: 0; }
#sidebar ul li ul li { margin: 0; padding: 0; font-weight: normal; }
#sidebar ul li ul li ul li { margin-left: 5px; }

#sidebar .widget { font-size: 1.1em; font-weight: bold; }
#sidebar .widget ul li { font-size: .8em; border-bottom: 1px solid #f70; font-weight: normal; }
#sidebar .widget ul li ul li { border: none; }

#sidebar img { border: 1px solid #000; }


.post { margin-bottom: 30px; }
#content a { color: #060; text-decoration: none; }
#content a:active, .post a:hover { color: #000; text-decoration: underline; }
div.postmetadata { text-align: right; }

div.navigation { margin-bottom: 25px; }

/* Sociable */
div.sociable { margin: 16px 0 0 0; padding-top: 5px; text-align: right; }
div.sociable_tagline { position: relative; display: inline; height: 18px; vertical-align:top; }
.sociable span { display: block; }
.sociable ul { display: inline; margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .7; filter: alpha(opacity=70); }
.sociable-hovers:hover { opacity: 1; filter: none alpha(opacity=100); }
/* End sociable */

#commentform input {
        width: 170px;
        padding: 2px;
        margin: 5px 5px 1px 0;
        }

#commentform textarea {
        width: 100%;
        padding: 2px;
        }

#commentform #submit {
        margin: 0;
        float: right;
        }