/*  
Theme Name: p0rtf0l10
Original: SimnorThemes
*/

body {
font-family:'Myriad Pro', Arial, 'Sans Serif';
font-size:13px;
background:url(./images/brown/back.jpg) repeat-x top center #FFFFFF;
color:#555555;
text-align:center;
}

body#inner {
background:url(./images/brown/backInner.jpg) repeat-x top center #FFFFFF;
}

/* Default Styling */
.clearfix {
overflow:hidden;
clear:both;
}

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

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

a {
color:#423a2c;
text-decoration: none;
}

a:hover {
color:#170f05;
text-decoration:underline;
}

a.button {
height:25px;
background:url(./images/brown/back.jpg) left -100px;
display:table;
font-size:15px;
font-weight:bold;
line-height:20px;
color:#eafbff;
text-align:center;
padding:7px 20px 0 20px;
}

a.button:hover {
text-decoration: none;
background:url(./images/brown/back.jpg) left center;
color:#FFFFFF;
}

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

h1 {
font-size:30px;
color:#555555;
}

h1 a.logo {
display:block;
height:100px;
text-indent:-9999px;
background:url(./images/logo.png) no-repeat center left;
}

h2 {
font-size:28px;
color:#555555;
}

#mainarea h2 span, h2.big span {
font-weight:normal;
}

#mainarea h2.pagetitle {
font-weight:normal;
}

#mainarea h2.pagetitle span {
font-weight:bold;
}

h2.big {
font-size:40px;
margin:0 0 10px 0;
}

h3 {
font-size:18px;
line-height:28px;
color:#555555;
}

h4 {
font-size:14px;
}

h5 {
font-size:10px
}

p {
line-height:24px;
}

ul {
line-height:24px;
}

ul ul {
margin-bottom:0px;
}

ol {
line-height:24px;
}

#contentarea ul, /* added */ #contentarea .post ul, #mainareaPortfolio ul {
margin-left:20px;
list-style:disc outside;
}

#contentarea ol, /* added */ #contentarea .post ol, #mainareaPortfolio ol {
margin-left:30px;
list-style:decimal outside;
}

blockquote {
margin:0 0 20px 20px;
padding:0 0 0 10px;
border-left:5px solid #CCCCCC;
}

small {
font-size:10px;
line-height:18px;
}


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


/* Top Section */
#top {
width:960px;
height:350px;
overflow:hidden;
}

body#inner #top {
height:100px;
}

#header {
width:490px;
height:100px;
float:left;
display:block;
}

#banner {
width:490px;
height:250px;
float:left;
display:block;
}


#banner h2 {
margin:20px 0 10px 0;
font-size:30px;
color:#FFFFFF;
line-height:40px;
position:relative;
}

#banner h2 span {
position:absolute;
top:1px;
left:1px;
color:#000000;
opacity:0.2;
z-index:-10;
display: none;
}

#banner p {
font-size:18px;
color:#FFFFFF;
opacity:0.7;
line-height:30px;
position:relative;
}

#banner p a {
color:#FFFFFF;
}

#banner p span {
position:absolute;
top:1px;
left:1px;
color:#000000;
opacity:0.2;
z-index:-10;
}

#screenshot {
width:450px;
height:350px;
float:right;
background:url(./images/screenshotBack.png) no-repeat right 50px;
display:block;
position:relative;
margin:0 0 0 0;
}

#screenshot .circles {
height:49px;
}

#screenshot .circles a {
float:right;
display:block;
width:12px;
height:12px;
background:url(./images/screenshotCircle.png) no-repeat;
margin:25px 0 0 10px;
}

#screenshot .inner {
margin:5px;
position:relative;
overflow: hidden;
width:440px;
height:280px;
}

#screenshot img {
position:absolute;
}

#screenshot a.button {
position:absolute;
top:220px;
left:95px;
}


/* Menu */

#menulinks {
width:960px;
height:51px;
background:url(./images/menulinks.jpg) repeat-x;
clear:both;
display:block;
}

ul#nav {
display:block;
width:960px;
height:51px;
}

