/*
Theme Name: Gridline
Version: 1.3.1
Description: Designed by <a href="http://www.ghostpool.com">GhostPool Designs</a>.
Author: GhostPool Designs
Author URI: http://www.ghostpool.com
License:
License URI:
*/

/*************************** General Styling ***************************/

/* Page Styling */
body {
position: relative;
background: #000 url(images/page-bg-dark.png) center top;
color: #fff;
margin: 0 auto;
padding: 0;
font-family: Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande";
font-size: 12px;
font-weight: normal;
}

/* Text Styling */
a {
color: #84FFFE;
-webkit-transition:color 0.12s ease-out;
-moz-transition:color 0.12s ease-out;
-o-transition:color 0.12s ease-out;
transition:color 0.12s ease-out;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 0 0 10px 0;
line-height: 1;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #84FFFE;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 13px;
}
p {
line-height: 19px;
margin-bottom: 12px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}

/* List Styling */
ol {
padding: 0;
margin: 0;
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 40px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
padding: 5px 0 5px;
margin: 0 0 0 40px;
}

/* Form Styling */
input,
textarea,
select {
background: #f5f5f5;
font-family: Arial;
font-size: 12px;
padding: 7px;
margin: 0;
border: 0;
}
textarea {
resize: none;
}
input[type="submit"],
input[type="reset"] {
background: transparent;
padding: 0;
margin: 0;
border: 0;
color: #fff;
font-size: 16px;
cursor: pointer;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
color: #84FFFE;
}
input[type="radio"],
input[type="checkbox"] {
background: transparent;
border: 0;
}
fieldset {
margin: 0;
padding: 20px;
}
legend {
font-weight: bold;
}
label {
font-weight: bold;
margin-left: 10px;
}

/* Table Styling */
th {
font-weight: bold;
padding: 5px;
}
td {
padding: 5px;
font-size: 12px;
}

/* Other Styling */
cite {
float: right;
padding: 0 0 5px 0;
}
hr {
background: #333;
clear: both;
width: 100%;
height: 2px;
padding: 0 !important;
margin: 20px 0;
position: relative;
}
pre {
border: 1px solid #333;
background: #000;
padding: 15px;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
margin-top: 5px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
code {
border: 1px solid #333;
background: #000;
clear: both;
display: block;
font-size: 12px;
margin-top: 5px;
line-height: 19px;
padding: 5px 15px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
xmp {
border-left: 3px solid #333;
background: #000;
padding: 15px;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
margin-top: 5px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}

/* Image Styling */
.aligncenter {
position: relative;
margin: 20px auto !important;
display: block;
clear: both;
}
.alignleft {
position: relative;
float: left;
margin: 0 20px 5px 0;
}
.alignright {
float: right;
position: relative;
margin: 0 0 5px 20px;
}
.wp-caption {
position: relative;
padding: 12px 5px;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption-text {
margin: 5px 5px 0 5px;
font-size: 11px;
}
.gallery-caption {
margin: 5px 0 0 0;
font-size: 11px;
}
.gallery img {
border: 0 !important;
margin: 5px 0;
}
.icon {
float: left;
margin-right: 20px;
}
.pp_overlay {
max-width:100%;
}
.pp_description {
color: #333;
}

/* Alignment Styling */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
line-height: 0;
padding: 0;
margin: 0;
height: 0;
display:block;
font-size:0;
width:100%;
}


/*************************** Content Areas ***************************/

/* Page Wrap*/
#page-wrapper {
float: left;
width: 100%;
position: relative;
margin: 40px 0 30px 0;
}
.inner {
width: 900px;
margin: 0 auto;
}

/* Main Content */
#main-content {
position: relative;
width: 680px;
}
.sb-right #main-content {
float: left;
}
.sb-left #main-content {
float: right;
}
.fullwidth #main-content {
float: left;
width: 900px;
}

/* Sidebar */
#sidebar {
width: 180px;
}
.sb-right #sidebar {
float: right;
margin-left: 30px;
}
.sb-left #sidebar {
float: left;
margin-right: 30px;
}


/*************************** Header ***************************/

