/*  
Theme Name: NetworkWP
Theme URI: http://webdesign.simnorcomputing.com
Description: A wordpress template inspired by TV network websites, hence Network WP
Version: 1.0
Author: Simon North, Simnor Web Design
Author URI: http://webdesign.simnorcomputing.com
*/

body {
background:#313131;
text-align:center;
font-family:Helvetica, Arial, 'Sans Serif';
font-size:12px;
color:#444444;
}

a {
color:#03698f;
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

.alignleft {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright {
float:right;
display:block;
margin:0 0 20px 20px;
}

h1 {
font-size:25px;
font-weight:bold;
}

h2 {
font-size:20px;
font-weight:bold;
line-height:24px;
}

h3 {
font-size:16px;
line-height:22px;
font-weight:bold;
}

h4 {
font-size:15px;
line-height:20px;
font-weight:bold;
}

h5 {
font-size:13px;
font-weight:bold;
}

h6 {
font-size:11px;
font-weight:normal;
}

ul, ol {
line-height:20px;
}

p {
line-height:22px;
letter-spacing:2px;
font-size:13px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
margin:0 0 20px 0;
}

.post blockquote {
padding:0 0 0 10px;
border-left:3px solid #eaeaea;
}

.post ul, .post ol {
margin:0 0 20px 25px;
}

.post ul ul, .post ol ul {
margin:0 0 0px 25px;
}

.post ul {
list-style:outside disc;
}

.post ol {
list-style:outside decimal;
}

ul ul, ol ul {
margin-bottom:0px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}




/* STRUCTURE */
#page {
width:960px;
margin:auto;
text-align: left;
}

#header {
width:960px;
height:100px;
display:block;
clear:both;
position:relative;
z-index:1;
}

#menulinks {
width:960px;
height:40px;
display:block;
clear:both;
z-index:1;
position:relative;
}

#banner {
width:960px;
height:200px;
/*height:270px;*/
display:block;
clear:both;
overflow:hidden;
position:relative;
}

#innerbanner {
width:960px;
display:block;
clear:both;
overflow:hidden;
position:relative;
}

#mainarea {
width:900px;
padding:30px;
display:block;
clear:both;
overflow:hidden;
background:#FFF;
}

#breadcrumb {
width:960px;
height:30px;
background:#DDD;
display:block;
clear:both;
overflow:hidden;
border-bottom:1px solid #CCC;
}

#contentarea {
float:left;
display:block;
width:570px;
}

#sidebar {
float:right;
display:block;
width:300px;
}

#subfooter {
width:960px;
background:#f8f8f8;
display:table;
height:1%;
clear:both;
overflow:hidden;
position:relative;
border-top:1px solid #CCC;
}

#footer {
width:960px;
display:block;
clear:both;
overflow:hidden;
}


/* Header */
#header {
background:url(./images/header.jpg) no-repeat bottom;
}

#header h1 {
float:left;
display:block;
margin:0px;
padding-top:35px;
height:65px;
}

#header h1 a {
color:#FFF;
font-size:30px;
letter-spacing:0.5px;
}

#header h1 a:hover {
color:#CCC;
text-decoration: none;
}

#header ul#headernav {
float:right;
display:block;
margin:35px 0 0 0;
}

#header ul#headernav li {
float:left;
display:block;
height:30px;
position:relative;
}

#header ul#headernav li a {
float:left;
display:block;
padding:0 15px;
height:30px;
line-height:30px;
color:#999;
text-decoration: none;
font-size:12px;
}

#header ul#headernav li a:hover, #header ul#headernav li.active a {
background:#222;
}

#header ul#headernav ul {
position:absolute;
top:30px;
left:0px;
width:200px;
display:block;
background:#222;
z-index:2000;
display:none;
}

#header ul#headernav ul ul {
top:0px;
left:200px;
width:200px;
display:block;
}

#header ul#headernav ul li {
float:none;
margin:0px;
height:30px;
border-bottom:1px solid #333;
}

#header ul#headernav ul li a {
float:none;
margin:0px;
padding:0 15px;
height:30px;
line-height:30px;
font-size:12px;
}

#header ul#headernav ul li a:hover {
background:#1a1a1a;
}

