/*



Theme Name: portofino



Theme URI: http://www.blogchemistry.com/



Description: 2 column, with RHS widget sidebar



Version: 1.2



Author: BlogChemistry



Author URI: http://www.blogchemistry.com/



*/







/*Reset CSS*/



* { 



	margin: 0;



	padding: 0;



	} 



body {



margin: 0;



padding: 0;  



color: #FFF;



text-align:center;



font-family:Arial, Verdana, Helvetica, sans-serif;



font-size: 100.1%;



}



#wrapper{



	width: 880px;

	

	height: 1000px;



	margin: 0px auto;



	padding: 0px;



	text-align:left;



	font-size: 85%;



	line-height:20px;



	background-color: #000033;



	background-image: url(images/back.jpg);



	background-repeat: no-repeat;



}



#line {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	width: 300px;
}

#vertSpace {
height:100px;
}





#header{



	padding: 0px 0px;



	margin: 0;



	text-align: center;



}	











#header-inner{



	margin:0;



	padding:0;



}







#surheader{



	margin: 10px 10px 0px 10px;



	padding:0px;



	height: 230px;



	width: 850px;



	vertical-align: bottom;



}







#headerNav{



	padding-top: 200px;



	text-align: center;



	float: none;



	padding-left: 30px;





}



		



#content{



	clear:both;



	margin: 0px 0px 0px 0px;



	padding: 0 0 0 0;



	background-image: url(images/middle.png);



}	







#content-inner{



margin:0;



padding: 10px 15px 15px 15px;



}


#catBanner {
		padding-left: 20px;
}


#magBanner {
	padding-left: 0px;
	border:thick


}



#main {



width: 690px; 



height: auto;



float:left;



margin: 0;



padding: 0 0 10px 0px;



overflow:hidden;



}


/*Images*/
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; float: right;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float: left;}


#fullMain {



width: 840px; 



height: 100%;



float:left;



margin: 0;



padding: 0 0 10px 0px;



overflow:hidden;



}





#sidebar {



padding: 0;



margin: 0px 0px 0px 700px;



}







#left {



float:left;



width:166px;



padding:0;



}







#right{



margin: 0 0 0 171px;



padding:0;



}











#footer {



clear: both;



margin: 0;



padding: 0px 0px;



text-align: center;



font-size: 85%;







}











#footer-inner{



background: ##00000A;



height: 50px;



}







#footer p{



margin:0;



padding:15px 0;



}







#navigation{



padding: 5px 15px;







}







#navigation div.fleft{



float:left;



}







#navigation div.fright{ 



float:right;



}







#credit{



text-align:right;



padding: 0 15px;



}







#credit p{



margin:0;



color:#000;



font-size:75%;



}







#credit p a, #credit p a:hover{



	color:#333;



	font-weight:100;



}





#mapPopup {
	color: #000;
}

/*   ********* Sermon Page Styles********* */
.sermons a {
	color:#f5f5f5;
	font-weight:800;
	text-decoration:none;


}



.sermons a:hover{



color:#999;



text-decoration:underline;



}


/*  ********** default styles *********** */







p, h1, h2, h3, h5, h6{



margin: 10px 0;



padding: 0;



}

h4 {



margin: 0px 0px 3px 0px;



padding: 0;


}







h1, h2, h3, h4, h5, h6 {



font-family: georgia, 'Times New Roman', sans-serif;



}







h1{



	font-size: 190%;



}



h2{



	font-size: 160%;



}



h3{



	font-size: 120%;



}



h4{



	font-size: 140%;



}



h5{



	font-size: 100%;



}



h6{



	font-size: 70%;



}











a{



color:#cc0000;



font-weight:800;



text-decoration:none;



}



a:hover{



color:#999;



text-decoration:underline;



}







a img{



border:0px;



}







hr{



height:2px;



margin:5px 0;



border-bottom: 1px solid #ccc;



border-top: 1px solid #ccc;



}







blockquote{



background: #f4f4f4;



padding: 5px 15px;



margin: 3px 30px;



}







form{



margin: 0;



padding:0;



}







fieldset{



padding:10px;



margin:0;



border:none;



}







legend{



font-weight:800;



}







code{



	font-size: 90%;



	font-family: "Courier New", Courier, monospace;



	white-space: pre;



}







td{



 vertical-align:top;



}











/* Headings */ 











#header h3{



margin:  0;



font-weight:800;



padding: 20px 0 0 20px;



display:none;



}







