/*  
Theme Name: Chemistry.ie
Theme URI: http://purposemakers.net
Description: Chemistry.ie
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------
* div  {
  background:#cfd0d2;
}

  Reset and Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
}

.hidden { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.alignleft {float:left; padding:5px 15px 15px 0;}
.t_right{ text-align:right; }
.alignright {float:right; padding:5px 0 15px 15px;}
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
  font-size:13px;
  line-height:1.6em;  
  color:#000;
  background-color:#000;
  font-family: 'Helvetica Neue',Trebuchet MS,Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside {
  width:900px;
  margin:0 auto;
  padding:0;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #eb7a35; }

h1 { font-size: 24px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 20px; margin-bottom: 0.75em; text-transform:uppercase; }
h3 { font-size: 18px; margin-bottom: 1em; }
h4 { font-size: 15px; font-weight: bold; text-transform:uppercase; }
h5 { font-size: 12px; font-weight: bold; margin-bottom: 1.5em; }

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a {
  color:#eb7a35;
  text-decoration:none;
  font-weight:bold;
}

a:hover { 
  color:#555;
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #C00;
  color:#BBB;
  background-color:#333;
  font-size:1.1em
}

hr {
  background-color: #aaa;
  color: #aaa;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}

input, textarea {
  color:#000;
  padding:2px;
  border:1px solid #fff;
  background-color:#fff;
}

strong {
  color:#eb7a35;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header {
}

#header h1 {
  padding:0;
  margin:0;
  float:left;
}

#header h1 a{ 
  text-decoration:none; 
  display:block;
  width:650px;
  height:94px;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/chemistry_logo_01.gif) no-repeat left top;
}

#header h2{ 
  margin:0;
  padding:0;
  float:left;
  clear:right;
  font-size:2.5em;
}

#header h2 a { 
  text-decoration:none; 
  display:block;
  width:290px;
  height:80px;
  border:0;
  text-indent:-10000px;
}

#top_right_section {
  width:222px;
  float:right;
}

#top_right_section h3 {
  padding:60px 0 0 0;
  font-size:13px;
  text-transform:uppercase;
}

#flash_logo {
  float:left;
  width:650px;
  overflow:hidden;
  height:94px;
}

/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/

#nav {
  width:650px;
  float:left;
}

ul#navigation {
  background-color:#eb7a35;
  width:650px;
}

ul#navigation ul {
  background-color:#000;
}

div.navigation a {
  padding:5px 20px;
  background-color:#eb7a35;
  color:#fff;
}

div.navigation a:hover {
  color:#000;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
  text-align:left;
  padding:0;
}

#content {
  float:left;
  width:600px;
  background-color:#fff;  
  padding:25px;
}

.post {
  clear:both;
  margin:0 0 10px 0;
  padding:0 0 15px 0;
  background:transparent url(img/double_backslash_01.png) repeat-x bottom left;  
}

.post h2 {
  margin:0;
  padding:0;
}

p.post_meta {
  margin:0 0 10px 0;
  padding:0 0 15px 0;
  font-weight:bold;
  background:transparent url(img/double_backslash_01.png) repeat-x bottom left;
}

#breadcrumb {
  float:right;
  font-size:11px;  
  width:683px;
  font-weight:bold;
  color:#000;
  padding:10px 15px 0 15px;
  height:30px; 
  background-color:#eb7a35;  
}

#breadcrumb a {
  color:#aaa;
  text-decoration:none;
}

#breadcrumb a:hover {
  color:#000;
}


#page_img_container {
  float:right;
  width:713px;
  height:421px;
  position:relative;  
}

#home {
  width:305px;
  padding:0 30px;
  float:left;
  margin:20px 0;
  border-right:1px solid #eb7a35;  
}

.entry {
  padding:25px 0 50px 0
}

.postmetadata {
  clear:both;
  font-size:11px;
}

#respond {
  margin:40px 0 0 0;
}

#news_header {
  background: transparent url(img/projects_bg_01.gif) no-repeat right 15px;
  margin:0 0 10px 30px;
}

/*-----------------------------------------------------------------------------------------------
  Work -  Latest, Broadcast, Print, Digital
-----------------------------------------------------------------------------------------------*/

.video {
  width:400px;
  float:left;
  padding:5px 15px 15px 0;
}

.video_content {
  width:183px;
  float:right;
  padding:5px 0 15px 0;
}

