/*  
Theme Name: Media Sales
Theme URI: http://www.mediasales.ie
Description: wordpress template
Version: 0.2
Author: Bartek Czerwinski bartek@gecoloco.com
Author URI: http://gecoloco.com
*/

/*   Basic styles   */

/* GLOBAL RESET SETTINGS******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:400; }
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html, body { height: 100%; }

.clear { clear: both; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.aligncenter {
	clear: both;
	margin:  20px auto;
}

.box strong { font-weight: 700; }
.box em { font-style: italic; }

/* PAGE SETTINGS*************
background: #fff; 

*/
body { background: #196fbf url('images/stripes.png') 0 0 repeat; }
body { color: #121212; font: 12px/18px Arial, Helvetica, sans-serif; } 




#container { display: block; position: absolute; min-height: 100%; width: 100%; background: transparent  url('images/bg1.png') 50% 0 no-repeat;  }
#wrapper {  }
#masthead { width:970px; height: 120px; position:relative; margin: 0 auto; }
#content { display: block; margin: 0 auto 240px; width: 970px; position: relative;}
#footer { position: absolute; display: block; bottom: 0; height: 250px; width: 100%; overflow: hidden; background: transparent url('images/footer-bg.png') 0 100% repeat-x; }

/* MASTHEAD SETTINGS************/

#logo { display: block; width: 200px; height: 100px; position: absolute; top: 15px; left: 0px; }
	#logo a { display: block; width: 200px; height: 100px; text-indent: -3000px; overflow: hidden; background: transparent url('images/logo.png') 50% 50% no-repeat; }

#strapline {
	position: absolute;
	right: 0;
	top: 30px;
	display: block;
	width: 390px;
	height: 40px;
	text-indent: -3000px;
	overflow: hidden;
	background: transparent url(images/strapline.png) no-repeat 50% 50%;
}

#social {position: absolute; top: 75px; left: 190px; width: 120px; }

#social li {float: left; clear: none}

#social a {display: block; float: left; text-indent: -3000px; overflow: hidden; width: 32px; height: 32px; margin-right: 6px; }

#social #facebook { background: transparent url('images/facebook_32.png') 0 0 no-repeat; }
#social #twitter { background: transparent url('images/twitter_32.png') 0 0 no-repeat; }
#social #linkedin { background: transparent url('images/linkedin_32.png') 0 0 no-repeat; }
	
#nav { position: absolute; right: 0; z-index: 50; top: 88px; }
	#nav li { display: inline; float: left; }
		
		#nav a  { cursor: pointer; display: block; float: left; padding: 0 15px; font-size: 13px; overflow: hidden; height: 32px; line-height: 32px; text-decoration: none; text-transform: lowercase; background: #222 url('images/nav-bg.png') 0 -2px repeat-x; color: #333; margin-left: 2px; text-shadow: -1px 1px -1px #fff; }
		
		
		#nav a:hover, #nav #titles-tab a:hover, #nav #rates-tab a:hover, #nav #tech-tab a:hover, #nav #about-tab a:hover, #nav #news-tab a:hover { background: #1f95e9 url('images/nav-bg.png') 0 -35px repeat-x; color: #f9fcff; text-shadow: -1px 1px -1px #0055c7; }
		
		#nav .current a, #nav #titles-tab.current a, #nav #rates-tab.current a, #nav #tech-tab.current a, #nav #about-tab.current a, #nav #news-tab.current a {
			background: #fff; color: #333; text-shadow: none;
		}

#masthead form { width: 220px; position: absolute; right: 5px; top: 20px; }
#masthead select { width: 220px; height: 20px; }

/* CONTENT SETTINGS***********/

.box { background: #fff; padding: 15px 20px; -webkit-box-shadow: 5px 5px 10px #034ca0; -moz-box-shadow: 5px 5px 10px #034ca0; box-shadow: 5px 5px 10px #034ca0;  }

#content h2 { font-size: 22px; display: block; font-weight: 400; padding: 0; margin: 0 0 15px 10px; background-position: 100% 50%; background-repeat: no-repeat; }
#content h2 a { text-decoration: none; color: #002b3c; padding: 0; margin: 0; }
#content .coverflow h2 { padding: 10px 0 10px 30px;  }
#content .page h2 { padding: 10px 0; }

#content h3 { display:block; width: 200px; padding: 5px 0 5px 20px; margin: 10px 0 15px -20px; background: #1f95e9 url('images/nav-bg.png') 0 -35px repeat-x; color: #f9fcff; text-shadow: -1px 1px -1px #0055c7;  font-size: 14px; font-weight: 400; border-bottom: 3px solid #fddb00; }
#content h4 {
	padding-bottom: 10px;
}
#content h4 a {
	color: #002b3c; font-size: 14px; font-weight: 700; text-decoration: none; 
}
#content h4 a:hover {
	color: #002b3c; text-decoration: underline;
}
.homeinfo { width: 600px; }
.homeinfo, .post {  float: right; margin-bottom: 25px; }

