/*  
Theme Name: Spectrum Risk v2
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:url(./images/back.jpg) repeat-x #333333;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:14px;
color:#333333;
}

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

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

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

h1 {
font-size:24px;
font-weight:bold;
color:#cc0000;
}

h2 {
font-size:24px;
font-weight:bold;
color:#cc0000;
}

h3, .archivepost h2 {
font-size:18px;
font-weight:bold;
}

h4 {
font-size:15px;
font-weight:bold;
margin:0 0 10px 0;
}

p, ul, ol {
line-height:24px;
}

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

.clear {
clear:both;
}

a {
color: #cc0000;
text-decoration: none;
}

a:hover { color: #333; }

#page {
width:1000px;
display: block;
text-align: left;
margin:auto;
background: #FFF;
}

#header {
height: 220px;
display:block;
overflow: hidden;
}

#header a.logo {
display:block;
float:left;
width:205px;
margin:0 0 0 25px;
}

#header h2 {
font-size:32px;
line-height:34px;
color: #cc0000;
width:240px;
float:left;
display:block;
text-align:left;
margin:40px 0 0 0;
font-weight: bold;
font-family: "Myriad Pro", Arial; 
}

#header .contactdetails {
display:block;
float: right;
text-align: right;
margin:40px 30px 0 0;
}

#header .contactdetails img {
margin: 0 6px 10px 0;
}

#header .contactdetails p {
font-size:26px;
color: #cc0000;
font-weight: bold;
text-align:left;
letter-spacing: 4px;
margin:3px 0 0 10px;
}

#header .contactdetails p.email {
font-size:17px;
color: #333333;
letter-spacing: 1px;
}

#header .contactdetails p.email a {
color: #333333;
text-decoration: none;
}

#navigation {
display:block;
height:47px;
position:relative;
z-index: 100;
background: url(./images/nav.jpg) repeat-x;
}

#navigation ul {
display:block;
height:47px;
font-family: Verdana;
background: url(./images/navline.jpg) no-repeat top right;
}

#navigation ul li {
display:block;
position:relative;
float:left;
padding:2px 0 0 0;
background: url(./images/navline.jpg) no-repeat top left;
}

#navigation ul li a {
display:block;
float:left;
padding:0 24px 0 23px;
line-height:45px;
height:45px;
text-align:center;
color: #999999;
font-size:16px;
text-decoration: none;
}

#navigation ul li.page-item-3 {
float:right;
}

#navigation ul li.page-item-30 {
width:220px;
}

#navigation ul li.page-item-30 a {
width:172px;
}

#navigation ul li.page-item-30 ul {
width:220px!important;
}

#navigation ul li.page-item-871 {
width:200px;
}

#navigation ul li.page-item-871 a {
width:152px;
}

#navigation ul li.page-item-871 ul {
width:200px!important;
}

#navigation ul li a:hover, #navigation ul li.active a {
background: #FFF;
color: #333333;
}

#navigation ul li.current_page_item a, #navigation ul li.current-cat a, #navigation ul li.current_page_parent a {
background: #cc0000;
color: #FFF;
}

#navigation ul li.current_page_item ul li a, #navigation ul li.current-cat ul li a, #navigation ul li.current_page_parent ul li a {
background: #FFF;
color: #333;
}

#navigation ul li.current_page_item ul li a:hover, #navigation ul li.current-cat ul li a:hover, #navigation ul li.current_page_parent ul li a:hover {
background: #333;
color: #FFF;
}

#navigation ul ul {
display:table;
opacity:0;
position:absolute;
top:46px;
z-index: 1000;
left:0px;
text-align: left;
width:100%;
padding:0 14px 18px 0px;
background:url(./images/dropdown.png) no-repeat bottom right;
}

#navigation ul ul li {
padding: 0px;
height:auto;
width:auto;
padding:0 0 0 0px;
}

#navigation ul ul li a {
padding:10px 24px;
line-height:18px;
width:auto;
height:auto;
float:none;
}

#navigation ul ul li a:hover {
background: #333;
color: #FFF;
}

#banner {
display:block;
height:440px;
overflow: hidden;
position:relative;
}

#banner .slide {
position:absolute;
top:0px;
left:0px;
width:1000px;
height:440px;
display:none;
z-index:1;
}

#banner .slide1 {
display:block;
}

#banner .tabs {
display:block;
position:absolute;
bottom:0px;
left:0px;
width:1000px;
height:147px;
z-index: 10;
background: url(./images/bannertabs.jpg) repeat-x bottom left;
}

#banner .tabs .arrowholder {
background: url(./images/bannerarrowback.jpg) repeat-x bottom left;
height:19px;
display:block;
position:relative;
}

#banner .tabs .arrow {
background: url(./images/bannerarrow.png) repeat-x bottom left;
height:19px;
width:38px;
position:absolute;
top:0px;
left:135px;
display:block;
}

#banner .tabs .tab {
display:block;
float:left;
background: url(./images/bannertabsline.jpg) no-repeat bottom right;
height:129px;
width:330px;
cursor: pointer;
}

#banner .tabs .tab p {
padding:0 0 8px 50px;
width:210px;
font-size:14px;
color: #666666;
line-height:16px;
margin:0px;
}

#banner .tabs .tabactive p { color: #CCC; }

#banner .tabs .tab p.title {
padding:14px 0 8px 50px;
font-size:16px;
width:230px;
color: #FFF;
font-weight: bold;
margin:0px;
}

#banner .tabs .tabactive p.title { color: #cc0000; }

#banner .tabs .tab p.link {
padding:0 0 10px 50px;
font-size:16px;
color: #FFF;
font-weight: bold;
margin:0px;
}

#banner .tabs .tab p.link a:hover { color: #FFF; }

#mainarea {
display: block;
overflow:hidden;
padding:30px;
}

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

.post {
display:block;
margin:0 0 40px 0;
}

.post p.date { margin:0 0 5px 0; }

.post ul {
list-style: url(./images/tick.jpg) outside;
margin:0 0 20px 30px;
}

.post ol {
list-style: decimal outside;
margin:0 0 20px 30px;
}

.container {
display:block;
background: url(./images/containerbottom.jpg) no-repeat bottom left;
width:570px;
}

.container .title {
background: url(./images/containertop.jpg) no-repeat top left;
display: block;
padding:18px 0 0 35px;
height:40px;
}

.container .title h1 {
font-size:18px;
color: #FFF;
font-weight: bold;
}

.container .inner {
display:block;
margin:0 4px 0 0;
overflow: hidden;
padding:20px 35px 35px 35px;
}

.container .inner h2 { background: transparent; }

#comments {
margin:50px 0 20px 0;
}

.commentlist li {
display:block;
padding:20px;
border:5px solid #cc0000;
margin:0 0 20px 0;
}

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

#sidebar .widget {
display:block;
background: url(./images/widgetbottom.jpg) no-repeat bottom left;
width:308px;
margin:0 0 20px 0;
}

#sidebar .contactwidget {
background: none;
}

#sidebar .widget .title {
background: url(./images/widgettop.jpg) no-repeat top left;
display: block;
padding:18px 0 0 35px;
height:40px;
}

#sidebar .widget .title h4, #sidebar .widget ul li.toph4 {
font-size:18px;
color: #FFF;
font-weight: bold;
}

#sidebar .widget ul li.toph4 {
background: url(./images/widgettop.jpg) no-repeat top left;
display: block;
padding:14px 0 0 35px;
height:40px;
margin:-20px 0 10px -35px;
width:308px;
}

#sidebar .widget .inner {
display:block;
padding:20px 35px 20px 35px;
}

#sidebar .widget ul.postlist {
list-style: none;
}

#sidebar .widget ul.postlist li {
display:none;
margin:0 0 35px 0;
}

#sidebar .widget ul.postlist li.post1 {
display:block;
}

#sidebar .widget ul.postlist p {
font-size:13px;
line-height:16px;
margin:0 0 5px 0;
}

#sidebar .widget ul.postlist p.date {
font-size: 14px;
letter-spacing: 1px;
color: #cc0000;
font-weight: bold;
}

#sidebar .widget ul.postlist h5 {
font-size:18px;
line-height:20px;
margin:0 0 5px 0;
}

#sidebar .widget ul.postlist h5 a { color: #333; }
#sidebar .widget ul.postlist h5 a:hover { color: #cc0000; }

#sidebar .widget p.links {
font-size:18px;
padding:0 0 20px 0;
line-height:24px;
font-weight: bold;
}

#sidebar ul  {
font-size:18px;
padding:0 0 0 0;
}

#sidebar ul li a {
font-weight: bold;
color: #333;
display:block;
margin:0 0 10px 0;
}

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

#sidebar .contactwidget form {
padding:0 0px 0 15px;
}

#sidebar .contactwidget form p {
color:#000;
font-size:16px;
}

#sidebar .contactwidget form input, #sidebar .contactwidget form textarea {
font-family:Verdana;
border:none;
padding:5px 10px;
font-size:16px;
color:#333;
width:280px;
font-weight: bold;
border:5px solid #cc0000;
}

#sidebar .contactwidget form input#tick {
width:20px;
height:20px;
margin:0 10px 0 0;
}

#sidebar .contactwidget form input#submit {
background: url(./images/contactusbtn.jpg) no-repeat;
width:109px;
height:30px;
text-indent: -9999px;
margin:0 0 0 205px;
border:none;
cursor: pointer;
padding:0px;
outline: none;
display:block;
}

#sidebar .contactwidget form input#submit:hover {
height:33px;
}

#sidebar .contactwidgetbottom {
background: url(./images/contactback.jpg) no-repeat bottom left !important;
height:10px;
width:370px;
display:block;
}

#sidebar .contactwidget form p.submit input {
cursor: pointer;
}

#sidebar .contactwidget form p.submit input:hover {
background: #cc0000;
color: #FFF;
}

#bottombar {
display: block;
height:164px;
background: url(./images/bottombar.jpg) repeat-x;
overflow: hidden;
text-align: center;
}

#bottombar .top {
height:100px;
overflow: hidden;
display:block;
}

#bottombar .top h4 {
font-size:26px;
color: #cc0000;
letter-spacing: 1px;
font-weight:bold;
margin:28px 0 5px 0;
}

#bottombar .top p {
font-size:22px;
color: #FFF;
letter-spacing: 1px;
margin: 0px;
}

#bottombar .top p a { color: #FFF; }
#bottombar .top p a:hover { color: #cc0000; }

#bottombar .bottom {
height:164px;
padding:0 0 0 140px;
}

#bottombar .bottom ul.social {
display:block;
float:left;
}

#bottombar .bottom ul.social li {
display:block;
float:left;
margin:0 32px 0 0;
}

#bottombar .bottom form {
display:block;
float:left;
width:350px;
height:40px;
background: url(./images/searchfield.jpg) repeat-x;
}

#bottombar form #s {
width:300px;
height:40px;
background: none transparent;
border:0px;
font-size:18px;
padding:0 0 0 15px;
outline: none;
}

#subfooter {
display: block;
font-family:Verdana;
overflow: hidden;
height: 206px;
overflow: hidden;
}

#subfooter h5 {
font-weight: bold;
font-size:14px;
}

#subfooter a { color: #333; }
#subfooter a:hover { color: #cc0000; }

#subfooter .left {
display:block;
padding: 25px 0 0 30px;
float:left;
width:470px;
}

#subfooter .left .widget {
displaY:block;
width:210px;
margin:0 20px 0 0;
float:left;
}

#subfooter .right {
display:block;
margin:0 30px 0  0;
padding: 25px 0 0 0;
float:right;
width:440px;
background: url(./images/subfooterback.jpg) no-repeat top right;
}

#subfooter .right .widget {
displaY:block;
width:240px;
margin:0 0 0 0;
float:left;
text-align: right;
font-size:14px;
}

#subfooter .right .widget h5 { margin:0px 0 5px 0; }

#footer {
background: #000000;
color: #666666;
height:30px;
padding:10px 30px 0 30px;
font-size:13px;
}

#footer p {
float: left;
display: block;
}

#footer p.right {
float: right;
}

#footer a { color: #333333; }
#footer a:hover { color: #cc0000; }



#homeposts {
display:block;
clear: both;
margin:0 0 0px 0;
padding:10px 0 0 0;
}

.postContainer {
overflow: hidden;
display:block;
width:942px;
margin:20px 0 0 0;
}

.postContainer .heading {
overflow: hidden;
display:block;
width:942px;
height:40px;
}

.postContainer .heading h2 {
margin:0px;
float:left;
display:block;
font-weight: bold;
}

ul.dots {
margin:8px 0 0 0;
height:50px;
display:block;
cursor: pointer;
}

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

ul.dots li.dot {
background:url(./images/dotRed.jpg) no-repeat;
width:20px;
height:20px;
float:left;
display:block;
}

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

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

.postContainer .posts {
width:942px;
height:320px;
display:block;
position:relative;
overflow: hidden;
}

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

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

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

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

p.meta {
font-size:10px;
letter-spacing: -0.5px;
margin:0 0 0px 0;
color:#777;
}