#header ul#headernav li a:hover, #header ul#headernav li.active a, #header ul#headernav li.current_page_item a, #header ul#headernav li.current-cat a {
color:#FFF;
}



/* Menulinks */
#menulinks {
background:url(./images/menulinks.png) no-repeat;
}

#menulinks ul#nav {
float:left;
display:block;
margin:0 0 0 5px;
font-size:13px;
}

#menulinks ul#nav li {
float:left;
display:block;
height:40px;
position:relative;
}

#menulinks ul#nav li a {
float:left;
display:block;
padding:0 15px;
height:40px;
line-height:40px;
color:#FFF;
text-decoration: none;
font-size:12px;
}

#menulinks ul#nav li a:hover, #menulinks ul#nav li.active a {
background:#1d789a;
}

#menulinks ul#nav ul {
position:absolute;
top:40px;
left:0px;
width:200px;
display:block;
background:#1d789a;
z-index:10;
display:none;
}

#menulinks ul#nav ul ul {
top:0px;
left:200px;
width:200px;
display:block;
}

#menulinks ul#nav ul li {
float:none;
margin:0px;
height:35px;
border-bottom:1px solid #196c8b;
}

#menulinks ul#nav ul li a {
float:none;
margin:0px;
padding:0 15px;
height:35px;
line-height:35px;
font-size:12px;
}

#menulinks ul#nav ul li a:hover {
background:#4590ac;
}

#menulinks .searchform {
display:block;
float:right;
background: url(./images/searchform.png) no-repeat;
width:229px;
height:30px;
overflow: hidden;
position:relative;
margin:5px 5px 0 0;
}

input#s {
float:left;
}

#menulinks input#s {
background:none transparent;
color:#FFF;
border:none;
width:190px;
position:absolute;
top:7px;
height:20px;
line-height:20px;
left:10px;
display:block;
font-size:12px;
float:none;
}

input#searchsubmit {
background:url(./images/searchIcon.png) no-repeat transparent;
text-indent:-9999px;
border:none;
width:21px;
height:21px;
display:block;
float:left;
margin:0 0 0 5px;
}

#menulinks input#searchsubmit {
position:absolute;
top:4px;
right:6px;
float:none;
margin:0px;
}




/* Banner */
#banner a {
color:#FFF;
text-decoration: none;
}

#banner a:hover {
color:#ccc;
}

ul#featured {
width:960px;
height:270px;
overflow:hidden;
position:relative;
display:block;
}

ul#featured li {
width:960px;
height:270px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
display:none;
}

ul#featured li.slide1 {
display:block;
}

ul#featured li img.image {
position:absolute;
top:0px;
left:0px;
z-index:1;
}

ul#featured li .fadeOverlay {
background:url(./images/featuredOverlay.png) repeat-y 590px top;
width:960px;
height:270px;
display:block;
position:absolute;
top:0px;
right:0px;
z-index:2;
}

ul#featured li blockquote {
display:block;
position:absolute;
z-index:3;
top:40px;
left:620px;
width:310px;
}

ul#featured li h2 {
margin:0 0 10px 0;
}

ul#featured li h2 a {
color:#FFF;
text-decoration: none;
font-weight:normal;
font-size: 20px;
}

ul#featured li p {
color:#CCC;
font-size:12px;
margin:0 0 10px 0;
letter-spacing:0.5px;
}

ul#featured li p.credit {
padding-left:0px;
z-index:3;
font-size:13px;
display:block;
position:absolute;
bottom:15px;
left:30px;
margin:0px;
color:#FFF;
}

ul.featuredDots {
z-index:10;
bottom:20px;
right:20px;
display:block;
position:absolute;
}



/* Inner Banner */
#innerbanner {
background:url(./images/defaultImage.jpg) no-repeat;
}

#innerbanner a {
color:#FFF;
text-decoration: none;
}

#innerbanner a:hover {
color:#ccc;
}

#innerbanner h2 {
margin:40px 0 10px 0;
color:#FFF;
text-decoration: none;
font-weight:normal;
font-size: 22px;
}

#innerbanner p {
color:#FFF;
text-decoration: none;
font-weight:normal;
color:#FFF;
font-size:13px;
letter-spacing:0.5px;
width:540px;
margin:0;
}