/* Header */
#header {
float: left;
width: 100%;
margin-top: 30px;
}
#header-top {
float: left;
width: 100%;
padding-bottom: 10px;
margin-bottom: 12px;
border-bottom: 1px solid #333;
}
#header-content {
float: left;
width: 100%;
text-align: center;
margin-top: 30px;
}

/* Logo */
#logo {
float: left;
}
#logo h1 a {
display: block;
font-size: 40px;
color: #84FFFE;
}
#logo h1 a:hover {
color: #84FFFE;
}
#logo span {
display: block;
background: url(images/logo-dark.png) no-repeat;
width: 215px;
height: 45px;
margin-left: -4px;
}


/*************************** Primary Navigation Menu ***************************/

/* Nav Wrapper */
#primary-nav {
float: right;
position: relative;
z-index: 20;
margin-top: 15px;
}
#primary-nav .menu {
display: inline;
}

/* Top Level Nav */
#primary-nav ul,
#primary-nav ul ul {
float: left;
position: relative;
list-style-type: none;
list-style-position: outside;
}
#primary-nav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#primary-nav ul li {
float: left;
background: none;
display: block;
position: relative;
margin: 0 0 0 35px;
padding: 0;
border: 0;
}
#primary-nav ul a {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
display: block;
line-height: 12px;
padding-bottom: 10px;
}
#primary-nav ul a:hover,
#primary-nav ul a:hover {
color: #84FFFE;
}

/* Drop Down Menus */
#primary-nav .sub-menu {
background-color: #000;
border: 1px solid #333;
position: absolute;
z-index: 20;
top: 20px;
left: -20px;
display: none;
padding: 10px;
margin: 0;
width: 200px;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
#primary-nav .nav-shift .sub-menu {
left: -100px;
}
#primary-nav .sub-menu li {
background: none;
margin: 0;
padding: 0;
height: auto;
position: static;
}
#primary-nav li:hover > .sub-menu {
display: block;
}
#primary-nav .sub-menu a {
display: block;
color: #ccc;
height: auto;
float: left;
padding: 5px 10px;
margin: 0;
width: 170px;
line-height: 13px;
font-weight: normal;
font-size: 11px;
}
#primary-nav .sub-menu a:hover {
color: #fff;
}

/* Sub Drop Down Menus */
#primary-nav .sub-menu .sub-menu {
background: #555;
}
#primary-nav ul .sub-menu li ul {
top: auto;
left: 200px;
}


/*************************** Secondary Navigation Menu ***************************/

/* Nav Wrapper */
#secondary-nav {
float: left;
width: 100%;
position: relative;
z-index: 19;
}
#secondary-nav .menu {
display: inline;
}

/* Top Level Nav */
#secondary-nav ul,
#secondary-nav ul ul {
float: left;
position: relative;
list-style-type: none;
list-style-position: outside;
}
#secondary-nav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#secondary-nav ul li {
float: left;
background: none;
display: block;
position: relative;
margin: 0 35px 0 0;
padding: 0;
border: 0;
}
#secondary-nav ul a {
font-size: 12px;
text-transform: uppercase;
color: #567171;
display: block;
line-height: 12px;
padding-bottom: 10px;
}
#secondary-nav ul a:hover,
#secondary-nav ul .current-menu-item > a,
#secondary-nav ul .current-menu-ancestor > a {
color: #84FFFE;
}

/* Drop Down Menus */
#secondary-nav .sub-menu {
background-color: #000;
border: 1px solid #333;
position: absolute;
z-index: 19;
top: 20px;
left: -20px;
display: none;
padding: 10px;
margin: 0;
width: 200px;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
#secondary-nav .sub-menu li {
background: none;
margin: 0;
padding: 0;
height: auto;
position: static;
}
#secondary-nav li:hover > .sub-menu {
display: block;
}
#secondary-nav .sub-menu a {
display: block;
color: #ccc;
height: auto;
float: left;
padding: 5px 10px;
margin: 0;
width: 170px;
line-height: 13px;
font-weight: normal;
font-size: 11px;
}
#secondary-nav .sub-menu a:hover {
color: #fff;
}

/* Sub Drop Down Menus */
#secondary-nav .sub-menu .sub-menu {
background: #555;
}
#secondary-nav ul .sub-menu li ul {
top: auto;
left: 200px;
}