#header h3 a{



font-weight:100;



color: #fff;



text-decoration: none;



font-size: 200%;



}







#surheader h2{



margin: 0;



padding: 210px 0 5px 10px;



font-weight:100;



 font-style:italic;



color: #fff;



font-size: 140%;



display:none;



}







h2#sectiontitle{



font-size:100%;



font-weight: 800;



font-family: arial, verdana, sans-serif;



padding:6px 6px 6px 10px;



margin:8px 10px 5px 10px;



/*background: #f2f2f2;*/



color: #999;







}







/* post styles */







.post{



margin: 0 0 10px 0;



padding: 5px;



}







.entry{



margin: 0;



padding: 5px 10px 8px 10px;



height: auto;



}





.post h2 {



	color: #FFF;



	font-size: 150%;



	font-weight:100;



	border-bottom: 1px dotted #ddd;



	padding: 2px 0 2px 2px;



	margin: 0 0 15px 0;

	
	
	font-style:italic;



}











.post h2 a{



	color: #FFF;



	text-decoration:none;



	font-weight:100;



}







.post h2 a:hover{



	text-decoration:none;



	color: #999;



}







.postmetadata{
	font-size:80%;
	padding: 1px 0 1px 5px;
	margin: 0;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #666666;
}







.postmetadata p{



line-height: 18px;



padding: 0;



margin: 2px 0;



}











/*  Comments   */


#comment {
	background-color:#CCC
}

.comments {
	font-size: 80%;
	margin: 0;
	padding: 5px 10px 8px 10px;
	height: auto;
}


h3#comments, h3#postcomment{



	font-size: 100%;



	font-family:verdana, sans-serif;
	
	color:#CCCCCC;



}	







ol#commentlist{



padding: 0 0 0 20px;



font-size: 90%;



list-style-type: none;



}







ol#commentlist li{



	padding: 0px 3px;



	margin: 0;



}







ol#commentlist li p.commentheader{



margin: 0px 0 0px 0;



display: block;



padding: 1px 5px;



}















ul#commentlist{



padding: 0;



margin:0;



list-style-type:none;



}







ul#commentlist li{



	display: block;



	padding-top: 3px;



	margin: 0 15px;



	font-size:90%;



	border: 2px solid gray;



}











ul#commentlist li div.gravatar {



	width:40px;



	float:left;



	text-align: center;



	padding: 5px 0 0 5px;



}







ul#commentlist li div.gravatar img{



border: 2px solid #ccc;



}











ul#commentlist li p.commentauthor {



	padding: 0;



	margin: 0 0 2px 0;



	overflow:hidden;



}











ul#commentlist li p.commentheader{



margin: 0 0 10px 0;



padding: 0px;



}











ul#commentlist li div.commenttext{



padding: 0 0 0 0px;



margin:5px 10px 5px 60px;



}







ul#commentlist li div.commenttext div.commentwrapper{



/*background: #f2f2f2;*/



margin:0 0 0 5px;



padding: 3px 8px;



}











/*  sidebar styles */











.menu{



padding:0;



font-size:90%;



}







.menu a{



font-weight: 100;



}







.menu a:hover{



text-decoration:none;



}







.menu ul{



margin:0;



padding:0;



list-style-type:none;



}







.menu ul li.widget{



padding:2px;



margin:0 0 7px 0px;



}







.menu ul li.widget ul{



	margin: 0;



	padding:0;



}







.menu ul li.widget ul li{



border-bottom:1px dotted #ccc;



background: none;



padding: 2px 0 2px 5px;



margin:0;



}







.menu ul li.widget ul li ul{



}







.menu ul li.widget ul li ul li{



border-top: 1px dotted #ccc;



border-bottom: none !important;



padding: 2px 0 2px 6px;



}















.menu ul li.widget h3{



font-family: arial;



font-size:120%;



padding:1px 0 0 4px;



margin:0;



border-bottom: 1px solid #bbb;



color: #FFF;



font-weight: 800;



font-variant:small-caps;



}







.menu ul li h3 a{



color: #555;



font-weight: 800;



}



.menu ul li h3 a:hover{



color: #555;



text-decoration: none;



}







.menu form{



display:block;



margin:0px;



padding:4px;



}







.menu input{



margin:3px 0;



font-size:90%;



}







li.widget .textwidget, li.widget #search {



padding: 2px 5px;



}







/* Calendar styles */



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



}











#footer a{



font-weight: 100;



}