/*   
   Theme Name: Pinellas County Star Center
   Author: Christian Reich for Zelen Communications
   Version: 1.0
*/
html{
	background:#002549 !important;
}

body { font-family: 'Lato', sans-serif; color:#000; overflow:visible; font-size:12px;}

#gradient{
	background:#002549 !important;
	background: -moz-linear-gradient(top,  #001a35 0%, #002549 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001a35), color-stop(100%,#002549)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001a35 0%,#002549 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001a35 0%,#002549 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001a35 0%,#002549 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #001a35 0%,#002549 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a35', endColorstr='#002549',GradientType=0 ) !important; /* IE6-9 */
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	min-width:1048px;
}

#pagewrap { margin: 0 auto; width: 960px; }

a, h2
{
   -webkit-transition: color 0.2s, border-color 0.2s; 
   -moz-transition: color 0.2s, border-color 0.2s; 
   -ms-transition: color 0.2s, border-color 0.2s; 
   -o-transition: color 0.2s, border-color 0.2s; 
   transition: color 0.2s, border-color 0.2s;
}
           
/*
   Header
*/

#header {
	width: 1048px;
	height:354px;
	background-image:url(img/head.png);
	background-repeat:no-repeat;
	background-position:top center;
	overflow:visible;
	z-index:10;
	position:relative;
	position:absolute;
	top:-85px;
	left:-28px;
	
}

.menu ul{
	width:581px;
	display:block;
	position:absolute;
	left:251px;
	top:4px;
	z-index:20;
	
}

	
.menu ul li{	
	position:relative;
	float:right;
	margin-left:2px;
	display:block;
	
}

.menu ul li a{
	background:#002D6E;
	width:94px;
	height:45px;
	display:block;
	
	box-shadow: 1px 1px 3px #002D6E inset, 
	-1px -1px 4px #000 inset;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	line-height:40px;
	
	-moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.menu ul li.menu-item-20 a{
	line-height:14px;
	padding-top:5px;
	height:40px;
}



.menu ul li ul{
	width: 94px;
	display:block;
	position:absolute;
	left:0;
	top:45px;
	
}
.menu ul li ul{
	visibility:hidden;
}
.menu ul li:hover ul{
	visibility:visible;
}

.menu ul li:hover ul li{
	margin-top:2px;
}
.menu ul li:hover ul li a{
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	height:auto;
	line-height:normal;
	padding:10px;
	width:76px;
}


.menu ul li a:hover
{
	background-color:#e99507;
	box-shadow: 1px 1px 3px #e3ad52 inset, 
	-1px -1px 4px #000 inset;
}


#sidemenu{
	background-image:url(img/buttonShadows.png);
	background-repeat:no-repeat;
	background-position: 0px 12px;
	display:block;
	position:absolute;
	left:70px;
	top:250px;
	overflow:visible;
	width:140px;
	height:265px;
	padding-left:5px;
}
#sidemenu ul{
	width:auto;
	display:block;
	position:relative;
	left:auto;
	top:auto;
	z-index:20;
}
#sidemenu ul li{
	margin-top:20px;
	float:none;
}

#sidemenu ul li a{
	padding:10px;
	text-align:left;
	line-height:normal;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	height:45px;
	text-transform:uppercase;
	font-size:12px;
}


#sidemenu ul li.menu-item-51 a, #sidemenu ul li.menu-item-51 a:hover{
	background:#F46600;
	padding-top:17px;
	height:38px;
	box-shadow: 1px 1px 5px #e0efcc inset, 
	-3px -3px 2px #000 inset;
}


#sidemenu ul li.menu-item-52 a, #sidemenu ul li.menu-item-52 a:hover{
	background:#F46600;
	box-shadow: 1px 1px 5px #fabde1 inset, 
	-3px -3px 2px #000 inset;
}


#sidemenu ul li.menu-item-288 a, #sidemenu ul li.menu-item-288 a:hover{
	background:#F46600;
	box-shadow: 1px 1px 5px #f9e4bf inset, 
	-3px -3px 2px #000 inset;
}




#pagecontentshadow{
	background-image:url(img/shadow.png);
	background-repeat:repeat-y;
	background-position:top center;
	width:990px;
	margin-left:-15px;
	position:relative;
	margin-top:85px;
	display:block;
	z-index:11;
	height:100%;
}



#pagebackgroundcontainer{
	margin-right:18px;
	height:100%;
	display:block;
	z-index:0;
}

#pagebackgroundgradient{
	position:absolute;
	right:18px;
	left:204px;
	top:0px;
	bottom:0px;

background: #230835; /* Old browsers */

background: -moz-linear-gradient(left,  #230835 0%,#430d61 1%,#430d61 35%,#7173ac 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(1%,#230835), color-stop(1%,#430d61), color-stop(35%,#7173ac), color-stop(100%,#7173ac)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #230835 0%,#430d61 1%,#430d61 35%,#7173ac 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #230835 0%,#430d61 1%,#430d61 35%,#7173ac 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #230835 0%,#430d61 1%,#430d61 35%,#7173ac 100%); /* IE10+ */

background: linear-gradient(to right,  #230835 0%,#430d61 1%,#430d61 35%,#7173ac 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430d61', endColorstr='#7173ac',GradientType=1 ); /* IE6-9 */


}
#pagebackground{
	background-image:url(img/background.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:100%;
	width:100%;
	display:block;
	min-height:575px;
	position:relative;
}


.home #pagebackground{
	min-height:520px;
	background-image:url(img/background-home.png);
}