#innerbanner .inner {
background:url(./images/fadeOverlayLeft.png) repeat-y -80px top transparent;
width:960px;
display:block;
overflow: hidden;
padding-bottom:40px;
}

#innerbanner .left {
width:540px;
display:block;
float:left;
padding:0 0 0 30px;
}

#innerbanner .right {
width:300px;
display:block;
float:right;
position: relative;
}

#innerbanner .socialIcons {
float: right;
background: url(./images/socialIcons.png) no-repeat;
width:293px;
height:63px;
display: block;
position:absolute;
top:80px;
right:20px;
padding-left:10px;
}

#innerbanner .socialIcons li {
float: left;
display: block;
width:40px;
height:63px;
}

#innerbanner .socialIcons li a {
float: left;
display: block;
width:24px;
height:24px;
margin:20px 10px 10px 10px;
}

#innerbanner .speechBubble {
background: url(./images/speechbubbleRight.png) no-repeat;
width:240px;
height: 79px;
line-height: 68px;
letter-spacing:0.5px;
font-size:11px;
text-align: center;
position: absolute;
top:30px;
left:-180px;
display: none;
}



/* Breadcrumb */
#breadcrumb p {
margin:5px 0 0 30px;
}



/* Contentarea */
#contentarea {
}

.postContainer {
overflow: hidden;
display:block;
width:570px;
}

.postContainer .heading {
overflow: hidden;
display:block;
width:570px;
height:50px;
}

.postContainer .heading h2 {
margin:0 0 10px 0;
display:block;
float:left;
color:#FFF;
text-transform: uppercase;
background: #03698f;
padding:3px 8px;
font-size:14px;
letter-spacing: 1px;
}

ul.dots {
margin:8px 0 0 0;
float:right;
display:none;
}

ul.dots li {
float:left;
display:block;
padding:0px;
margin:0 0 0 8px;
}

ul.dots li.dot a {
background:url(./images/dot.png) no-repeat;
width:11px;
height:11px;
float:left;
display:block;
padding:0px;
margin:0px;
}

ul.dots li a {
padding:0px;
margin:0px;
}

ul.featuredDots li.dot a {
background:url(./images/dotWhite.png) no-repeat;
}

ul.dots li a {
float:left;
display:block;
line-height:11px;
height:11px;
margin:0 0 0 8px;
}

.postContainer .posts {
width:600px;
display:block;
position:relative;
overflow: hidden;
}

.postContainer .posts ul {
margin:0 0 20px 0;
display: block;
overflow: hidden;
top:0px;
left:0px;
width:600px;
}

.postContainer .posts ul li {
float:left;
display:block;
width:170px;
margin:0 30px 0 0;
}

.postContainer .posts ul li img.thumb {
float:none;
clear:both;
margin:0px;
}

.postContainer .posts ul li h3 {
font-size:13px;
margin:0 0 5px 0;
line-height:18px;
}

.postContainer .posts ul li p {
font-size:11px;
line-height:16px;
margin:0 0 0px 0;
color:#555;
}

p.meta {
font-size:11px;
margin:0 0 0px 0;
color:#777;
}

.postContainer .posts ul li p.meta {
margin:5px 0 0 0;
}

.postsArchive {
width:600px;
display:block;
position:relative;
overflow: hidden;
}

.postsArchive ul {
margin:0 0 20px 0;
display: block;
overflow: hidden;
width:600px;
}

.postsArchive ul li {
display:block;
width:570px;
margin:0 0 30px 0;
overflow: hidden;
}

.postsArchive ul li img, .postsArchive ul li span {
float:left;
display: block;
margin:0 20px 0 0;
}

.postsArchive ul li h3 {
font-size:15px;
margin:0 0 5px 0;
line-height:18px;
}

.postsArchive ul li p {
font-size:12px;
line-height:20px;
margin:0 0 0px 0;
color:#555;
}



/* Navigation */
.wp-pagenavi {
height:30px;
}

.wp-pagenavi a, .wp-pagenavi span {
margin:0 5px 0 0;
padding:3px 6px;
border:1px solid #CCC;
}