ul#nav li {
float:left;
display:inline;
margin:0 10px 0 0;
line-height:50px;
height:51px;
}

ul#nav li a {
float:left;
display:block;
padding:0 25px;
line-height:50px;
height:51px;
}

ul#nav li.cat-item {
float:right;
display:inline;
}

ul#nav li.current_page_item a, ul#nav li.current-cat a, ul#nav li.active a {
background:url(./images/menuhover.jpg) repeat-x;
}

ul#nav li a {
font-weight:bold;

text-transform:uppercase;
font-size:14px;
line-height:55px;
}

ul#nav li a:hover {
text-decoration:none;
background:url(./images/menuhover.jpg);
}

ul#nav li.rss {
float:right;
display:inline;
}

ul#nav li.rss a {
background:url(./images/rss.png) no-repeat center center;
line-height:50px;
height:50px;
width:38px;
padding:0px;
}

ul#nav li.rss a:hover {
background:url(./images/rss.png) no-repeat center center;
}

#nav ul {
position:absolute;
display:none;
background:#FFFFFF;
padding:0px;
top:50px;
border:1px solid #CCCCCC;
width:200px;
}

ul#nav li {
position:relative;
}

ul#nav li ul li {
padding:0px;
}

ul#nav ul li {
line-height:35px;
height:35px;
clear:both;
width:200px;
margin:0px;
display:block;
text-align:left;
}

ul#nav ul li a {
line-height:35px;
height:35px;
float:none;
font-size:13px;
display: block;
padding:0px 0 0 10px;
}

#nav ul li a:hover {
border:none;
}

#nav li ul ul {
left:200px;
top:auto;
margin-top:-35px;
}

#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;
}



/* Main */
#mainarea {
display:block;
height:1%;
overflow:hidden;
padding:40px 0;
width:960px;
}

body#inner #mainareaPortfolio {
display:table;
height:1%;
overflow:hidden;
padding:30px 0;
width:960px;
}

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

body#inner #contentarea {
width:620px;
}




/* SIDEBAR */
#sidebar {
width:440px;
float:right;
display:block;
}

#sidebar .widget {
display:block;
height:1%;
width:440px;
float:right;
/*padding:0 0 40px 0;*/
padding:0 0 20px 0;
overflow:hidden;
}

body#inner #sidebar {
width:300px;
}

body#inner #sidebar .widget {
width:300px;
}

body#inner #sidebar .widget h2, body#inner #sidebar .widgetTwitter h2, body#inner #sidebar .widgetTopics h2 {
font-size:18px;
}

#mainarea #sidebar .widgetTwitter, #mainarea #sidebar .widgetTopics {
display:block;
height:1%;
width:440px;
float:right;
padding:0 0 40px 0;
overflow:hidden;;
}

body#inner #mainarea #sidebar .widgetTwitter, #mainarea #sidebar .widgetTopics {
width:300px;
display:block;
height:1%;
float:right;
padding:0 0 40px 0;
overflow:hidden;
}

#mainarea #sidebar .widget ul {
margin-bottom:0px;
}

#mainarea #sidebar .widget li {
width:100%;
display:block;
}

#mainarea #sidebar .widget li a {
display:block;
margin:0 10px 5px 0;
border-bottom:1px solid #eeeeee;
line-height:24px;
}

body#inner #sidebar .widget ul#catList {

}

body#inner #sidebar .widget li.cat-item {
width:150px;
display:inline;
}

body#inner #sidebar .widget li.cat-item a {
float:left;
display:block;
width:140px;
margin:0 10px 5px 0;
border-bottom:1px solid #eeeeee;
line-height:24px;
}

#aktt_tweets {
overflow: hidden;
}

#mainarea #sidebar .widgetTwitter ul.twitter, .aktt_tweets ul {
float:left;
display:block;
width:290px;
}

#mainarea #sidebar .widgetTwitter ul.twitter li, .aktt_tweets ul li {
border-bottom:1px solid #eeeeee;
padding:5px 0;
}

#aktt_tweet_form p {
margin:0 10px 0 0;
float:left;
display:block;
}

