/*
Theme Name: P is for Panda
Theme URI: pisforpanda.com
Version: 1.0
Description: This theme was built for Chad Pearson for P is for Panda.
Author: The Creative Hustle
Author URI: http://thecreativehustle.com/
*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #fbb034; text-decoration: none;
}
a:hover {
	color: #666;
}
a img {border: none; margin-left: 0px;}

body {
	font: normal 9pt helvetica,sans-serif;
	padding-top: 0px;
	background: url(img/body.jpg) repeat-x;
	background-color: #2C2C2C;
}

code,ul {padding-bottom: 10pt;}

p{
	font: pt Helvetica, sans-serif;
	line-height: 12pt;
	color: #999;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	
	}

li {list-style: none;}

h1,h2,h3,h4,h5,h6{ font: Georgia, "Times New Roman", Times, serif; color: #fff;}

h1 {
	font-style:none;
	font-size: 18pt;
	font-weight: bold;
	text-transform: none;
}

h4 {
	font-weight: bold;
	padding: 0 0 0 0;
}

h5 {
	font-weight: bold;
	text-transform: uppercase;
}

h6 {}
h7{ font: 14pt Georgia, "Times New Roman", Times, serif; color: #fbb034; margin: 0 0 10px 0; font-style: italic; letter-spacing: 1px;}
h2 { margin-left: 0; font: 12pt Georgia, "Times New Roman", Times, serif; font-style: italic; color: #fbb034;}
h3 {}

h1,h2,h3 {padding-top: 6px; margin-bottom: 4px;}


code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	
}

.outer-containertop {
	background: url(img/container.png) repeat-x top;
	height: 223px;
	
}
.outer-container {
	background: url(img/containerbottom.jpg) repeat-x bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	
}

/* headere & title */

.topheader{
	background: #000 url(img/logo.jpg) left no-repeat;
	height: 50px;
	
	}
.header {
	height: 350px;
	width: 1000px;
	margin: 0 0 15px 0;
	text-align: center;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #FBB034;
	border-top: 1px solid #FBB034;
}