.homeinfo p, .homeinfo ul { padding: 10px 0 0 10px; }
.homeinfo h3 { display:block; width: 200px; padding: 5px 0 5px 30px; margin: 10px 0 15px -20px; background: #7ac000; color: #fff; font-size: 14px; font-weight: 400;}
h3#featured-titles {  background: #fda700 url('images/nav-bg.png') 0 0 repeat-x; text-shadow: -1px 1px -1px #fff; color: #333; border-bottom: 3px solid #1F95E9;}

/*

h3#mag-sup, h3#pap {  }
h3#newsletter, h3#news-home {
	background: #8a06de;
}

*/

.more { text-align: right; }
.homeinfo .buttons { height: 30px; }
.homeinfo .buttons li { float: left; }
.homeinfo .buttons li a { cursor: pointer; font-size: 11px; background: #511c08 url(images/button-bg.png) 0 0 repeat-x; border: 2px solid #222; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff; width: 100px; padding: 2px 3px; text-decoration: none; display: block; float: left; text-align: center; margin: 7px 7px 7px 0;}

.intro p { font-size: 16px; line-height: 22px; padding-top: 0; }
.intro .more-link { color: #0680de; }

.bottom {
	width: 640px;
	float: right;
}
.bottom .blog {
	float:  right;
	width: 265px;
	height: 260px;
}

.bottom .newsletter {
	float:  left;
	width:  265px;
	height: 260px;
}
.bottom .newsletter form {
	padding: 10px 0;
}
.bottom .newsletter label {
	color: #666;
	font-size: 11px;
	display: block;
	clear: both;
}
.bottom .newsletter .textinput {
	color: #121212;
	font-size: 13px;
	width: 250px;
	clear: both;
	padding: 3px 5px;
}
.bottom .newsletter button {
	color: #121212;
	background: #ffdd00; 
	border:none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	padding: 6px 24px; 
	float: right;
	margin: 7px 1px 0 0;
	cursor: pointer;
}
.bottom .newsletter button:hover {
	background: #333;
	color: #ffdd00;
}

.more-link { color: #7ac000; text-decoration: none; }
.more-link:hover { color: #002b3c; text-decoration: underline; }
.more a {  cursor: pointer; font-size: 11px; background: #002b3c; color: #fff; width: 100px; padding: 2px 3px; text-decoration: none; display: block; float: left; text-align: center; margin: 7px 7px 7px 0;}
.more a:hover, .homeinfo .buttons li a:hover { background: #7ac000; text-decoration: none;  }

#map { position: absolute; left: 0px; top: 0px; z-index: 70; }
.coverflow { padding: 20px 0; }

.post { width: 650px; }
.page { padding: 20px 30px; }
.sidebar { float: left; width: 300px; }
	.sidebar .box { margin-bottom: 20px; }
	.sidebar .cover { padding: 10px; text-align: center; }
	
	
	.sidebar a {
	text-decoration: none;
	color:  #002b3c;
	display: block;
	}
	
	.sidebar a span { float: right; display: none;}
	
	.sidebar a:hover {
	color: #0056c7;
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	}
	
	.sidebar a:hover span { display: block;}

	.post .idTabs { height: 26px; clear: both; padding-top: 20px; }
		.post .idTabs li { display: inline; float: left; }
			.post .idTabs a  { cursor: pointer; display: block; float: left; padding: 0 35px; font-size: 13px; overflow: hidden; height: 25px; line-height: 25px; text-decoration: none; text-transform: lowercase; background: #002b3c; border: 1px solid #002b3c; color: #fff; margin-right: 2px; }
			.post .idTabs a:hover, .post .idTabs .selected { background: #fff; color: #002b3c;  border: 1px solid #c8e19c; border-bottom: 0; }
	
	.post .idTabs #rates-tab a {
		background: #87c80b; border: 1px solid #87c80b; 
	}
	.post .idTabs #rates-tab a:hover, .post .idTabs #rates-tab a.selected { background: #fff; color: #87c80b;  border: 1px solid #c8e19c; border-bottom: 0;  }
	.post .idTabs #specs-tab a {
		background: #079597; border: 1px solid #079597; 
	}
	.post .idTabs #specs-tab a:hover, .post .idTabs #specs-tab a.selected { background: #fff; color: #002b3c;  border: 1px solid #c8e19c; border-bottom: 0;  }
	.post .idTabs #desc-tab a {
		background: #002b3c; border: 1px solid #002b3c; 
	}
	.post .idTabs #desc-tab a:hover, .post .idTabs #desc-tab a.selected { background: #fff; color: #002b3c;  border: 1px solid #c8e19c; border-bottom: 0;  }
	#rates, #spec, #desc { padding: 5px; border: 1px solid #c8e19c; margin-top: -1px; }
	 #desc { padding: 20px; }
	#spec { display: none; }
	.post table { border-collapse: collapse; width: 595px; }
		.post table td { width: 60%; }
		.post table th span { color: #666; font-size: 11px; font-weight: 400; }
		.post table th, .post table td { border: 2px solid #fff; padding: 2px 5px; background: #f5ffdd; vertical-align: top; }
		.post table th { font-weight: 700; }
	
	.post p, .page p { padding: 7px 0; }
	.post h4, .page h4 { color: #777; text-transform: uppercase; padding: 15px 0 5px; }
	
	.post .blogpost .aligncenter {
	clear: both;
	margin:  10px 60px;
}
	.blogpost { padding: 15px 0; margin-bottom: 15px; border-bottom: 1px dotted #888; clear: left; }
	
	.description { margin-top: 20px; font-size: 12px; clear: both;}
	
	.overview table { border-collapse: collapse; width: 930px; margin: 20px 0; }
	
		.overview table td { white-space:nowrap; padding: 5px 10px; background: #efefef; border: 1px solid #fff; border-top: 1px dotted #999;  border-bottom: 1px dotted #999;   }
		.overview table th { font-weight: 700; background: #666; color: #fff; padding: 5px 7px;  border: 1px solid #fff;   }
			.overview table th span { display: block; font-size: 10px; font-weight: 400; color: #ccc; }
		.overview table th.emptycell { background: #fff; }
		.overview table th, .overview table td { font-size: 11px; text-align: center; line-height: 13px; }		
		.overview table td.lt { text-align:left; padding: 5px 7px; }
		.overview table td.lt a { font-size: 11px; color: #002b3c; font-weight: 700; }
		.overview table tr:hover { border: 1px solid #7ac000;}
		.overview table tr:hover td { background: #002b3c; }
		.overview table  tr:hover td.lt a { font-size: 11px; color: #fff; font-weight: 700; }
		.overview table  tr:hover td { color: #fff; }
		
#footer img { float: right; }
#footer a { color: #ffdd00; }
.hcard { width: 500px; float: left; padding: 150px 0 0 30px; }		
.hcard p { color: #fff; }
.hcard h3 { color: #efefef; font-size: 15px; padding-bottom:7px; }



#slider {
  width: 590px;
  margin: 0 auto;
  position: relative;
}

.scrollContainer div.panel  .image { float: left; margin: 0 15px 15px 0; }

.scroll {
  height: 220px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 10px 20px 0 0;
  height: 180px;
  width: 590px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollContainer div.panel p {
	padding-right: 20px;
}
.scrollContainer div.panel .image {
	padding-left: 20px;
}
ul.navigation {
    list-style: none;
	margin: -30px 20px 0 0;
    padding: 0;
	float: right;
}

ul.navigation li {
    display: inline;
    margin-right: 0;
}

ul.navigation a {
width: 7px;
height: 7px;
display: block;
float: left;
background-color: #034ca0 ;
border: 1px solid #034ca0 ;
overflow: hidden;
text-indent: -3000px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-left: 5px;
}

ul.navigation a:hover {
    background-color: #034ca0;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 90px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -30px;
}

.scrollButtons.right {
    right: -30px;
}

#slider .more-link {
	color: #034ca0;
}

#fb {
	padding: 10px 0;
}