/*************************** Grid Styling ***************************/

/* Grid */
#grid-wrapper {
float: left;
width: 100%;
}
#grid-container {
width: 900px;
left: 0;
top: 0;
position: relative;
width: 100%;
overflow: hidden;
}
.no-js #grid {
width: 900px;
position: relative;
margin: 0 auto;
}
.grid-panel {
display: none;
float: left;
width: 900px;
position: relative;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
margin: 40px 0 30px 0;
}
.grid-panel.active-panel,
.no-js .grid-panel {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.grid-panel div,
.grid-panel a{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
}
.grid-panel.active-panel div,
.no-js .grid-panel div,
.grid-panel.active-panel a,
.no-js .grid-panel a {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.no-js .grid-panel {
display: block;
}
.grid-panel-bg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

/* Grid Item */
.grid-image {
float: left;
position: relative;
background: #262626;
margin: 0 10px 10px 0;
}
.grid-image .grid-hover {
display: none;
position: absolute;
z-index: 2;
background: #9DFFFE url(images/grid-hover-bg-dark.png);
padding: 30px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.grid-panel.active-panel .grid-image:hover .grid-hover,
.no-js .grid-image:hover .grid-hover {
display: block;
z-index: 2;
}
.grid-image:hover .grid-hover:hover {
text-decoration: none;
}
.grid-item-title {
display: block;
font-weight: bold;
color: #000;
margin-bottom: 10px;
font-size: 12px;
text-transform: uppercase;
line-height: 15px;
}
.grid-item-desc {
display: block;
font-size: 11px;
color: #173439;
line-height: 15px;
}
.grid-item-link {
float: left;
position: absolute;
left: 0;
bottom: 0;
width: 20px;
height: 11px;
padding: 5%;
background: url(images/grid-item-page-icon.png) center center no-repeat;
border-right: 1px solid #6eb8c4;
}
.grid-item-link.grid-lightbox {
background: url(images/grid-item-search-icon.png) center center no-repeat;
}
.grid-item-cats {
float: right;
height: 10px;
position: absolute;
left: 0;
bottom: 0;
padding: 5%;
width: 90%;
display: block;
font-size: 10px;
border-top: 1px solid #6eb8c4;
color: #173439;
text-transform: uppercase;
text-align: right;
}

/* Prev/Next Grid Navigation */
#grid-nav {
width: 900px;
position: relative;
z-index: 3;
margin: 0 auto;
}
.no-js #grid-nav {
display: none !important;
}
#grid-prev {
display: none !important;
position: absolute;
left: -62px;
z-index: 3;
float: left;
background: #84FFFE url(images/sprite.png) no-repeat 7px -62px;
width: 25px;
height: 25px;
}
#grid-next {
display: none !important;
position: absolute;
right: -50px;
z-index: 3;
float: right;
background: #84FFFE url(images/sprite.png) no-repeat -53px -62px;
width: 25px;
height: 25px;
}
#grid-container:hover #grid-prev,
#grid-container:hover #grid-next {
display: block !important;
}


/*************************** Portfolio Grid Template Page ***************************/

#page-text {
float: left;
margin-top: 30px;
width: 900px;
}
#page-text h1 {
float: left;
color: #fff;
font-size: 26px;
background: #353535;
padding: 20px 20px 8px 20px;
margin: 0;
}
#page-text h1 p {
line-height: 30px;
}


/*************************** Single Page/Post Styling ***************************/

/* Title */
.page-title {
border-bottom: 10px solid #333;
margin-bottom: 40px;
padding-bottom: 20px;
}
.single .page-title {
margin-bottom: 5px;
padding: 0;
border-width: 0;
}
.attachment.single .page-title {
margin-bottom: 40px;
}
.page-title h1 {
font-size: 50px;
margin: 0;
}

