/*
Theme Name: Chemical Jump
Theme URI: http://www.chemicaljump.com
Description: Some really bad coding. Hope it all works.
Version: 2.0
Author: Nathan Jackson
Author URI: http://www.chemicaljump.com.com

*/

@import 'style-section-typography.css';
@import 'style-section-layout.css';
@import 'style-section-colors.css';

/************************************************/
/*** Required For Themes : Start ****************/
/************************************************/
 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; background-color: #f3f3f3; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/************************************************/
/*** Required For Themes : End ******************/
/************************************************/



/************************************************/
/*** Navigation Menu : Start ********************/
/************************************************/
#menu{

height: 1%;

overflow: hidden;

margin-left: 80px;

}

#menu ul{

margin: 0;

padding: 0;

}

#menu ul li{

float: left;

display: inline;

margin: 0;

padding: 0;

}

#menu ul li a{

padding: 8px 20px;

display: block;

text-decoration: none;

}

#menu ul li a:link, #menu1 ul li a:visited{

background: #222 url(images/menu.png) top left repeat-x;

color: #ddd;

border-left: 1px solid #333;

border-top: 1px solid #333;

}

#menu ul li a:hover, #menu1 ul li a:active{

background: #333 url(images/menu.png) 0 -100px repeat-x;

color: #fff;

text-decoration: none;

border-left: 1px solid #099F06;

border-top: 1px solid #099F06;

}

#menu ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{

background: #000 url(images/menu_visited.png) top left repeat-x;

color: #fff;

border-left: 1px solid #000;

border-top: 1px solid #000;

}

/************************************************/
/*** Navigation Menu : End **********************/
/************************************************/


/************************************************/
/*** Pagination : Start *************************/
/************************************************/

div#pagenav { height: 38px; color: #fff; }
div#pagenav a, div#pagenav a:link { padding: 5px 10px; margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }

div.wp-pagenavi { height: 38px; padding: 0; }
div.wp-pagenavi a, div.wp-pagenavi a:link { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:visited { text-decoration: none; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:hover { border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:active { text-decoration: none; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span.current { font-weight: bold; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span.extend { border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }

/************************************************/
/*** Pagination : End ***************************/
/************************************************/

/* @override http://localhost/wp-content/themes/masinop/style-ui-tabs.css */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
div#box-tabs { width: 252px; padding: 0; border: none; background: transparent none; }
div#box-tabs h2 { display: none; }
div#box-tabs div.interior { border: none; padding: 0; }
div#box-tabs ul.ui-tabs-nav { 
	display: block; height: 36px; margin: 0; padding: 0;
}
div#box-tabs ul.ui-tabs-nav li { 
	display: block; margin: 0; padding: 0; float: left; text-align: center; 
	width: 83px; height: 36px; 
}
div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected {
	width: 84px;
	background: #1d1d23 none;
	border: 1px solid #30303b; border-bottom: none;
		-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
		-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;

}

div#box-tabs ul.ui-tabs-nav li a, div#box-tabs ul.ui-tabs-nav li a:visited { 
	display: block; margin: 0; padding: 0; line-height: 36px; 
	font-family: Verdana, sans-serif; font-size: 10px; text-transform: uppercase; 
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	outline: none;
	background: transparent none;
}

div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a, div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a:visited {
	background: #f none;
}

div#box-tabs ul.ui-tabs-nav li a:hover {
	background: transparent none;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

div#box-tabs div.ui-tabs-panel {
	padding: 10px;
	background: #1d1d23 none; border: 1px solid #30303b;
}
div#box-tabs div.ui-tabs-panel p.notice {
	display: block;
	padding: 10px; margin: 0;
	text-align: center;
}
div#box-tabs div.details ul { display: block; list-style-type: none; margin: 0; padding: 0; }
div#box-tabs div.details ul li { 
	display: block; margin: 0; padding: 0 0 4px 0; 
	background: transparent url('images/background-list-item.gif') left bottom repeat-x; 
}
div#box-tabs div.details ul li a, div#box-tabs ul li a:visited { 
	background: transparent url('images/background-list-item-norm.gif') 10px center no-repeat;
	display: block; margin: 0; padding: 10px 10px 10px 35px; 
	text-decoration: none;
	outline: none;
}
div#box-tabs div.details ul li a:hover   { 
	background: #131317 url('images/background-list-item-over.gif') 10px center no-repeat;
	text-decoration: none;
}