/*  

Theme Name: bigHeaderFolio

Theme URI: http://templates.simnorcomputing.com/templates/wordpress/big-header-folio/

Description: A portfolio and blog template for Wordpress

Version: 1.0

Author: Simnor Web Design

Author URI: http://templates.simnorcomputing.com - http://webdesign.simnorcomputing.com

*/

#services {
}
em.asterisk {
	font-size: 1.8em; line-height: .5em;
	font-weight: bold; color: #B08BC6;
}
#services td {
	width: 10%;
	padding: 5px 7px 2px 7px;
	text-align: center; line-height: 140%;
    vertical-align: middle;
	border-right: 1px #CCC solid;
}
#services td.first_top {
	background: #494033; color: #FFF;
	padding: 5px 7px 2px 7px;
    line-height: 1.1em;
	border-bottom: 1px #CCC solid;
	border-right: 0;
}
#services td.first {
	background: #494033; color: #FFF;
	padding: 5px 7px 2px 7px;
    line-height: 1.1em;
}
#services td.first_left {
	width: 60%;
	background: #494033; color: #FFF;
	padding: 5px 7px 5px 7px;
	text-align: left;
    vertical-align: bottom;
}
#services td.first_right {
	background: #494033;
	color: #FFF;
    line-height: 1.1em;
	border-right: 0;
	border-bottom: 1px #CCC solid;
}
#services td.left {
	width: 60%;
	text-align: left;
}
#services td.right {
	border: 0;
}
#services td.solid {
	background: #E1E1E1;
}
#services td.left_solid {
	background: #E1E1E1;
	width: 60%;
	text-align: left;
}
#services td.solid_right {
	background: #E1E1E1;
	border: 0;
}

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

}



/* Custom Styling */



a.bodylink {

color:#808936 !important;

}


ul.triggers {

margin: 0; padding: 0 0 25px 30px;

}

li.triggers {

background:url(http://bellavitaweddingsandevents.com/blog/wp-content/uploads/2009/08/arrow.png) no-repeat 0 0.1em;

margin: 0; padding: 0 0 0 20px;

line-height: 2.5em;

}

#contact { margin-top: 20px; }



/* 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:#B08BC6;

}



#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 .post ul, #mainareaPortfolio ul {

margin-left:20px;

list-style:disc outside;

}



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

} */



#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 5px 0 0;
	line-height:50px;
	height:51px;
}
ul#nav li a {
	float:left;
	display:block;
	padding:0 15px;
	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;
     left: 1%;
     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 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 {

font-size:18px;

}



#mainarea #sidebar .widgetTwitter {

display:block;

height:1%;

width:440px;

float:right;

padding:0 0 40px 0;

overflow:hidden;;

}



body#inner #mainarea #sidebar .widgetTwitter {

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;

}



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

}













/* 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:500px;

/* 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 span.left {

float:left;

text-align:right;

width:80px;

background:url(./images/latestPostsLeft.jpg) no-repeat top right;

display:block;

}



#contentarea ul#latestPosts li span.right {

float:right;

display:block;

border-left:1px solid #eeeeee;

padding:0 0 0 10px;

width:355px;

}



#contentarea ul#latestPosts li span.right p {

text-align: justify;

}



body#inner #contentarea ul#latestPosts, body#inner #contentarea ul#latestPosts li {

width:620px;

}



body#inner #contentarea ul#latestPosts li span.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 span.left {

font-size:12px;

line-height:20px;

}



#contentarea ul#latestPosts span.left span.date {

font-size:18px;

text-transform: uppercase;

color:#B08BC6;

}



#contentarea ul#latestPosts span.left span.date span {

font-weight:bold;

color:#555;

}











/* 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 input {

width:300px;

border:3px solid #CCCCCC;

background:url(./images/brown/back.jpg) left -410px no-repeat;

padding:5px;

}



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

}