/* Thumbnail */
.post-thumbnail {
float: left;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.single-portfolio .post-thumbnail,
.single-portfolio .post-thumbnail img {
max-width: 100%;
height: auto;
}

/* Post Meta */
.post-meta {
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 22px;
}
.post-meta-date {
color: #959595;
}
.post-tags {
float: left;
margin-top: 10px;
width: 100%;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
color: #959595;
}
.post-tags a {
color: #959595;
}
.post-tags a:hover {
color: #fff;
}

/* View Project */
#view-project {
display: block;
border-bottom: 1px solid #333;
padding-bottom: 20px;
margin-bottom: 20px;
}
#view-project a {
color: #fff;
}
#view-project a:hover {
color: #84FFFE;
}

/* Post Navigation */
#post-nav {
float: left;
border-bottom: 1px solid #333;
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
}
#post-nav a {
float: left;
display: block;
background: #84FFFE url(images/sprite.png) no-repeat;
height: 25px;
width: 25px;
margin-right: 10px;
}
#post-nav a:hover {
background: #fff url(images/sprite.png) no-repeat;
}
#post-nav [rel="prev"],
#post-nav [rel="prev"]:hover {
background-position: -53px -62px;
}
#post-nav [rel="next"],
#post-nav [rel="next"]:hover {
background-position: 7px -62px;

}
#post-nav [rel="home"],
#post-nav [rel="home"]:hover {
background-position: -23px -61px;
}


/*************************** Categories ***************************/

/* Posts */
.hentry {
float: left;
width: 100%;
position: relative;
border-bottom: 5px solid #333;
padding-bottom: 20px;
margin-bottom: 20px;
}
.hentry .post-thumbnail {
margin: 0 30px 10px 0;
}
.hentry .post-thumbnail.no-wrap {
margin: 0 0 30px 0;
}
.hentry h2 {
margin-bottom: 5px;
}
.hentry .post-text p:last-child {
margin-bottom: 0;
}
.sticky {
}

/* Attachments */
.attachment img {
max-width: 100%;
height: auto;
}


/*************************** Shortcodes: Columns ***************************/

/* General */
.columns {
float: left;
position: relative;
line-height: 19px;
}

/* Blank Columns */
.blank {
margin-right: 8%;
}
.one.blank {
width: 100%;
}
.two.blank {
width: 46%;
}
.three.blank {
width: 28%;
}
.four.blank {
width: 19%;
}
.onethird.blank {
width: 28%;
}
.twothirds.blank {
width: 64%;
}
.onefourth.blank {
width: 19%;
}
.threefourths.blank {
width: 81%;
}

/* Separate Columns */
.separate > div {
background: #000;
border: 1px solid #333;
position: relative;
padding: 20px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.separate {
margin-right: 2%;
}
.one.separate {
width: 100%;
}
.two.separate {
width: 49%;
}
.three.separate {
width: 32%;
}
.four.separate {
width: 23.5%;
}
.onethird.separate {
width: 32%;
}
.twothirds.separate {
width: 66%;
}
.onefourth.separate {
width: 23.5%;
}
.threefourths.separate {
width: 74.5%;
}

/* Joint Columns */
.joint > div {
background: #000;
border: 1px solid #333;
position: relative;
padding: 20px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.one.joint {
width: 100%;
}
.two.joint {
width: 50%;
}
.three.joint {
width: 33.33%;
}
.four.joint {
width: 25%;
}
.onethird.joint {
width: 33.33%;
}
.twothirds.joint {
width: 66.33%;
}
.onefourth.joint {
width: 25%;
}
.threefourths.joint {
width: 75%;
}

.last {
clear: right;
margin-right: 0;
}


/*************************** Shortcodes: Contact Form ***************************/

#contact-form {
float: left;
width: 100%;
margin-bottom: 12px;
}
#contact-form .contact-verify {
float: left;
margin-bottom: 12px;
}
#contact-form .contact-verify label {
margin: 0;
}
#contact-form .contact-submit {
float: left;
}
#contact-form textarea {
width: 95%;
max-width: 560px;
}
.input-error {
background: #ffdfdf;
}
#contact-form .loader {
display: none;
background: url(images/loader-dark.gif) no-repeat right bottom;
float: left;
padding: 3px 0 0 10px;
width: 20px;
height: 20px;
}
.contact-success,
.contact-error {
margin: 0 0 20px 0;
display: block;
text-shadow: none;
font-weight: bold;
}


/*************************** Shortcodes: Dividers ***************************/

