/*
Theme Name: darkportfolio
Theme URI: http://webdesign.simnorcomputing.com
Description: A dark portfolio theme for Wordpress
Version: 1.0
Author: Simnor Web Design
Author URI: http://webdesign.simnorcomputing.com
*/


* {
margin:0;
padding:0;
}

html, body {
font-size:12px;
font-family:Arial;
text-align:center;
color:#bdbdbd;
background:url(images/back.jpg) top center repeat-x #474747;
}

body.home {
background:url(images/backhome.jpg) top center repeat-x #474747;
}

#body2 {
width:100%;
background:url(images/footer.jpg) bottom center repeat-x transparent;
text-align:center;
}

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

a:hover {
color:#FFFFFF;
text-decoration:none;
border-bottom:1px dotted #FFFFFF;
}

p, .textwidget {
line-height:20px;
padding-bottom:10px;
}

h2 {
font-size:25px;
font-weight:normal;
padding-bottom:10px;
color:#FFFFFF;
}

ul, ol {
margin-left:20px;
line-height:20px;
padding-bottom:10px;
}

a.moreinfo {
display:block;
float:left;
text-decoration:none;
padding:5px 8px 5px 8px;
color:#FFFFFF;
background:#706f6f;
}

a.moreinfo:hover {
background:#333333;
text-decoration:none;
border:none;
}

#page {
margin:auto;
width:960px;
text-align:left;
background:url(images/page.jpg) no-repeat;
clear:both;
}

#header {
width:960px;
height:97px;
background:url(images/header.jpg) no-repeat;
}

#header .left {
width:40%;
float:left;
padding-top:20px;
padding-left:20px;
}

h1, h1 a {
color:#FFFFFF;
font-size:35px;
font-weight:normal;
text-decoration:none;
}

h1 a:hover {
text-decoration:none;
color:#CCCCCC;
border:none;
}

.description {
font-size:14px;
}

#header .right {
width:55%;
float:right;
text-align:right;
padding-right:20px;
padding-top:40px;
}

ul#nav {
float:right;
list-style:none;
}

ul#nav li {
float:left;
display:block;
padding-left:30px;
}

ul#nav li a {
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

#banner {
background:url(images/banner.jpg) no-repeat;
width:960px;
height:352px;
}

#banner #bannerleft {
width:865px;
float:left;
position:relative;
overflow:hidden;
height:312px;
padding:20px 20px 20px 0;
}

#banner #arrow {
float:right;
width:50px;
padding-top:100px;
}

#banner #arrow a.arrownext {
background:url(images/arrow.jpg) no-repeat;
height:67px;
width:54px;
display:block;
float:right;
}

#banner #arrow a.arrownext:hover {
background:url(images/arrowhover.jpg) no-repeat;
border:none;
}

#banner #arrow a.arrownext:active, #banner #arrow a.arrownext:focus {
outline:none;
-moz-outline-style:none;
}

#slider {
position:absolute;
width:50000px;
left:0px;
}

#slider .item {
width:900px;
padding-left:20px;
float:left;
display:block;
}

#slider .item h2 {
font-size:30px;
color:#FFFFFF;
}

#slider .item img {
padding:5px;
background:url(images/portfolioImageBack.jpg);
}

#slider .item .left {
float:left;
width:520px;
}

#slider .item .right {
float:left;
width:330px;
}

#slider .item .right p {
color:#a4a5a4;
}

#mainarea {
padding:20px;
width:920px;
margin-bottom:20px;
}

#contentarea {
width:520px;
float:left;
padding-bottom:20px;
display:table;
height:1%;
}

img.aboutpic {
float:left;
margin:0 10px 10px 0;
border:5px solid #5a5b5c;
}

.post {
padding-bottom:40px;
width:520px;
clear:both;
}

.post h2 {
padding-bottom:10px;
}

.post p.meta {
padding-top:0px;
padding-bottom:0px;
}

.post img {
border:5px solid #515151;
}