.home #pagebackground #slides { position: absolute; right: 0px; top: 0px; width: 770px; height: 520px; }
.home #pagebackground #slides img { display: none; position: absolute; left: 0px; top: 0px; width: 770px; height: 520px; }
.home #pagebackground #slides img:first-child { display: block; }


#pagecontent{
	position:relative;
	display:block;
	margin-right:50px;
	margin-bottom:50px;
	margin-left:250px;	
	padding-top:90px;
}

.home #pagecontent{
	position:absolute;
	display:block;
	width:275px;
	left:230px;	
	top:195px;
	margin:0px;
}


#copycontainer
{
	padding:30px;
	background-image:url(img/transwhite.png);
	
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	box-shadow: 3px 3px 15px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#000000');
}
/*
   Post
*/
.post{
	position:relative;
	z-index:15;
	line-height:19px;
}

.post>:first-child { margin-top: 0px; }
.post p { margin-bottom: 20px; }
.post ul { margin-bottom: 20px; margin-left: 20px; list-style-type: disc; }
.post ol { margin-bottom: 20px; margin-left: 20px; list-style-type: decimal; }
.post .gallery { margin: 20px auto !important; }

.post a { color: #ec008c; text-decoration: none; }
.post a:hover { text-decoration: underline; }


.post img.alignnone { margin: 0 13px 13px 0; vertical-align: middle; }
.post img.alignleft { float: left; margin: 0 20px 20px 0; }
.post img.alignright { float: right; margin: 0 0 20px 20px; }
.post img.aligncenter { display: block; margin: 25px auto 25px; }
.post .aligncenter { margin: 25px auto; text-align: center; }
.post .wp-caption { margin: 20px auto; }
.post p.wp-caption-text { text-align: center; font-size: 80%; }


.post hr { clear: both; }
.blog .post h2{
	color: #ec008c;
	font-size:20px;
	margin-bottom:10px;
}

h1{
	font-size:32px;
	color:#e99507;
	margin-left:30px;
	position:relative;
	z-index:15;
	margin-bottom:35px;
}

h2{
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:20px;	
}

h3{
	font-size:13px;
	margin-bottom:10px;	
}

hr{
	border:none;
	background-color:#ec008c;
	height:1px;
}

.post table{
	width:100%;
	background-color:#dabd9e;
}

.post table th, .post table tr, .post table td{
	padding:5px 10px 5px 10px;
}

.post table th{
	color:#FFFFFF;
	text-align:left;
	text-transform:uppercase;
	font-size:15px;
	background-color:#ec008c;
}

.post .bullets { float: right; padding: 21px; width: 230px; margin-left: 8px; }

/*
   Footer
*/

#footer { margin-top: 0px; padding: 00 0 30px; width: 990px; min-height: 10px; font-size: 9px; color: #9198a0;
	position:relative;
	z-index:12;
	width:907px;
	margin-left:-15px;
	margin-left:50px;
}

#TBIC{
	position:absolute;
	top:-50px;
	left:0px;	
	background-image:url(img/TBIC.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:137px;
	height:44px;
	display:block;
}

#footer hr{
	background-color:#a2e644;
	height:5px;
	
	
}

.shadow{
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000');
}

#footershadow{
	background-image:url(img/footer-shadow.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:990px;
	height:19px;
	display:block;
	position:relative;
	margin-left:-69px;
}

#contactinfo{
	font-size:16px;
	color:#8dc63f;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	margin-top:-10px;
	margin-bottom:10px;
	text-shadow: 1px 1px 6px #000;
   white-space: nowrap;
}

#contactinfo img{
	margin:10px 0px 10px 0px;
}


#contactinfo #address{
	color:#ec008c; 
}

#contactinfo .bullet{
	color:#FFF;
	padding: 0 7px;
}

#footer .copyright { float: left; }
#footer .designedby { float: right; }
#footer .designedby a { color: #9198a0; text-decoration: none; }


/*
	Conference Rooms/Available Space
*/
.page-template-page-Available-Space-List-php  img, .page-template-page-Conference-Rooms-List-php img
{
	float:right;
	position:relative;	
	margin-left:20px;
   margin-bottom: 10px; 
}

.page-template-page-Available-Space-List-php .space, .page-template-page-Conference-Rooms-List-php .conference-room
{
	clear: both;
   border-top:1px solid #ec008c;
	padding-top:10px;
	padding-bottom:10px;
}



/*
	Zelen Scheduler Form Custom Styling
*/
#zelen_new_request_form_container{
	position:relative;
	float:right;	
	margin-left:14px;
	margin-bottom:20px;
	z-index:100;
}