.divider {
border-top: 1px solid #333;
clear: both;
width: 100%;
height: 1px;
margin: 40px 0;
position: relative;
}
.divider.top a {
color: #999;
font-size: 8px;
float: right;
width: 20px;
position: absolute;
top: -15px;
right: 0;
text-align: right;
}
.divider.clear {
background: none;
height: 20px;
border: 0;
margin: 0;
}


/*************************** Portfolio Slider ***************************/

/* Slider */
.slider-wrapper {
float: left;
position: relative;
margin-bottom: 30px;
}
#portfolio-slider,
#portfolio-slider .slide {
float: left;
position: relative;
}
#portfolio-slider > div {
display: none;
}
#portfolio-slider > div:first-child {
display: block;
}

/* Slide Video */
.slide-video {
position: relative;
display: inline-block;
background: transparent;
cursor: pointer;
}
.slide-video > div {
width: inherit !important;
height: inherit !important;
}

/* Slide Caption */
.slide-caption {
position: absolute;
bottom: 2px;
left: 0;
line-height: 19px;
background: #000;
padding: 10px;
z-index: 499;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.79;
opacity: 0.7;
}

/* Slide Buttons */
.slider-wrapper:hover #slide-prev,
.slider-wrapper:hover  #slide-next {
display: block;
}
#slide-prev {
display: none;
position: absolute;
top: 40%;
left: 20px;
z-index: 500;
float: left;
background: url(images/sprite.png) no-repeat 1px 1px;
width: 28px;
height: 28px;
}
#slide-next {
display: none;
position: absolute;
top: 40%;
right: 20px;
z-index: 500;
float: right;
background: url(images/sprite.png) no-repeat -28px 1px;
width: 28px;
height: 28px;
}

/* Slider Nav Wrapper */
#slider-nav {
margin-top: 10px;
float: left;
position: relative;
z-index: 15;
width: 100%;
overflow: hidden;
}
.slider-nav-overflow {
clip: rect(0, 0, 0, 0);
margin: 0;
padding: 0;
overflow: hidden;
height: 90px;
width: 680px;
}
.slider-nav {
position: relative;
display: inline-block;
width: 20000px;
}
.slider-thumbnail {
float: left;
display: block;
line-height: 0;
margin-right: 10px;
cursor: pointer;
width: 126px !important;
}


/*************************** Shortcodes: Images ***************************/

.sc-image a {
display: block;
margin: 0 auto;
}


/*************************** Shortcodes: Video ***************************/

.sc-video {
text-shadow: none;
}
.sc-video.aligncenter object, .sc-video.aligncenter div {
margin: 0 auto;
display: block;
}
.hide-icons > div > div > div > div > div {
background-image: none !important;
}


/*************************** Footer ***************************/

/* Footer Wrapper */
#footer {
float: left;
width: 100%;
position: relative;
padding-bottom: 30px;
font-size: 11px;
color: #616161;
}
#footer a {
color: #aaa;
}
#footer a:hover {
color: #fff;
}

/* Footer Nav */
#footer-nav {
float: left;
width: 100%;
margin-bottom: 5px;
}
#footer-nav li {
float: left;
list-style-image: none;
list-style-type: none;
margin: 0 15px 0 0;
}

/* Footer Left */
#footer-left {
float: left;
width: 50%;
}

/* Footer Right */
#footer-right {
float: right;
width: 50%;
text-align: right;
}


/*************************** Widgets Panel ***************************/

/* Widget Panels Button */
#widgets-panel-button {
z-index: 31;
background: #84FFFE url(images/sprite.png) -1px -28px;
position: absolute;
top: 1px;
right: 1px;
width: 26px;
height: 26px;
cursor: pointer;
}
#widgets-panel-button.minimize {
background: #84FFFE url(images/sprite.png) -28px -28px;
}
.no-js #widgets-panel-button {
display: none;
}

/* Widget Panel */
#widgets-panel {
display: none;
z-index: 30;
background: url(images/page-bg-dark.png) top center;
width: 100%;
position: absolute;
top: 0;
left: 0;
padding-top: 30px;
border-bottom: 10px solid #292929;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}