.post p {
padding-bottom:10px;
}

.post a.moreinfo {
margin-top:10px;
}

.alignleft {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.alignright {
float:right;
margin-left:10px;
margin-bottom:10px;
}

#commentform input, #commentform textarea {
padding:3px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #777777;
border-right:1px solid #777777;
color:#cccccc;
background:#666666;
}

#commentform textarea {
width:80%;
}

#commentform input:focus, #commentform textarea:focus {
border-color:#999999;
background:#454545;
}

#commentform #submit {
padding:3px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #777777;
border-right:1px solid #777777;
background:url(images/buttonback.jpg) center center;
color:#cccccc;
}

#searchform {
width:320px;
padding-top:10px;
height:30px;
}

#searchform #s {
border-top:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #777777;
border-right:1px solid #777777;
background:#454545;
padding:4px;
width:240px;
float:left;
margin-right:2px;
color:#cccccc;
}

#searchform #searchsubmit {
padding:3px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #777777;
border-right:1px solid #777777;
background:url(images/buttonback.jpg) center center;
float:left;
color:#cccccc;
}

.commentlist {
padding-top:20px;
}

.commentlist .post {
padding:20px;
background:url(images/widget.jpg) no-repeat top left;
width:460px;
}

a.thumb {
float:left;
margin-right:10px;
margin-bottom:10px;
}

a.thumb:hover {
border:none;
}

p.author {
padding-top:0px;
padding-bottom:0px;
color:#777777;
}

a.authorthumb img {
border-color:#FFFFFF;
}

.post h3 {
font-size:18px;
font-weight:normal;
}

#sidebar {
width:340px;
margin-left:560px;
display:block;
}

/* Begin Calendar */
#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-alendar a {
display: block;
}

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

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

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


#wp-calendar #prev a, #wp-calendar #next a {
font-size: 12px;
}

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

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

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Calendar */

#sidebar .widget {
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
width:320px;
background:url(images/widget.jpg) no-repeat top left;
}

#sidebar ul {
padding-left:0px;
list-style:none;
margin-left:0px;
padding-bottom:0px;
}

#sidebar ul li {
line-height:24px;
}

div#latestblogposts {
padding:20px 0 20px 20px;
background:url(images/widget.jpg) no-repeat top left;
display:table;
height:1%;
width:320px;
}

ol#latestblogpostsol {
list-style:none;
margin-left:0px;
}

#latestblogposts h2 {
padding-bottom:20px;
}

#latestblogpostsol li.item {
clear:both;
padding-bottom:5px;
margin-bottom:10px;
}

#latestblogpostsol li.item p.date {
color:#6f6f6f;
padding-bottom:0px;
}

#latestblogpostsol li.item p.title {
color:#adadad;
padding-bottom:5px;
}

#footer {
clear:both;
padding-top:10px;
padding-bottom:10px;
display:table;
height:1%;
padding-left:20px;
margin-top:30px;
}

#nav, #nav ul {
margin:0;
padding:0;
list-style:none;
position:relative;
z-index:1000;
float:right;
}

#nav ul {
position:absolute;
display:none;
margin-left:15px;
left:1px;
background:#555555;
border-top:1px solid #777777;
border-left:1px solid #777777;
border-right:1px solid #777777;
padding-bottom:0px;
width:150px;
}

ul#nav li {
float:left;
position:relative;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
display:block;
}

ul#nav li a:hover {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
}

ul#nav li ul li {
float:left;
padding-left:0px;
line-height:16px;
}

#nav ul li {
padding:0px;
border-bottom:1px solid #777777;
}

#nav ul li a {
padding-top:5px;
height:22px;
clear:both;
width:140px;
display:block;
padding-left:10px;
text-align:left;
}

#nav ul li a:hover {
color:#CCCCCC;
background:#444444;
text-decoration:none;
border:none;
}

#nav li ul ul {
left:130px;
top:auto;
margin-top:-25px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}