ul.blogroll {
padding-bottom:40px;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

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

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	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 {
	padding: 3px 0;
	text-align: center;
	}

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




/* FOOTER */
#footer {
background:url(./images/brown/footer.jpg) repeat-x top center;
height:350px;
overflow:hidden;
clear: both;
}

#subfooter {
background:url(./images/brown/footerInner.jpg) repeat-x top center;
width:960px;
margin:auto;
height:290px;
overflow: hidden;
text-align:left;
clear:both;
}

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

#subfooter .widgetRight {
margin:0px;
}

#footer #footerBottom {
width:960px;
margin:auto;
height:60px;
clear:both;
}

#subfooter .widget, #subfooter .widget p, #subfooter .widget ul, #subfooter .widget h2, #subfooter .widget h3, #subfooter .widget a {
color:#FFFFFF;
}

#subfooter .widget p {
font-size:11px;
line-height:20px;
margin:0 0 15px 0;
}

#subfooter .widget li.floatleft {

}

#subfooter .widget li.floatleft h3 {
float:left;
display:block;
width:60px;
}

#subfooter .widget li.floatleft p {
padding-top:2px;
}

#subfooter .widget h3 {
font-size:16px;
line-height:22px;
clear:both;
}

#subfooter .widget h2 {
margin:15px 0 15px 0;
line-height:50px;
width:300px;
line-height:50px;
}

#subfooter .widget h2 span {
font-weight:normal;
}

#subfooter .widget h3 {
margin:0px;
}

#footer #footerBottom p {
float:right;
display:block;
font-weight:bold;
padding:20px 0 0 0;
margin:0px;
text-align:right;
color:#FFFFFF;
}

#footer #footerBottom p a {
color:#FFFFFF;
}

ul#social-media-icons li {
	display: inline;
}





/* PORTFOLIO */
#mainareaPortfolio #portfolioItems {

}

#mainareaPortfolio #portfolioItems .item {
margin:30px 0;
width:960px;
border-bottom:1px solid #eaeaea;
overflow: hidden;
display:table;
padding-bottom:50px;
height:1%;
}

#mainareaPortfolio #portfolioItems .item .left {
width:300px;
float:left;
padding:20px 0 0 0;
display:block;
}

#mainareaPortfolio #portfolioItems .item .left h2 {
font-weight:normal;
font-size:30px;
margin:0 0 0px 0;
}

#mainareaPortfolio #portfolioItems .item .left small {
margin:0 0 20px 0;
display:block;
font-size:12px;
}

#mainareaPortfolio #portfolioItems .item .left p {
font-size:14px;
}

#mainareaPortfolio #portfolioItems .item .right {
width:644px;
float:right;
height:414px;
background:url(./images/portfolioItemScreenshotBack.jpg) no-repeat;
display:block;
}

#mainareaPortfolio #portfolioItems .item .right img {
margin:22px 0 0 22px;
}







/* POST ARCHIVES/LATEST ETC. */
#contentarea ul#latestPosts {
width:490px;
}

#contentarea ul#latestPosts li {
margin:10px 0 30px 0;
display:block;
width:460px;
height:1%;
overflow:hidden;
}

#contentarea ul#latestPosts li p.moreLink {
margin:0px;
}

#contentarea ul#latestPosts li .left {
float:left;
text-align:right;
width:80px;
background:url(./images/latestPostsLeft.jpg) no-repeat top right;
display:block;
}

#contentarea ul#latestPosts li .right {
float:right;
display:block;
border-left:1px solid #eeeeee;
padding:0 0 0 10px;
width:355px;
}

#contentarea ul#latestPosts li .right p {
text-align: justify;
}

body#inner #contentarea ul#latestPosts, body#inner #contentarea ul#latestPosts li {
width:620px;
}

body#inner #contentarea ul#latestPosts li .right {
width:515px;
}

#contentarea ul#latestPosts h2 {
font-size:20px;
margin:0 0 10px 0;
}

#contentarea ul#latestPosts p {
margin:0 0 10px 0;
font-size:13px;
}

#contentarea a.moreLink {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

