/*
Theme Name: Brixiom Theme
Theme URI: http://www.brixiom.com
Description: This is a custom theme and style sheet
Version: Version number 1
Author: Stranger Studios
Author URI: http://www.strangerstudios.com

/*--------------------------------------------------
	Reset
----------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

/*--------------------------------------------------
	Block Level Elements
----------------------------------------------------*/
Body {margin: 0; padding: 0 0 20px 0; text-align: center; font: 80% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; background: #E5E5E5; color: #444; }

.width {width: 940px; margin: 0 auto; padding: 0; text-align: left; }

#page {background: #E5E5E5 url(images/bg_page.gif) top left repeat-x; padding: 20px 0 0 0; }

#w-header {}
#header {height: 115px; min-height: 115px;  }

#w-menu {background: url(images/bg_w-menu.gif) top left repeat-x; }

#w-wrapper { }
#wrapper {margin: 20px 0 0 0; padding: 0; }
#content {width: 680px; }

#sidebar {width: 210px; }

#w-footer {margin: 20px 0 0 0; }
#footer {margin: 0; padding: 20px 0 0 0; font-size: .9em; border-top: 1px solid #ABABAB; }

/*--------------------------------------------------
	Colors
----------------------------------------------------*/

.red {color: #B00000 !important; }

.blue {color: #2C2166; }
.mdblue {color: #2D439B; }
.grey {color: #444; }

/*--------------------------------------------------
	Defaults
----------------------------------------------------*/

p {margin: 0 0 1em 0; line-height: 1.4em; }

a, a:link {color: #2D439B; text-decoration: none; }
a:hover {color: #2C2166; text-decoration: underline;  }

a img { border: none; }
strong {font-weight: bold; }
em, .em {font-style: italic; }
small, .small {font-size: .9em; }
blockquote {margin: 1.5em 0; line-height: 1.4em; color: #2D439B; padding: 1em; padding-bottom: 1px; }

ul {margin: 0 0 1.5em 20px; line-height: 1.4em; }
ol {margin: 0 0 1.5em 20px; * margin-left: 25px; line-height: 1.4em; }
ul ul {margin-bottom: .5em; }

ul li, ol li {margin: 0 0 .5em 0; }

/*--------------------------------------------------
	Headings
----------------------------------------------------*/
h1#logo {float: left; display: block; width: 330px; height: 115px; margin: 0; }

h2 { font-size: 22px; margin-bottom: 0; color: #2C2166; font-weight: normal !important;}
h2 span { color: #B00000; }
h2 small {font-size: .5em; vertical-align: middle; }

h3 { font-size: 1.3em; margin: 0em 0 .25em 0; color: #B00000; }
h3 a {color: #B00000 !important; }
h3 small a {color: #666 !important; font-size: .8em; text-decoration: underline; }

h4 { font-size: 1.2em; margin: .25em 0; color: #2C2166; }
h5 { font-size: 1.1em; margin-bottom: .25em; color: #B00000; }
h6 { font-size: 1.1em; margin-bottom: .25em; color: #B00000; }


/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/
.message {background-color: #D5E4F7; background-image: url(images/icon_information.gif); background-position: 3px 5px; background-repeat: no-repeat; margin: 0 0 1.5em 0; padding: 6px 6px 6px 25px; color: #345395; line-height: 1.3em; }

.success {background-color: #CFEECA; background-image: url(images/icon_success.gif); color: #208A1B; }
.error {background-color: #F9D6CB; background-image: url(images/icon_error.gif); color: #E36154; }
.alert {background-color: #FFF6CC; background-image: url(images/icon_alert.gif); color: #CF8516; }

.message a {color: #345395; }
.success a {color: #208A1B; }
.error a {color: #E36154; }
.alert a {color: #CF8516; }

/*--------------------------------------------------
	Forms & Buttons
----------------------------------------------------*/

form div {clear: left; margin-bottom: 1.5em;  }
form label {float: left; margin: 3px 10px 0 0; width: 130px; text-align: right; }
form div div {width: 380px; margin-left: 140px; clear: none;}
form .likelabel {}
form .input, form textarea, .input {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; }
form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form select {margin: 2px 0 0 0 ;}
.lite {color: #666; }
form .leftmar {margin: 8px 0 0 140px; }

#searchform {margin-top: 5px; }
#searchform #s {width: 110px; float: left; margin: 0 0 5px 0; font-size: 11px; padding: 3px; border: 1px solid #AAA; }
#searchform #searchsubmit {float: right; }

.btn {display: block; margin: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
.btn:hover {background-position: bottom left; }

.btn-emailus {font-size: 16px; height: 20px; min-height: 20px; line-height: 20px; padding: 5px 10px; width: 155px; background: url(images/bg_btn-175.gif); }
.btn-emailus:hover {text-decoration: underline; }

/* .btn-search {cursor: pointer; float: right; background-image: url(images/btn-search.png); width: 55px; height: 21px; min-height: 21px; margin-top: 1px !important; } */

/*--------------------------------------------------
	Header
----------------------------------------------------*/
#menu {margin: 0; padding: 0; list-style: none; text-align: right; }
#menu li {display: inline; margin: 0; padding: 0; }
#menu li, #menu li.page_item { display: inline; margin: 0; padding: 0; font-size: .9em; } 
#menu a, #menu a:link { background: none; margin: 0 0 0 2em; padding: 0; float: right; display: block; text-decoration: none; text-transform: uppercase; color: #666; } 
#menu a:hover { text-decoration: underline; } 
#menu li.current_page_item a, #menu li.current_page_parent a { } 

#bigmenu {margin: 0; list-style: none; float: right; width: 610px; height: 115px; font-size: 26px; text-transform: uppercase; background: url(images/bg_menu.png) top left repeat-x;  }
#bigmenu li {display: inline; margin: 0; padding: 0; }
#bigmenu a { background: none; margin: 40px 15px; padding: 8px 0; line-height: 26px; float: right; display: block; text-decoration: none; color: #2C2166; } 
#bigmenu a:hover { text-decoration: underline; } 
#bigmenu .page-item-95 a {background-image: url(images/bg_bigmenu-bullet.gif); background-position: 0px 13px; background-repeat: no-repeat; padding-left: 40px; }

/*--------------------------------------------------
	The Post
----------------------------------------------------*/

.post { }
.post .p-date {margin: 0 0 .5em 0; color: #666; font-size: .9em; }
.post .postmetadata {border-top: 1px solid #CCC; margin: 1em 0 0 0; padding-top: 5px; font-size: .9em; color: #666; clear: both; }
.post .postmetadata a {color: #666; }

.navigation { display: block; margin: 1.5em 0; }
.navigation .alignleft {float: left; text-align: left; width: 48%; }
.navigation .alignright {float: right; text-align: right; width: 48%; }

#post-411 ul li a {display: block; line-height: 16px; text-decoration: none; }
#post-411 ul li a span {padding: 0 20px 0 0; background: url(images/icon_play.png) top right no-repeat; }

/*--------------------------------------------------
	Posts Archives (Index, Category, Archive, Search)
----------------------------------------------------*/
.blogposts .post { }
.blogposts .post h2 { }

/*--------------------------------------------------
	Single Post
----------------------------------------------------*/
.single h2 { }
.single h2 a {border: none !important; }

/*--------------------------------------------------
	The Page
----------------------------------------------------*/
.page 
.page .pagetitle { }

/*
.introbox-t {background: url(images/bg_intro-t.png) top left no-repeat; padding: 0; height: 20px; margin: 0;}
.introbox-m {background: url(images/bg_intro-m.png) top left repeat-y; padding: 0 20px; font-size: 14px; color: #FFF; line-height: 24px; font-family: Century Gothic, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.introbox-b {background: url(images/bg_intro-b.png) bottom left no-repeat; padding: 0; height: 20px; margin-bottom: 20px; }
.introbox-m { padding: 20px; font-size: 16px; color: #FFF; background: #2D439B; line-height: 22px; border-bottom: 1px solid #AAA; margin-bottom: 20px; font-family: Century Gothic, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
*/

.introbox-m {margin-bottom: 1.5em; font-size: 1.4em; line-height: 1.8em; }


/*
#videolist {margin: auto; list-style: none;}
#videolist .videolist-item {float: left; margin-top: 10px; text-align: center; width: 33%; }
#videolist img {border: 2px solid #cfcfcf; margin-bottom: 5px; }
*/

#videolist {list-style: none; margin: 10px 0 0 0; padding: 0; }
#videolist .videolist-item {display: block; margin: 0 0 1em 0; text-align: left; }
#videolist .videolist-item h4 {margin-bottom: .5em; }
#videolist img {border: 2px solid #cfcfcf; margin: 0 15px 15px 0; float: left; }
#videolist img:hover {border-color: #AAA; }

#screenshotlist {list-style: none; margin: 10px 0 0 0; padding: 0; }
#screenshotlist li {display: inline-block; float: left; margin: 0 15px 1em 15px; text-align: center; width: 190px; height: 190px; }
#screenshotlist li div { }
#screenshotlist img {border: 2px solid #CFCFCF; margin: 0 0 5px 0; }
#screenshotlist img:hover {border-color: #AAA; }

#videolist-200 {list-style: none; margin: 10px 0 0 0; padding: 0; }
#videolist-200 li {display: inline-block; float: left; margin: 0 11px 1em 11px; text-align: center; width: 200px; height: 200px; }
#videolist-200 li div { }
#videolist-200 img {border: 2px solid #CFCFCF; margin: 0 0 5px 0; }
#videolist-200 img:hover {border-color: #AAA; }

.clientlist { }
.clientlist td {background: #FFF; text-align: center; padding: 10px; }
.clientlist a {color: #666; }

.client-item {border-top: 1px solid #CCC; margin: 20px 0; padding: 20px 0; }
.client-item img {border: 2px solid #cfcfcf; margin: 0 15px 15px 0; float: left; }

#biolist {list-style: none; margin: 10px 0 0 0; padding: 0; }
#biolist li {margin: 0 0 1.5em 0; padding: 1.5em 0 0 0; text-align: left; border-top: 1px solid #CCC; }
#biolist li h3 {margin-bottom: .5em; }
#biolist li h3 a {text-decoration: underline; }

.sf-frame {text-align: center; margin: 0 auto; background: url(images/bg_sf-frame.png) top left no-repeat; padding: 3px 0 0 3px; width: 938px; height: 638px; }

/*--------------------------------------------------
	The HomepagePage
----------------------------------------------------*/
.homepage {background: url(images/bg_homepage.png) center top no-repeat; padding: 0 30px 0 20px; height: 340px; min-height: 340px; color: #777; }
.homepage p {line-height: 1.5em; font-size: 1.3em; }
.homepage h2 {margin: 0 0 1em 0; line-height: 1.3em; }
.homepage .pagetext {float: right; width: 455px; padding: 50px 0 0 0; }
.h-splash_abs {float: left; position: relative; margin-top: -15px; z-index: 1000; }

/*-----------------
.h-splash {float: left; width: 385px; height: 55px; padding: 205px 20px 20px 20px; margin-right: 30px; background: url(images/bg_h-splash.jpg) top left no-repeat; color: #FFF; font-size: 18px; } 
.h-splash a {color: #FFF; border-bottom: 1px dotted; font-weight: bold; }
.h-splash a:hover {color: #FFC; text-decoration: none; }
-----------------*/

#h-base {background: url(images/bg_hbar.gif) 397px 0px repeat-y; margin: 20px 30px 0 30px; padding: 1px 0; }
.h-box {margin: 0; }
.h-box p {line-height: 1.6em;}
.h-box h3 {margin: 0; font-size: 1.2em; text-decoration: underline; }
.h-box h3 a:hover {color: #2D439B !important; }

.h-box1 {float: right; width: 455px; }
.h-box1 span {font-size: 1.2em; margin-right: 5px; }
.h-box1 span a {color: #B00000; text-decoration: underline; }
.h-box1 span a:hover {color: #2D439B; }
.h-box1-tour img {float: right; margin: 0 0 15px 20px; }

.h-box1-clientspic {float: right; margin: 0 0 15px 20px; width: 106px; height: 81px; padding: 7px; background: url(images/bg_h-box1-clients.jpg)  } 
.h-box1-clientspic div {background-position: left center; background-repeat: no-repeat; width: 106px; height: 81px; }

.h-box2 {float: left; width: 370px; }
.h-box2 h3 {margin-bottom: 0; }
.h-box2 p {margin: .5em 0 0 0 !important; }


/*--------------------------------------------------
	Sidebar
----------------------------------------------------*/
#sidebar ul {list-style: none; margin-left: 0; color: #555; }
#sidebar ul li {margin: 0 0 1em 0; }
#sidebar ul li h3 {margin: 1px; font-size: 1.2em; line-height: 1.4em; display: inline-block; }
#sidebar ul li h3 a { }
#sidebar ul li h3 a:hover { }
#sidebar p {margin: 1em 0 0 0 ;}
#sidebar .more {float: right; width: 80px; font-size: 10px; color: #666; }

#sidebar ul ul li {padding: 0; margin: 10px 0 0 0; background: none; }
#sidebar ul ul li a {} 
#sidebar ul ul li a:hover {background-color: #FFF; }
#sidebar ul ul li a .count {color: #AAA; }

#sidebar ul ul ul li {list-style: disc; margin: 5px 0 0 20px; font-size: 9px; color: #999; }
#sidebar ul ul ul li a {font-size: 11px; }

#sidebar .s-links { }
#sidebar .s-links .linkcat .cat-name {padding: 5px; color: #000;  }
#sidebar .s-links .linkcat ul { }
#sidebar .s-links .linkcat ul li a {font-size: .9em; padding-left: 10px; }

#sidebar .widget {  }
#sidebar .widget ul { }

#sidebar .s-li-t {background: url(images/bg_s-li-t.png) top left no-repeat; height: 20px; min-height: 20px; }
#sidebar .s-li-m {background: url(images/bg_s-li-m.png) top left repeat-y; padding: 1px 15px; display: inline-block; width: 180px;}
#sidebar .s-li-b {background: url(images/bg_s-li-b.png) bottom left no-repeat; height: 20px; min-height: 20px; }

/*--------------------------------------------------
	Footer
----------------------------------------------------*/
#footer p {float: left; width: 500px; text-align: left; line-height: 1.2em; }
#footer a {border-bottom: 1px dotted; color: #555; }
#footer a:hover {color: #222; text-decoration: none; }

#footermenu {margin: 0; list-style: none; float: right; width: 380px; }
#footermenu li {display: inline; margin: 0; padding: 0; line-height: 1.5em; }
#footermenu li, #footermenu li.page_item { display: inline; margin: 0; padding: 0; } 
#footermenu a, #footermenu a:link { background: none; margin-left: 20px; float: right; display: block; text-transform: uppercase; } 
#footermenu a:hover {  } 


/*--------------------------------------------------
	Comments (with replies)
----------------------------------------------------*/
h3#comments {margin-top: 1.5em; }
h3.nocomments { }

ol.commentlist {list-style: none; margin-left: 0; }
ol.commentlist li {background: url(images/bg_gradient-light.gif) bottom left repeat-x; padding: .5em; margin: 0 0 1em 0; border: 1px solid #CCC;   }
ol.commentlist li.alt { }

.comment-author { }
.comment-author cite {font-style: normal; font-weight: bold; font-size: 1.2em; }
.comment em {color: #990000; font-size: .9em; } /* For comments pending approval */

.comment-author img {float: left; margin: 0 .5em .5em 0; border: 2px solid #EEE; }
.comment-body {clear: both; }

.comment-meta {font-size: .9em; }
.commentmetadata { }
.commentlist p {clear: left; }

.reply {clear: both; }
.reply .comment-reply-link {font-weight: bold; background-color: #FFF; padding: 5px; display: block; text-decoration: none;  }
.reply .comment-reply-link:hover {background-color: #CCC; }

/*
.children {margin: 0 !important; list-style: none; }
.children li {margin: 10px 0 0 0 !important; background-color: #FFF !important; background-image: none !important; padding: .5em !important; padding-bottom: 1px !important; border: none !important; }
.children .depth-2 { }
*/

#respond h3 {margin-top: 1em; margin-bottom: .5em; }
#respond h3 small {font-size: 10px; }

/*--------------------------------------------------
	Images
----------------------------------------------------*/
.centered, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { margin: 0 0 1em 1em; float: right; }
.alignleft { margin: 0 1em 1em 0; float: left;}

.aligncenter img, .alignright img, .alignleft img {margin-bottom: 5px; }

.attachment { } /* Wrapper for the image.php main content display */
.caption {background: #CCC; margin: 0 0 20px 0; padding: 1.5em 1.5em 1px 1.5em; } 

/*--------------------------------------------------
	Miscellaneous
----------------------------------------------------*/
.clear {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.right { float: right; }
.left { float: left }
.center { text-align: center; }

.top1em {margin-top: 1em; }
.mar30 {margin: 0 30px !important; }
.font2 {font-size: 1.3em; }

.breadcrumbs {color: #888; font-size: .9em; margin: 0 0 1.5em 0; }
.breadcrumbs a {color: #666; text-decoration: none; }
.breadcrumbs a:hover {text-decoration: underline; }
.breadcrumbs span {color: #CC0000; }

.line {background-color: #ABABAB; height: 1px; min-height: 1px; font-size: 1px; margin: 15px 0 15px 0; }

.twitter {display: block; background: url(images/icon_twitter-16.png) 0px 0px no-repeat; padding: 0px 0 2px 20px; line-height: 16px; font-size: .9em; margin: 1.25em 0 0 0; }
.facebook {display: block; background: url(images/icon_facebook-16.png) 0px 0px no-repeat; padding: 0px 0 2px 20px; line-height: 16px; font-size: .9em; }

#h-base .twitter {float: left; margin: 1.25em 20px 0 0; }
#h-base .facebook {float: left; margin: 1.25em 0 0 0; }


.sitemap-blog {float: right; width: 160px; background: url(images/bg_gradient-light.gif) bottom left repeat-x; padding: 1em; border: 1px solid #CCC; }
.sitemap-blog h4 {  }
.sitemap-blog ul { font-size: .9em; }

.hidden {display: none;}