/* Widgets */
.widget-outer {
float: left;
margin-left: 50px;
}
#widgets-panel .inner div:first-child {
margin-left: 0;
}
.widget-outer .widget {
float: left;
width: 100%;
color: #888888;
}
.widget-whole {
width: 900px;
}
.widget-half {
width: 425px;
}
.widget-third {
width: 266.6px;
}
.widget-fourth {
width: 187.5px;
}


/*************************** Widgets ***************************/

/* General Widget Styling */
.widget {
float: left;
width: 100%;
padding-bottom: 30px;
}
.widget h3 {
font-weight: bold;
text-transform: uppercase;
color: #959595;
font-size: 12px;
margin-bottom: 15px;
}
.widget li {
list-style-image: none;
list-style-type: none;
margin: 0;
}
.textwidget {
line-height: 19px;
}

/* Search Widget */
#searchform {
float: left;
}
#searchbar {
float: left;
width: 110px;
margin-right: 5px;
}
#searchsubmit {
float: left;
background: #84FFFE url(images/sprite.png) 7px -91px no-repeat;
width: 28px;
height: 28px;
padding: 0;
border: 0;
margin-top: 0;
}
#searchsubmit:hover {
background: #fff url(images/sprite.png) 7px -91px no-repeat;
}

/* Calendar Widget */
#wp-calendar {
float: left;
}
#wp-calendar caption {
text-align: right;
margin-bottom: 10px;
}



/*************************** Comments Section ***************************/

/* Comment List */
#comments {
float: left;
width: 100%;
margin-top: 40px;
}
h3.comments {
margin: 0;
}
#commentlist {
list-style: none;
list-style-type: none;
background: none;
margin: 40px 0 0 0;
padding: 0;
}
#commentlist li {
list-style: none;
list-style-type: none;
background: none;
padding: 20px 0 0 0;
margin: 20px 0 0 0;
border-top: 1px solid #333;
}
#commentlist li:first-child {
padding: 0;
margin: 0;
border-top-width: 0;
}

/* Comment Box */
.comment-avatar {
float: left;
margin-right: 20px;
}
.comment-meta {
float: left;
}
.comment-author {
float: left;
font-weight: bold;
margin-right: 10px;
}
.comment-author a {
color: #fff;
}
.comment-date {
float: left;
font-size: 11px;
color: #959595;
margin: 5px 0;
}
.comment-reply-link {
float: left;
display: block;
margin: 5px 0;
font-size: 11px;
color: #959595;
}
.comment-reply-link:hover {
color: #fff;
}
.comment-text {
padding: 10px 0 0 0;
}
.comment-text .moderation {
margin: 0 0 12px 0;
text-shadow: none;
font-weight: bold;
}

/* Child Comments */
#commentlist .children .comment {
margin-left: 20px;
background: none;
}

/* Comment Post Author */
.post-author {
display: none;
float: left;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
background: #84FFFE;
color: #000;
padding: 2px 3px;
margin-top: -2px;
}
.bypostauthor .post-author {
display: block;
}

/* Comment Form */
#commentform {
float: left;
width: 100%;
margin: 20px 0 0 0;
}
#respond {
margin: 20px 0 0 0;
}
#respond h3 {
margin: 0;
}
#respond form p {
margin: 15px 0;
}
#respond textarea {
width: 660px;
max-width: 660px;
margin-left: 1px;
height: 150px;
}
.required {
color: #84FFFE;
}

/*************************** Page Navigation ***************************/

/* Page & Comments Navigation */
.wp-pagenavi {
float: right;
}
.wp-pagenavi span,
.wp-pagenavi .page-link,
.wp-pagenavi.post-navi a span {
background: #84FFFE;
color: #000;
font-weight: bold;
padding: 7px 9px;
display: block;
float: left;
margin-left: 10px;
text-align: center;
}
.wp-pagenavi .current,
.wp-pagenavi .page-link:hover,
.wp-pagenavi.post-navi span,
.wp-pagenavi.post-navi a:hover span {
background: #fff;
}
.wp-pagenavi .pages {
color: #fff;
background: none;
}


/*************************** WP Admin Bar ***************************/

#wpadminbar ul li {
border-bottom: 0;
border-top: 0;
}