.bandheader {
	background: none;
	height: 315px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #000;
	padding: 0 0 5px 0;
}
.header .title {
	color: #FFF;
	padding-top: 50px;
}
.header .title .sitename a {
	border-bottom: 1px dashed #657382;
	color: #FFF;
	font: normal 3em sans-serif;
	padding-bottom: 0px;
	text-decoration: none;
	visibility: hidden;
}
.header .title a:hover {border-color: #F60;}
.header .title .slogan {
	padding-top: 6px;
	visibility: hidden;
}

/* Top Navitation */
.path {
	font: 10pt Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	font-style: italic;
	text-transform: lowercase;
	color: #FFF;
	padding: 0 0 0 0;
	margin: 20px 0 5px 0;
	
}
.path li,.path ul {display: inline;}
.path a {
	color: #FFF;
	text-decoration: none;
	margin-right: 10px;
}
.path a:hover {
	color: #FFF;
}


.shop{ width: 100px; height: 52px; background: #FFF; float: right;}

.shop a{ background:url(img/shop.jpg) no-repeat top left; }

.shop a:hover{ background:url(img/shoprollover.jpg) no-repeat top left }


/* main */
.main {
	background: none;
	border-top: none;
	min-height: 600px;
	padding: 0 0 0 0;
	margin-bottom: 0px;
}

.mainwork {
	border-top: 1px solid #FBB034;
	background: none;
	min-height: 800px;
	padding: 10px 0 0 0;
	margin: 5px 0 10px 0;
}

.aboutmain {
	background: none;
	min-height: 535px;
	padding: 8px 0 0 0;
}





/* content */
.content {
	float: left;
	width: 500px;
	
}


.content .descr {
	color: #999;
	font-size: 9pt;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
}
.content li {
	line-height: 1.4em;
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {
}



/* Sidebars */

.sidebarabout{
	background: none;
	width: 330px;
	float: right;
	}
.sidebarabout h2 { font: 14pt Georgia, "Times New Roman", Times, serif; color: #FFF; letter-spacing: 1px; margin: 0; padding: 0;}
.sidebarabout a {}
.sidebarabout a:hover{ color: #999;}
.sidebarabout p{
	color: #FFF;
	font-size: 9pt;
	
}

.sidebarabout * { color: #999;}
.sidebarabout li{
	color: #FFF;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #999;
	padding: 0 0 5px 0;
	font-size: 9pt;
	
}
.sidebarabout ul{
	background: #000;
	padding: 10px;
	margin: 0 0 10px 0;	
}
	
.sidebarcontainer{ width: 460px; float: right;}
.sidebartitle{ float: left; font: 16pt Georgia, "Times New Roman", Times, serif; color: #FBB034; font-style: italic; font-weight: bold;}

#sidebar_right {
 width: 225px; float: right;
 margin: 0; padding: 0;
  font: 10pt Georgia, "Times New Roman", Times, serif; font-style: italic; color: #FFF;

}

      
#sidebar_left {
 width:225px; float: left;
 margin: 0 10px 0 0; padding: 0;
 font: 10pt Georgia, "Times New Roman", Times, serif; font-style: italic; color: #FFF;
} 



#sidebar_left img { margin-top: none; margin-bottom: 5px;
} 

#sidebar_right img { margin-top: none; margin-bottom: 5px;
} 



#sidebar_left h3 {  font-size: 10pt; font-weight: normal;}
#sidebar_right h3 {font-size: 1.3em;}

.sidemain div {padding: 5px; margin: 0 0 10px 0; background: #333; }
.sidemain div p { color: #CCC;}
.sidemain ul { padding: 0; margin: 0}
.sidemain form { padding: 5px 0; }


.sideleft div { padding: 5px; margin: 0 0 10px 0; background: #333; }
.sideleft p { font: 10pt Georgia, "Times New Roman", Times, serif; color: #fff;}
.sideleft ul { padding: 0; margin: 0}
.sideleft form { padding: 5px 0; }


.sidebarhome{
	font: 8pt Georgia, "Times New Roman", Times, serif;
	color: #333;
	width:325px;
	float: right;
	height: 200px;
	margin: 10px 0 0 0;
	background: none;
	padding: 0 0 0 0;


}

.sidebarhome h2,{
	font: 18pt Georgia, "Times New Roman", Times, serif;
	color: #C00;
	}
	
.sidebarhome a { color: #C00}

.sidebarhome a:hover{ color: #CCC}
	
.sidebarhome p {
	color: #333;
	font-size: 10pt;
	background: #fff;
	
	}
.sidebarhome li{
	background: none;
	padding: 10px 10px;
	
	}



/*single post page*/

.singlepost{
	width: 500px;
	margin: 10px 35px 0 0;
	padding: 10px;
	background: #000;
	border-bottom: 1px solid #CCC;
	color: #999;
	
}

.singlepost p{ color: #999; font-size: 9pt;}

.singlepost h1 {
	background: none;
	font-size: 12pt;
	color: #0CF;
	margin: 0 0 10px 0;

	
}


/* navigation */
.navigation {
	margin-top: 0 0 20px 0;
	float: right;
	width: 325px;
	background-color: #CCC;
	}
.navigation h2 {
	color: #FFF;
	background: #C19D07;
	font: italic 14pt helvetica,sans-serif;
	line-height: 20px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {
	border-bottom: 1px solid #EAEADA;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	text-align: left;
}
.navigation li a {
	font: normal 10pt helvetica,sans-serif;
	color: #333;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: none;
	color: #C19D07;	
}

/* footer */
.footer {
	height: 220px;
	background: none;
	color: #fbb034;
	margin-top: 20px;
	padding: 0 0 0 0;
	border-top: none;
	font-size:8pt;
}
.footer a {
	color: #fbb034;
	text-decoration: none;
}
.footer a:hover {color: #999;}
.footer .right, .footer .right a {color: #906882;}
.footer .right a:hover {
	color: #999;
}

.socialnetwork{
	height: 30px;
	width: 20px;
	float: left;
	
	
	
	}

/* posts */
.post h1 a {
	border-bottom: none ;
	color: #906882;
	text-decoration: none;
	padding-left: 10px;
}
.post h1 a:hover {
	border-color: #F60;
	color: #553;
}

.post {
	margin: 6px 0 2px;
	background-color: none;
	padding-top: 6px;
	width: 1000px;
}

.archivepost {
	margin: 6px 0 2px 10px;
	background-color: none;
	padding-top: 6px;
	width: 900px;
}


.post .info{
	background: #FFF;
	border: none;
	color: #666;
	margin: 2px 0 4px;
	padding: 5px 10px;
}
.post img {
	border: 1px solid #333;
	margin: 4px 0;
}
.post a img {border: 4px solid #DDD;}
.post a:hover img {border-color: #CCC;}

.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}


/* Comment Bubble */

.commentbubble { 
    background: url(img/commentbubble.png) center no-repeat; 
    height: 30px; 
    width: 30px; 
    color: #000; 
    font-size:15px; 
    text-align: center; 
    padding-top: 8px; 
    margin-right: 5px; 
    float:left;

}

/*indevidual blog post*/

.blogtitle{ width: 500px; height: 20px;float: left; font: 14pt Georgia, "Times New Roman", Times, serif; color: #FBB034; font-style: italic; margin: 0 0 10px 0; letter-spacing: 1px;}

.featuredtitle{ width: 460px; height: 20px;float: right; font: 14pt Georgia, "Times New Roman", Times, serif; color: #FBB034; font-style: italic; margin: 0 0 10px 0; letter-spacing: 1px;}
.blogpost h1 {
	font: 14pt Helvetica, sans-serif;
	letter-spacing: 1px;
	background: none;
	padding: 0 0 0 0;
	
}

.blogpost h1 a {
	border-bottom: none;
	color: #00ccff;
	text-decoration: none;
}
.blogpost h1 a:hover {
	color: #CCC;
}


.blogpost p {
	font: 9pt Helvetica, sans-serif;
	line-height: 12pt;
	color: #999;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	
}
.blogpost {
	width: 500px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #000;

}
.blogpost .info{
	border-top: 1px solid #333;
	font-size: 8pt;
	color: #999;
	margin: 2px 0 10px 0;
	padding: 5px 10px;
}
.blogpost img {
	border: none;
	margin: 0 0 0 0;
}
.blogpost a img {border:none; margin: 0 0 0 0;}
.blogpost a:hover img {border-color: #999;margin: 0 0 0 0;}

/* comments */
.content ol li {
	background: none;
}

.commentlist {margin: 0; padding: 0;}

.commentlist * { color: #0cf;}
.commentlist p { color: #999;}
.commentlist li {
	width: 500px;
	background: #000;
	margin-bottom: 1.2em;
	margin-left: 0;
	padding: 10px;
	list-style: decimal;
}
#commentform {
	padding: 10px;
	margin: 0 0 0 0;
	background: #000;
	width: 360px;
}

.commentmetadata {padding:0; margin: 0 0 0 0}
.commentmetadata a {
	color: #444;
	text-decoration: none;
}
.commentmetadata a:hover {text-decoration: underline;}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}

/* calendar */
#wp-calendar {color:#A0A0A0;}

.navigation table caption {border-bottom-color:#000;}

.navigation table thead tr {
  border-bottom-color:#000;
  color:#A53512;
}

.navigation table th {border-bottom-color:#000;}

.navigation table td#today {
  border-color:#000;
  color:#A53512;
}

.navigation table td a {
  border-bottom-color:#000;
  background-color:#EDF3DE;
}

.navigation table tfoot {border-top-color:#000;}

.navigation table tfoot a {background:none;}

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:185px;
  margin:0px 10px 0 10px;
  text-align:center;
}

.navigation table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.navigation table thead tr {border-bottom:1px solid;}

.navigation table th {border-bottom:1px solid;}

.navigation table td {
  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.navigation table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.navigation table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}

.navigation table tfoot {border-top:1px solid;}
.navigation table tfoot a {
  border: none;
  font-weight: bold;
}
.navigation table tfoot #prev a {text-align:left;}
.navigation table tfoot #next a {text-align:center;}

#searchform {padding: 10px;}



/* footer widget..Holler!*/

.footerwidgets{
	width:1000px;
	float: left;
	height: 200px;
	margin: 0 0 0 0;
	
}

.footerwidgets h6 {
	
	visibility: hidden
}

.footerwidgettitle {
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	font-size: 12pt;
	color: #FFF;
	padding: 12px 0 0 0;
	width: 300px;
	float: left;
	height: 20px;
}

.footerwidgettitleright {
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	font-size: 12pt;
	color: #FFF;
	padding: 12px 0 0 0;
	margin: 0 40px 0 0;
	width: 330px;
	float: right;
	height: 20px;
}

.footerwidgets ul {
	padding: 0;
	border-top: none;
}

.footerwidgets li {border-bottom: none; padding: 5px 0 5px 0 ;}

.footerwidgets li a {
	color: #fbb034;
	display: block;
	padding: 2px 0 2px 0;
	text-decoration: none;
}
.footerwidgets li a:hover {
	background: none;
	color: #999;	
}

.footerwidgetleft{
	font: 8pt helvetica,sans-serif;
	color: #999;
	width: 300px;
	float:left;
	height: 100px;
	background-color:none;
	margin-top: 10px;
	margin-left: opx;
}

.footerwidgetmiddle{
	width: 300px;
	float:left;
	margin-left: 10px;
	height: 100px;
	margin-top: 10px;
	padding-right: 10px;
}

.footerwidgetmiddle li {border-bottom: 1px solid #906882;}

.footerwidgetmiddle li a {
	font-size: 10pt;
	color: #906882;
	display: block;
	padding: 5px 0 5px 5%;
	text-decoration: none;
	width: 95%;
}

.footerwidgetmiddle li a:hover {
	color: #222;
	display: block;
	padding: 5px 0 5px 5%;
	text-decoration: none;
	width: 95%;
}


.footerwidgetright{
	font: 8pt Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
	width: 330px;
	float:right;
	margin-top: 10px;
	margin-right: 40px;

}

.footerwidgetright li {border-bottom: 1px solid #fbb034; padding: 10px 0 7px 0 ;}






.bandpage{ width: 975px; min-height: 800px; float: left; margin: 0 0 0 0; }
.bandthumbs{ width: 320px; height: 220px; float: left; margin-right: 5px; background: none;}
.bandpagetitle { width: 320px; height: 20px; font: 12pt Helvetica, sans-serif; float: left; margin-top: 5px; color: #906882; margin: 10px 0 0 0}

.bandpagethumbs{ float: left; width: 320px; height: 175px; background: #999;}

#sidebar { width: 330px; margin: 0 0 20px 0; }


/* step Carouselt CSS */

.backbutton{ width: 25px; height: 350px; float: left;}

.forwardbutton{ width: 20px; height: 350px; float: right;}

.stepcarousel{
margin: 0 0 0 0;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1000px; /*Width of Carousel Viewer itself*/
height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mygallery{ width: 1000px; height: 350px; float: left;}

.mygallery-paginate{ margin: 0 0 0 0; float: right; width: 100px;}

/* ABOUT */

.aboutcontent {
	float: left;
	width: 650px;
	
}



.aboutpagecontent {
	background: none;
	float: left;
	width: 1000px;
	
}


.aboutcontent .descr {
	text-align: right;
	color: #999;
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom: 6px;
	width: 100%;
}
.aboutcontent li {
	line-height: 1.4em;
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.aboutcontent p { color: #FFF;
}

.aboutpost {
	margin: 6px 0 2px 0;
	background-color: none;
	width: 640px;
	line-height: 1.3em;
}

.aboutpost h4 {
	margin-bottom: 15px; font: 14pt Georgia, "Times New Roman", Times, serif; font-style: italic; letter-spacing: 1px;
}

.aboutpost h1{
	background: none;
	height: 49px;
	padding-left: 0px;
	
	}
	

#aboutimages{
	float: left;
	width: 1000px;
	background: none;
	border-bottom: none;
	min-height: 350px;
	margin-bottom: 0px;
	margin-top: 0;
	
	}


/* WORK */

.workmain{ float: left; width: 1000px;}
.sectionheader{ margin: 0 0 10px 0; height: 20px;}
.boxgrid{ 
				width: 325px; 
				height: 125px; 
				margin:0 0 10px 0; 
				float:left; 
				padding: 0 0 10px 0;
				overflow: hidden; 
				position: relative; 
			}
								
.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
.boxgrid p{
	padding: 0 10px;
	color:#000;
	font-weight:bold;
	font:8pt Helvetica, sans-serif;
	margin: 2px 0 2px 0;
				}
.boxgrid a{ color: #FFF;}
.boxgrid a:hover{ color: #000;}

.boxgrid h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	padding-left: 10px;
	margin-top: 2px;
	font-style: italic;
	color: #FFF;			
				}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #121212; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
			

 				.captionfull .boxcaption {
 					top: 150px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 150px;
 					left: 0;
 				}
				
/* boxgrid right */

.boxgridright{ 
				width: 325px; 
				height: 135px; 
				margin:0 0 10px 0; 
				float:right; 
				border: none; 
				overflow: hidden; 
				position: relative; 
			}
.boxgridright img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
.boxgridright p{
	padding: 0 10px;
	color:#000;
	font-weight:bold;
	font:8pt Helvetica, sans-serif;
	margin-top: 2px;
				}
.boxgridright a{ color: #FFF;}
.boxgridright a:hover{ color: #000;}

.boxgridright h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	padding-left: 10px;
	margin-top: 5px;
	font-style: italic;
	color: #FFF;			
				}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #999; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
			

 				.captionfull .boxcaption {
 					top: 150px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 150px;
 					left: 0;
 				}				

#mainpage {
 width: 1000px;
 margin: 10px 0; padding: 0 10px 10px 0px;
 min-height: 600px;
 float: right;
 background-color: none;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px; 
}

#contentpage {
 width: 540px; float: left; padding-left: 10px;}
 
#contentwork {
 width: 1000px; float: left;}

#contentwork img { border: none;}

#content {
 width: 540px; float: left; margin-left: none;;
 padding: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
}


#content textarea {
 width: 450px; height: 100px;
 padding: 2px 2px; margin: 10px 0;
 
}

/* Shop Section */

.mainshop {
	width: 1000px;
	background: none;
	border-top: none;
	min-height: 600px;
	padding: 0 0 0 0;
	margin-bottom: 0px;
}


.shopheader {
	height: 400px;
	width: 1000px;
	margin: 0 0 10px 0;
	text-align: center;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #FBB034;
	border-top: 1px solid #FBB034;
}

.shoppost {
	margin: 6px 0 2px 0;
	background-color: none;
	width: 800px;
	line-height: 1.3em;
}


.sidebarshop{
	float: right;
	width: 200px;
	
	}

/* portfolio section */

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

.portfolioholder { float: left; width: 1000px;}

#portfolioimages{
	float: left;
	width: 1000px;
	background: none;
	border-bottom: none;
	min-height: 400px;
	margin-bottom: 0px;
	margin-top: 0;
	
	}
	
.portfoliothumb{ float: left; width: 325px; height: 200px; margin: 0 11px 20px 0;}
.portfoliothumbright{ float: right; width: 325px; height: 200px; margin: 0 0 20px 0;}

.portfolio-title{ color: #FFF; display: block; font: 12pt Georgia, "Times New Roman", Times, serif; float: left; width: 325px; height: 20px; border-top: 1px solid #999; padding-top: 5px; letter-spacing: 1px;}

.porftiolio-title-small { color: #FFF; display: block; border-bottom: 1px solid #999; font: 9pt Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0 0 5px 0;}

/* portfolio page */


.mainportfolio {
	background: none;
	border-top: none;
	min-height: 300px;
	padding: 0 0 0 0;
	margin: 15px 0 10px 0;
}

.portfoliosingleheader {
	height: 400px;
	width: 1000px;
	margin: 0 0 10px 0;
	text-align: center;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #FBB034;
	border-top: 1px solid #FBB034;
}

.portfoliopost {
	margin: 6px 0 2px;
	background-color: none;
	padding-top: 6px;
	width: 1000px;
}

.portfoliopost h4 { font: 14pt Georgia, "Times New Roman", Times, serif; color:FBB034; letter-spacing: 1px; margin: 0 0 5px 0}
.portfoliopost p { font: 10pt Georgia, "Times New Roman", Times, serif;}

/* step Carouselt Portfolio CSS */



.stepcarouselportfolio{
margin: 0 0 0 0;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1000px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarouselportfolio .beltportfolio{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselportfolio .panelportfolio{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 1000px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mygalleryportfolio{ width: 1000px; height: 400px; float: left;}

.mygallery-paginate{ margin: 0 0 0 0; float: right; width: 100px;}