.wp-pagenavi a {
border:1px solid #03698f;
}

.wp-pagenavi a:hover {
border:1px solid #03698f;
background:#03698f;
color: #FFF;
text-decoration: none;
}



/* Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
text-align: center;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
line-height:18px;
padding:0 3px;
font-size:10px;
text-align: center;
background:#eaeaea;
border:1px solid #f8f8f8;
}

#wp-calendar th {
text-align: center;
padding-bottom:5px;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }


/* Comments */
.comments {
margin:40px 0;
display:block;
overflow: hidden;
}

h2#comments, h2.reply {
margin:0 0 10px 0;
display:table;
color:#FFF;
text-transform: uppercase;
background: #03698f;
padding:6px 8px;
font-size:14px;
letter-spacing: 1px;
}

ol.commentlist {
padding-top:10px;
margin-bottom:40px;
}

ol.commentlist li {
display:block;
position:relative;
overflow: hidden;
margin:0 0 40px 0;
padding-left:100px;
min-height:100px;
}

ol.commentlist li .left {
display:block;
position:absolute;
top:0px;
left:0px;
width:100px;
}

ol.commentlist li p.meta {
color:#777;
margin-top:-10px;
}

ol.commentlist ul.children {
margin:0px 0 0 100px;
}



/* Sidebar */
#sidebar {
}

.widget {
margin:0 0 30px 0;
display:block;
overflow: hidden;
}

.widget h3 {
margin:0 0 10px 0;
display:table;
color:#FFF;
text-transform: uppercase;
background: #03698f;
padding:5px 8px;
font-size:14px;
letter-spacing: 1px;
}

.widget ul {
margin: 0;
}

.widget ul li {
display:block;
border-bottom:1px solid #ddd;
padding:6px 0;
line-height:18px;
}

.textwidget {
line-height:20px;
height:auto;
}

/* Tabs */
#tabs {
}

#tabs .tabs {
width:100%;
height:35px;
display:block;
margin:0px;
}

#tabs .tabs ul {
float:right;
display:block;
}

#tabs ul.thetabs li {
height:35px;
line-height:35px;
padding:1px 16px 0 16px;
display:block;
float:left;
border-bottom:1px solid #CCC;
background: #FFF;
cursor: pointer;
}

#tabs ul.thetabs li.active {
border-bottom:1px solid #FFF;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
padding:0 15px;
}

#tabs .panels {
margin-top:1px;
border:1px solid #ccc;
display:block;
background: #FFF;
}

#tabs .panels .panel {
display:none;
padding:20px 20px 0 20px;
}

#tabs .panels .panel.active {
display:block;
}

#tabs .panels .panel ul {
margin:0px;
}

#tabs .panels .panel ul li {
display:block;
overflow: hidden;
margin:0 0 20px 0;
border-bottom:none;
padding:0;
}

#tabs .panels .panel ul li .thumb {
float:left;
display:block;
margin:0 20px 0 0;
}

#tabs .panels .panel ul li p {
line-height:16px;
margin:0 0 3px 0;
}

/* Advert Widget */
.advertWidget h3 {
margin:0px;
padding:0px;
letter-spacing: 0.0px;
text-align:right;
line-height:14px;
font-size:10px;
font-weight: normal;
color:#ccc;
display:block;
background: none transparent;
}

.smallAds {
margin:0px;
}

.smallAds a {
margin:0 50px 40px 0;
display:block;
float:left;
}

.smallAds a.advert2, .smallAds a.advert4, .smallAds a.advert6 {
margin:0 0 40px 0;
}



/* Sub Footer */
#subfooter {
}

#subfooter .widgets {
display:block;
margin:25px 0;
width:960px;
overflow: hidden;
}

#subfooter .widget {
display:inline;
float:left;
margin:0 0 0 30px;
width:170px;
}

#subfooter .widget4 {
width:280px;
}

#subfooter .widget .widget, #subfooter .widget4 .widget {
float:none;
display:inherit;
margin:0;
width:auto;
}

/* Footer */
#footer p {
text-align: right;
color:#a5a5a5;
line-height:16px;
font-size:11px;
margin:20px 0;
}

#footer a {
color:#CCC;
}