#contentarea ul#latestPosts .left {
font-size:12px;
line-height:20px;
}

#contentarea ul#latestPosts .left span.date {
font-size:18px;
text-transform: uppercase;
color:#999999;
}

#contentarea ul#latestPosts .left span.date span {
font-weight:bold;
color:#555555;
}





/* SINGLE POST */
#contentarea .post {

}

#contentarea .post .meta h2 {
margin:0px 0 5px 0;
}

#contentarea .post .meta p {
font-size:12px;
line-height:20px;
}

#contentarea .post .share {
margin:50px 0 50px 0;
clear:both;
display:block;
border-bottom:5px solid #CCCCCC;
height:1%;
overflow: hidden;
}

#contentarea .post .share h2 {
float:left;
width:130px;
display:block;
margin:10px 0 0 0;
}

#contentarea .post .share ul.icons {
float:right;
width:460px;
display:block;
}

#contentarea .post .share ul.icons li {
float:left;
display:block;
padding:0 0 0 12px;
}




/* COMMENTS */
ol.commentslist {

}

ol.commentslist li {
margin:10px 0 30px 0;
display:table;
width:620px;
height:1%;
overflow:hidden;
}

ol.commentslist li.authorComment {
}

ol.commentslist li p.date {
margin:0px;
color:#333333;
}

ol.commentslist li span.left {
float:left;
text-align:right;
width:80px;
background:url(./images/latestPostsLeft.jpg) no-repeat top right;
display:block;
overflow: hidden;
}

ol.commentslist li span.right {
float:right;
position:relative;
display:block;
border-left:1px solid #eeeeee;
padding:0  0 0 10px;
width:515px;
}

ol.commentslist li span.right span.author {
position:absolute;
bottom:0px;
right:0px;
color:#CCCCCC;
font-size:20px;
font-style: italic;
}

#commentform {
padding:30px 0 0 0;
}

#commentform p {
clear:both;
}

#commentform label {
width:60px;
padding:0 10px 0 0;
line-height:30px;
text-align: right;
float:left;
display:block;
}

#commentform label.subscribe-label {
padding-left:5px;
width: 250px;
text-align: left;
}

#commentform input {
width:300px;
border:3px solid #CCCCCC;
background:url(./images/brown/back.jpg) left -410px no-repeat;
padding:5px;
}
.comment-subscription-form input {float: left;}
#commentform textarea {
width:400px;
height:120px;
border:3px solid #CCCCCC;
background:url(./images/brown/back.jpg) left -410px no-repeat;
padding:5px;
}

#commentform #submit {
margin-left:70px;
background:url(./images/brown/back.jpg) left center;
font-size:12px;
text-align:center;
border:none;
height:30px;
color:#FFFFFF;
width:140px;
padding:0 20px;
margin-bottom: 10px;
}

/* ADDITIONS */
/*begin wp-paginate*/
#wp-paginate {
	float:right;
}
/* end wp-paginate */

.aboutPic {
	float:left;
	margin: 0 15px 15px 0;
}
/* footer contact form */
#footer-contact-name, #footer-contact-email {
	width: 87px;
	margin-left:3px;
}
#footer-contact-name {
	margin-right:5px;
}
#footer-contact-message {
	width: 280px;
}
#footer #subfooter .widgetRight #wpcf7-f988-t1-o1 .wpcf7-form .wpcf7-submit {
	float: right;
	margin-right: 15px;
}
.left .attachment-80x80 {
	border: 1px solid #ccc;
}
.left .attachment-80x80, .bio, .aboutPic {
	border-radius: 9px;
	-moz-border-radius: 9px;
}
/* blog pagination */
#mainarea + #wp-paginate {
	padding: 0 0 20px;
}
/* new ros header */
#inner #header {
  width: 100%;
}
#inner #header h1 a.logo {
 background: url("./images/ros-header.png") no-repeat scroll left center transparent;
}
/* About */
.shift {
	float: left;
	margin: 0 20px 20px 0;
    	width: 35%;
	font-size: 130%;
	border: none;
	font-style: italic;
}
.attribution {font-size: 80%;}