/*
Theme Name:SOFA Showcase
Theme URI:http://sofarider.com/
Description:Showcase, blog, whatever you prefer!
Version:1.0
Author:Dameer, sofarider.com
Author URI:http://sofarider.com/
Tags:Portfolio, Blog, Showcase, 2 columns
*/

/* RESET */
/* --------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td		{ margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent; }
ol, ul												{ list-style:none;	}
blockquote, q										{ quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after									{ content:''; content:none; }
:focus												{ outline:0; }
ins													{ text-decoration:none; }
del													{ text-decoration:line-through; }
table												{ border-collapse:collapse; border-spacing:0;	}

/* GLOBAL STUFF */
/* --------------------------------------------------------------------------------------------------------------------------- */
body, html 											{ font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#555555; margin:0; padding:0; line-height:190%; }
ol, ul 												{ list-style-image:none; list-style-position:inside; list-style-type:disc; margin-bottom:5px; margin-top:.7em; }
a 													{ color:#004b91; text-decoration:none; }
a:hover 											{ color:#092037; text-decoration:underline; }
h1, h2, h3, h4, h5, h6 								{ font-weight:normal; }
h1 													{ font-size:28px; }
h1, h2, h3 											{ letter-spacing:-1px; color:#004b91; padding:10px 0 5px; }
h2 													{ border-bottom:1px solid #ccc; font-size:28px; font-weight:normal; padding:0 0 0.5em 0; margin:0 0 0.5em 0; letter-spacing:0; }
h3 													{ clear:both; font-size:18px;  color:#004b91; font-weight:normal; padding:8px 0 0; letter-spacing:0; }
h4													{ font-size:14px; color:#004b91; padding:5px 0 0; }
h5, h6												{ font-size:14px; color:#555555; padding:5px 0 0; }
img		 											{ background:transparent url( images/shadow-1000x1000.gif ) no-repeat scroll right bottom; padding:3px 9px 9px 3px; margin:0 10px 10px 0; }
	img.alignright 									{ float:right; margin-left:1em; margin-bottom:1em; }
	img.alignleft 									{ float:left; margin-right:1em; margin-bottom:1em; }
hr													{ height:1px; colour:#ccc; background-color:#ccc; border:0; }
	
/* CLEAR */
/* --------------------------------------------------------------------------------------------------------------------------- */
.clearow 											{ display:block; }
.clearow:after 										{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearow 									{ height:1%; }
.clear 												{ clear:both; font-size:1px; height:1px; line-height:1px; }

/* MAIN DIV BLOX */
/* --------------------------------------------------------------------------------------------------------------------------- */
#allWrap 											{ background:url( images/bg_wrap.jpg ) 0 0 repeat-x; text-align:center; }
#wrapper 											{ margin:0 auto; width:900px; text-align:left; }
#header 											{ height:200px; position:relative; background:transparent url( images/header_texture.png ) 145px 0 no-repeat; }
#content 											{ padding:0 0 25px; }
#footer 											{ margin-top:10px; overflow:hidden; background-color:#013D75; }
#inFooter 											{ width:900px; margin:0 auto; padding:20px 0 40px 0; line-height:25px; font-size:100%; overflow:hidden; /* background:#FFFFFF url( images/footer_top.png ) 0 0 no-repeat; */ }

/* HEAD */
/* --------------------------------------------------------------------------------------------------------------------------- */
#logo 												{ position:absolute; top:40px; left:10px; }
#logo h1 											{ padding:0; }
#logo h1 a, #logo h1 a:hover						{ background:url( assets/boma-logo.png ) 0 0 no-repeat; width:208px; height:94px; text-indent:-9000px; display:block; text-decoration:none; }

/* MAIN NAVIG */
/* --------------------------------------------------------------------------------------------------------------------------- */
div.topMenu 										{ position:absolute; width:100%; top:164px; left:0; background:transparent url( assets/left.gif ) top left no-repeat; }
div.topMenuRight									{ display:block; height:36px; width:100%; background:transparent url( assets/right.gif ) top right no-repeat; overflow:hidden;  }
ul.topMenu											{ list-style-type:none; margin:0 0 0 10px; }
ul.topMenu li 										{ float:left; padding:0px 12px 0 16px; margin-left:0px; background: transparent url( assets/nav.gif ) top right no-repeat; }
ul.topMenu li a										{ float:left; font-size:14px; height:28px; display:block; padding-top:8px; color:#fff; font-weight:bold; text-decoration:none; }
ul.topMenu li a:hover								{ color:#ccc; }

ul.topMenu li a:active,
ul.topMenu li.page_item.current_page_item a:link,
ul.topMenu li.page_item.current_page_item a:hover,
ul.topMenu li.page_item.current_page_item a:visited,
ul.topMenu li.page_item.current_page_item a:active,
ul.topMenu li.cat-item a:active,
ul.topMenu li.cat-item.current-cat a:link,
ul.topMenu li.cat-item.current-cat a:hover,
ul.topMenu li.cat-item.current-cat a:visited,
ul.topMenu li.cat-item.current-cat a:active 		{ color:#efefef; }

ul.topMenu .pagenav li                            	{ float:left; text-transform:uppercase; padding:0 20px 0 0; }
.pagenav li a										{ color:#555555; text-decoration :none; text-transform:uppercase; }
.pagenav li a:hover									{ color:#004b91; }
.pagenav li.page_item.current_page_item a:link,
.pagenav li.page_item.current_page_item a:hover,
.pagenav li.page_item.current_page_item a:visited,
.pagenav li.page_item.current_page_item a:active	{ color:#004b91; background-color:transparent; }


.pagenav ul											{ list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:0; }
.pagenav ul											{ margin-top:0; }
.pagenav											{ width:560px; padding-right:20px; padding-top:0px; display:inline; float:left; overflow:hidden; }

/* CONTENT */
/* --------------------------------------------------------------------------------------------------------------------------- */
#content p 											{ margin:0.715em 0; }
#maincontent 										{ float:left; width:560px; padding-right:20px; margin-top:15px; margin-left:25px; }
#sidebudabar 										{ float:right; width:260px; margin-left:20px; margin-top:15px; }
#sidebudabar ul 									{ font-size:110%; overflow:hidden; }

#sidebudabar li.page_item, 
#sidebudabar li.cat-item							{ padding:2px 0 2px 20px; line-height:190%; }
#sidebudabar li.page_item a:link,
#sidebudabar li.page_item a:visited, 
#sidebudabar li.cat-item a:link,
#sidebudabar li.cat-item a:visited 					{ text-decoration:none; }
#sidebudabar li.page_item a:hover, 
#sidebudabar li.cat-item a:hover					{ color:#0973ba; background-color:transparent; }

#sidebudabar li.page_item a:active,
#sidebudabar li.page_item.current_page_item a:link,
#sidebudabar li.page_item.current_page_item a:hover,
#sidebudabar li.page_item.current_page_item a:visited,
#sidebudabar li.page_item.current_page_item a:active, 
#sidebudabar li.cat-item a:active,
#sidebudabar li.cat-item.current-cat a:link,
#sidebudabar li.cat-item.current-cat a:hover,
#sidebudabar li.cat-item.current-cat a:visited,
#sidebudabar li.cat-item.current-cat a:active		{ color:#999999; background-color:transparent; }

#sidebudabar li.page_item,
#sidebudabar li.cat-item							{ background:transparent url( images/circ.jpg ) no-repeat scroll 0px 12px; border-bottom:1px solid #efefef; float:left; display:inline; width:280px; }
#sidebudabar li.page_item.current_page_item,
#sidebudabar li.cat-item.current-cat				{ background:transparent url( images/circ_up.jpg ) no-repeat scroll 0px 12px; }

#sidebudabar p.list 								{ border-bottom:1px solid #efefef; display:block; padding:5px 0 10px 40px; margin:0 0 5px 0; }
#sidebudabar .featured 								{ margin:10px 0; }

#sidebudabar .ads									{ clear:both; overflow:hidden; }
#sidebudabar .ads									{ width:300px; }
#sidebudabar .ads img								{ margin:0; }

#sidebudabar .ads * 								{ float:left; }
#sidebudabar ul.ads 								{ margin-left:0; margin-top:10px; list-style-position:outside; list-style-type:none; } 
#sidebudabar .ads li 								{ float:left; border:none; padding:0; }
#sidebudabar .ads li								{ margin:0 20px 20px 0; }
#sidebudabar .ads li.last 							{ margin-right:0; }
/*
.portfolioItem 										{ padding:0 0 20px 0; margin-bottom:10px; position:relative; }
#maincontent p img									{ margin-right:0; width:548px; float:left; }
#maincontent p .imgintro							{ margin:5px 10px 0 0; width:108px; float:left; }
.portfolioItem .itemDetails 						{ float:left; }
.portfolioItem .itemDetails p						{ overflow:hidden; }
.portfolioItem .itemDetails .meta					{ font-size:85%; }
.portfolioItem .title 								{ font-size:16px; font-weight:bold; color:#004b91; }
.portfolioItem .ribbonType 							{ position:absolute; top:14px; left:223px; width:45px; height:43px; }
*/
.widget 											{ padding-bottom:20px; }

p object 											{ width:548px; height:340px; float:left; margin:0 0 10px 0; border:1px solid #F1F1F1; padding:5px; }
p object embed 										{ width:548px; height:340px; float:left; }

#flashHeader                                		{ width:100%; height:300px; padding-top:20px; }
#nonFlash                       	         		{ width:900px; overflow:hidden; }
#nonFlash h1                      	         		{ font-family:Arial, Helvetica, sans-serif; text-align:center; }
#undertitle                                			{ width:900px; height:7px; background:url( images/under_title_bg.png ) top center no-repeat; }
#pagination  	                            		{ width:100%; }
.older-entries                              		{ width:30%; float:left; }
.newer-entries                              		{ width:30%; float:right; text-align:right; }

/* FORM */
/* --------------------------------------------------------------------------------------------------------------------------- */
form label 											{ display:block; padding:8px 0 2px; }
form input, form textarea 							{ border:1px solid #CCCCCC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; width:300px; padding:5px; }
form textarea 										{ width:520px; }
#submit												{ width:80px; text-align:center; text-transform:uppercase; background-color:#F1F1F1; float:left; }
.submit		 										{ width:180px; }

/* COMMENTS */
/* --------------------------------------------------------------------------------------------------------------------------- */
#comments 											{ width:100%; position:relative; display:block; padding:30px 0; margin:40px 0; background:url( images/above_comments_bg.png ) top center no-repeat; overflow:hidden; }
#comments ul 										{ list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:0; }
#comments ul li 									{ float:left; padding:10px; margin:5px 0; display:block; width:95%; font-size:100%; line-height:170%; background:url( images/bg_comments.jpg ) top left repeat; }
#comments ul li .author 							{ font-weight:bold; font-size:120%; font-family:Georgia, "Times New Roman", Times, serif; padding:0 5px; letter-spacing:-0.5px; }
#comments ul li .date 								{ font-size:1em; }
#comments .metadata 								{ line-height:normal; font-style:italic; }
#comments .cdata									{ float:left; display:inline; width:470px; padding-top:15px; }
#comments .avav										{ float:left; display:inline; padding:5px 0 10px 0; width:60px; background:url( images/tit.png ) 41px center no-repeat; }
#comments .avav .avatar								{ width:40px; padding:0; margin:0; }
textarea.comment 									{ clear:both; margin-bottom:1em; }

/* OTHER */
/* --------------------------------------------------------------------------------------------------------------------------- */
blockquote				                            { color:#999999; font-style:italic; padding:10px 0 10px 20px; background:transparent url( images/blockquote.png ) 23px 0 no-repeat; }
#copyright											{ float:left; padding-top:20px; color:#fff; }
#search 											{ float:left; display:block;  padding-left:20px; }
#searchform											{ padding:0; margin:8px 0 0 0; }
#searchform input									{ float:left; width:135px; padding:1px; font-size:11px; color:#666; }
#searchform input.submit 							{ float:left; border:0px; padding:0; margin:0 0 0 1px; width:21px; height:20px;  }
#inFooter .pagenav                                  { float:right; text-align:right; width:360px; padding:20px 0 0 0; }
#inFooter .pagenav ul                            	{ text-align:right; padding:0; }
#inFooter .pagenav li                            	{ float:right; text-align:right; text-transform:uppercase; padding:0 0 0 20px; }
#inFooter .pagenav li a                            	{ color:#fff; }
#inFooter .pagenav li a:hover						{ text-decoration:underline; }

.widget h3											{ margin:0.5em 0; padding-bottom:0.5em; border-bottom:1px solid #cccccc; }
.rssfeed 											{ background: url(assets/rss.gif) 5px 5px no-repeat; }
.twitter 											{ background: url(assets/twitter.gif) 5px 5px no-repeat; }
.linkedin 											{ background: url(assets/linkedin.gif) 5px 5px no-repeat; }
.calendar 											{ background: url(assets/calendar.gif) 5px 5px no-repeat; }
.join 												{ background: url(assets/join.gif) 5px 5px no-repeat; }
.guide 												{ background: url(assets/guide.gif) 5px 5px no-repeat; }
.news 												{ background: url(assets/news.gif) 5px 5px no-repeat; }
.login 												{ background: url(assets/login.gif) 5px 5px no-repeat; }

.contact-info span 									{ display:block; float:left; width:120px; }


/* POSTS */
/* --------------------------------------------------------------------------------------------------------------------------- */
.post-index 										{ margin:0 0 10px;}
#post-single 										{ margin:0 0 20px; float:none; width:560px;}
.posts-wrap 										{ float:left; clear:none;width:560px;}
.post 												{ float:left; width:460px; padding-left:18px; line-height:1.4em; }
.post p 											{ margin:0.2em 0;}
.post .metadata 									{ background-color:#efefef; padding:2px 4px; margin-top:1em;font-size:0.82em; }
#post-single .entry-meta 							{ background-color:#efefef; padding:2px 4px; margin:1em 0;  }
.additional-meta 									{ background-color:#004B91; color:#FFF; float:left; width:80px; text-align:center;}
.month												{ padding:4px 0; border-bottom:1px solid #FFF;}
.date												{ font-size:32px; padding:0.25em 0;}
.entry-content p 									{ padding-top:6px; }
.entry-meta 										{ padding:10px 0; }
.meta												{ font-size:0.85em; }
.divider 											{ overflow:visible; height:2px; margin:10px 0; width:560px; border-bottom:1px solid #C1C1C1; position:relative; left:-98px;}

.comments 											{ background:url(assets/comments.gif) no-repeat; padding-left:20px; margin-right:15px; }
.comments-title 									{ display:block; clear:both; font-size:1.2em; margin-top:1em; }


/* CU3ER */
/* --------------------------------------------------------------------------------------------------------------------------- */
#cu3er-container { margin-bottom:2em; }

/* SLIDING DOOR BUTTONS */
/* --------------------------------------------------------------------------------------------------------------------------- */
div.buttons											{ float:left; clear:both; width:100%; overflow:auto; margin:1em 0 0 0; }
a.button 											{ background: transparent url(assets/button_right.png) no-repeat scroll top right; display: block; float: left; height: 35px; margin:0 6px 1em 0; padding-right: 20px; text-decoration: none; color: #ffffff; font-size:12px; font-weight:bold; }
a.button span 										{ background: transparent url(assets/button_left.png) no-repeat; display: block; line-height: 22px; padding: 7px 0 5px 18px; } 
a.button:hover span 								{ text-decoration:underline; }

/* MISC */
/* --------------------------------------------------------------------------------------------------------------------------- */
div.blockquote										{ text-align:center; border:1px solid #ccc; background-color:#efefef; margin-bottom:1em; }

/* Events */
div.disclaimer 										{ clear:both; margin-top:1em; border:1px solid #FFAAAA; background-color:#FFEEEE; padding:1em; margin-bottom:1em; }
div.disclaimer h4									{ text-align:center; font-weight:bold; font-size:1.2em; }

/* Cancellation */
div.cancellation 									{ border:1px dashed #000; padding:1em; margin-bottom:1em; }

/* PDF */
a.pdf			 									{ height:38px; display:block; width:auto; padding-left:40px; background:url(assets/pdf.png) no-repeat; }

ul.twitter-widget { list-style-type:none; }
ul.twitter-widget li { font-size:0.9em; border-bottom:1px solid #efefef; padding:0.5em 0.2em; }
ul.twitter-widget li span.entry-meta { font-size:0.85em; display:block; clear:both; }

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(images/ui.totop.png) no-repeat left top; }
#toTopHover { background:url(images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

.cycle { position:relative; height:241px; width:560px; display:block; }
.cycle li { position:absolute; top:0; left:0; margin-left:3px; margin-top:3px; height:238px; width:558px; display:block; box-shadow:4px 4px 4px #888; -webkit-box-shadow:4px 4px 4px #888; -moz-box-shadow: 4px 4px 4px #888; border:4px solid #fff; }
.cycle  { padding:3px 6px 6px 3px; margin:0 10px 10px 0; }
.cycle li.slide1 { background:url(assets/slide1.jpg) no-repeat; }
.cycle li.slide2 { background:url(assets/slide2.jpg) no-repeat; }
.cycle li.slide3 { background:url(assets/slide3.jpg) no-repeat; }


#listing-6 { margin-bottom:20px; }

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}