/*-----------------------------------------------------------------------------------------------
  Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar {
  width:222px;
  float:right;
  padding:0 0 25px 0;
  color:#000;  
}

#sidebar ul {
	padding:10px 0 20px 0;
	margin:0 0 20px 0;
}

#sidebar h3 {
	padding:0;
	margin:0;
}

#sidebar ul li {
  list-style:none;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
  text-transform:capitalize;
}

#sidebar ul li a {
  color:#9c9e9f ;
	padding:0 10px 0 0;  
	margin:0 5px 0 0;
}

#sidebar ul li a:hover {
  color:#fff;
}

#page_sidebar {
  width:342px;
  float:right;
}

#follow_us {
	padding:20px 0 0 0;
	margin:20px 0 0 0;  
}

#youtube {
	padding:20px 0 0 0;
	margin:20px 0 0 0;  
}

#sidebar h3#follow {
	padding:0;
	float:left;
	clear:left;
	margin:0;
	width:100px;
}

#sidebar div#biscuits {
	padding:40px 0 20px 0;
	float:left;
	clear:left;
	margin:0;
	width:212px;
}


#sidebar a.rss {
  display:block;
  margin:0 0 5px 20px;
  width:19px;
  height:19px;
  float:left;  
  text-indent:-10000px;  
  background: url(img/feed_icon_01.png) no-repeat left center;
}

#sidebar a.twitter {
  display:block;
  float:left;
  width:29px;
  height:20px;  
  margin:0 0 5px 20px;
  text-indent:-10000px;  
  background: url(img/twitter_icon_01.png) no-repeat left center;
}

#sidebar h3#find_us {
	padding:0 0 10px 0;
	margin:0;
}

#contact_us {
  float:left;
  color:#fff;
  display:none;
	padding:0;
	margin:0;  
}

#add_this {
  margin:0 0 25px 0;  
}


/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#primary .secondary {
  width:230px;
  padding:15px 0;
  float:left;
}

.secondary ul {
  margin:0;
  padding:0;
}

.secondary ul li {
  margin:0 ;
  list-style:none;
  background: transparent url(img/bullet_bg_grey_01.gif) no-repeat 0 7px;
	padding:0 0 15px 0; 
}

.sidebar_module {
  width:240px;
  float: left;
  margin:10px 0 10px 10px;
  padding:0 0 10px 0;
}

.first {
  margin:10px 0 10px 0; 
}




/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
  color:#aaa;
  float:right;
  font-weight:bold;
  padding:15px 0;  
}

/*-----------------------------------------------------------------------------------------------
  Forms and labels
-----------------------------------------------------------------------------------------------*/

label {
  float:left;
  font-size:15px;
  font-weight:bold;
}

input, textarea {
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background-color:#eee;
  border:1px solid #ccc;
  color:#333;
}

INPUT[type="submit"] {
  color:#333;
}


/*-----------------------------------------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------------------------------------*/

.contactform {
  float:left;
  font-size:1.1em;
  width:400px;
}

label {

} 

.contacterror {
  border: 1px solid #ff0000;
}

.sub_error {
  background-color:#cc0000;
  color:#aaa;
  padding:5px;
  margin:0 0 20px 0;
}

.sub_error p {
  padding:0px;
  margin:0px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer {
  clear:both;
  color:#a8a8a8;
}

#footer .inside {
  padding:10px 0 25px 0;
}

#footer a {
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover { 
  color:#555;
}

#footer h2 {
  color:#a8a8a8;
  font-size:18px;
}

#footer p {
  margin:0;
  font-size:11px;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}


#left_col {
  float:left;
  width:663px;
}

#right_col {
  float:right;
  width:212px;
  text-align:right;
}

#footer ul {
  padding:0 0 5px 0;
  margin:0;
}


#footer ul li {
  padding:0 0 0 3px;
  margin:0 0 0 15px;
}

#footer a.rss {
  padding:0 0 4px 20px;
  background: url(img/feed-icon-12x12.gif) no-repeat left top;
}


/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

#mytable {
  padding: 0;
  margin: 0;
  font-size: 85%;
  width:95%;
}

#mytable a {
  font-weight:bold;
}

th {
  color: #aaa;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color: #bc9b6a;
}

td {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
  padding: 6px 15px 6px 0;
}

td.spec {
  border-left: 1px solid #eee;
  border-top: 0;
  font-weight:bold;
  background-color: #f5f5f5;  
}

/*-----------------------------------------------------------------------------------------------
  Slimbox 
-----------------------------------------------------------------------------------------------*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/*-----------------------------------------------------------------------------------------------
  Sucker fish - nav bar
-----------------------------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:25px; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

.sf-menu {
	float:left;
}
.sf-menu a {
  line-height:15px;
  font-size:12px;
  text-transform:uppercase;
	padding: 4px 25px 6px 25px;
	text-decoration:none;
	color:#000;	
}

.sf-menu li {
	background:#eb7a35;
}
.sf-menu li li {
	background:#000;
}

.sf-menu a:hover {
	color:#fff;
	outline:0;
}

.sf-menu li li a {
	color:#9c9e9f;
}

.sf-menu li li a:hover {
	color:#fff;
	outline:0;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:#eb7a35;
	height:25px;
	padding-bottom:25px;
	position:relative;
}

.sf-navbar li {
	position:static;
}

.sf-navbar a {
	border-top:none;
}
.sf-navbar li ul {
	width:663px; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:#000;
	position:relative;
}

.sf-navbar ul li {
	width:auto;
	float:left;
}

.sf-navbar a, .sf-navbar a:visited {
	border:none;
}


.sf-navbar a:hover, .sf-navbar .current a, .sf-navbar .current-cat a, .sf-navbar .current-cat-parent a {
	color:#fff;
}

.sf-navbar .current-cat-parent a:hover {
	color:#fff;
}

.sf-navbar .current-cat a:hover {
  color:#9c9e9f;
}

.sf-navbar li ul li.current-cat a {
	color:#fff;
}

.sf-navbar li ul li.current-cat a:hover {
	color:#fff;
}

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:0;
	top:25px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top:-999em;
}

.sf-navbar li li.current > a {
	font-weight:bold;
}

.screen-reader-text {
  display:none;
}