/*
Theme Name: Liamshow
Theme URI: http://kdg-media.com
Description: Liamshow Theme
Version: 3.0
Author: Joe Komarinski
Author URI: http://kdg-media.com
Tags: liam, show, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* ---------------

	Basic Elements

---------------------------------- */



body {

background: #333333;

color: #444;

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

font-size: 0.8em;

line-height: 22px;

}


p.insert {

color: #444;

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

font-size: 12px;

line-height: 22px;

padding-left: 10px;

margin-top: 25px;

margin-left: 10px;

}

p.press {

color: #444;

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

font-size: 12px;

line-height: 18px;

padding-left: 10px;

margin-top: -10px;

margin-left: 10px;

}



a:link {text-decoration: none; padding: 30px 0 30px 0;}

a:visited {text-decoration: none;}

a:hover {text-decoration: none; color: #BE44DF}

a:active {text-decoration: none;}



h1, h2, h3, h4, h5 {font-family: 'Arial', Helvetica, sans-serif; font-weight: normal;}

h1 {

font-size: 2.2em; 

letter-spacing: -1px;

line-height: 30px;

display: inline;

vertical-align: 60%;

}

h1 a:hover, h2 a:hover {color: #BE44DF; text-decoration: none;}

h2 {

font-size: 3.0em;

letter-spacing: -1px;

line-height: 30px;

margin-top: 0px;

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  h2 {
  font-size: 48px;
}

}



h2.left {

font-size: 2.0em;

letter-spacing: -1px;

line-height: 30px;

margin-top: 0px;

display: inline;

float: left;

}

h2.right {

font-size: 2.0em;

letter-spacing: -1px;

line-height: 0px;

margin-top: 30px;

display: inline;

float: right;

}



h3 {font-size: 1.7em; line-height: 30px; margin-top: 0px;}

h4 {

font-size: 1.2em;

line-height: 40px;

}

h5 {

font-size: 1.2em;

line-height: 18px;

margin-top: 15px;

}



#main-content ul {margin: 10px 0 10px 15px; border: 0px solid #000;}

#main-content ol {margin: 10px 0 10px 15px; border: 0px solid #000;}

#main-content ul li {list-style-type: square;}

#main-content ol li {list-style-type: decimal; margin: 10px 0px 0px 0px; padding: 10px; border: 1px solid #cccccc; background: #eeeeee;}

#main-content li li {margin-left: 25px; padding: 10px; border: 1px solid #cccccc; background: #ffffff;}

#main-content p {margin: 10px 0;}

#main-content p.insert {

color: #444;

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

font-size: 12px;

line-height: 22px;

padding-left: 10px;

margin-top: 25px;

margin-left: 10px;

}




#sidebar ul, #footer ul {margin-left: 15px; margin-bottom: 15px;}

#sidebar ul li, #footer ul li {

margin-top: 6px;

margin-bottom: 4px;

border-bottom: none;

line-height: 18px;

list-style-type: none;

}



#sidebar ul li a:link {color: #0000ee;}

#sidebar ul li a:visited {color: #551a8b;}

#footer ul li a:link, #footer ul li a:visited {color: #551a8b;}

#sidebar ul li a:hover, #footer ul li a:hover {color: #BE44DF; text-decoration: none;}



input, textarea {background: #f5f5f5; border: 1px solid #bbb; color: #999; width: 190px; margin: 3px 0px 3px 0px; padding: 3px 0px;}

input#searchsubmit {background: #ddd; border: 1px solid #999; color: #555; width: 50px; margin: 3px 0px 3px 0px; padding: 2px 0px;}





.search-box {border: 0px solid #ccc; padding: 0px 0px 0px 3px; margin: 8px 20px 5px 0px; text-align: left; width: 250px; float: right;}

#searchform label {
	position:absolute;
	top:-1500px;
	left:-1500px;
}


.bodynav li {
font-size: 14px;
margin-left: 5px;
margin-right: 0px;
margin-top: 10px;
list-style: none;
line-height: 18px;
}




/* ---------------

	Generic Classes

---------------------------------- */



.clear {clear: both;}

.center {text-align: center;}

.hidden {display: none;}

.justify {text-align: justify;}

.post-spt {border-top: 1px solid #bbbbbb; margin-bottom: 20px; margin-top: 12px;}

.post-meta {background: #00ccff; margin: 10px 0; padding: 2px 10px;}

.post-tag {margin: 10px 0;}

.sticky {background: #f6f6f6; border: 1px solid #ccc; margin: -10px -10px 10px -10px; padding: 0 10px;}

.sticky .post-meta {border: 1px solid #bbb;}

p.page-link span {border: 1px solid #ccc; padding: 3px 8px;}

p.page-link a:hover {text-decoration: none;}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



/* ----------------

	Basic Layout

---------------------------------- */



#wrapper {text-align: center;}

#container {

background: #00ccff;

border-width: 10px;

border-style: solid;

border-color: #000;

margin: 30px auto;

text-align: left;

width: 900px;
	
padding: 0px auto;

}

#container-grey {

background: #ddd;

border-width: 10px;

border-style: solid;

border-color: #000;

margin: 0px auto;

text-align: left;

width: 900px;

}

#container-white {

background: #fff;

border-width: 10px;

border-style: solid;

border-color: #000;

margin: 0px auto;

text-align: left;

width: 900px;

}



#header {

background: url("images/link_01.jpg") no-repeat bottom center;

margin: 0px 0px 0; 

height: 170px; 

width: 900px;


}

#header-purple {

background: url("images/banner_purple_01.jpg") no-repeat bottom center;

margin: 0px 0px 0; 

height: 170px; 

width: 900px;


}

#header-green {

background: url("images/banner_green_01.jpg") no-repeat bottom center;

margin: 0px 0px 0; 

height: 170px; 

width: 900px;


}

#header-orange {

background: url("images/banner_orange_01.jpg") no-repeat bottom center;

margin: 0px 0px 0; 

height: 170px; 

width: 900px;


}





#head-nav {

width: 100%;

height: 40px;

background: #000;

margin: 0px; 

border-bottom: 0px; 

border-left: 0px;

float: left;

padding: 0px 0px 0px 10px;

display: inline;

}

#main-content {

border: 0px solid #ccc;

float: left;

margin: 10px;

padding: 10px;

width: 600px;

}

#about-content {

border: 0px solid #000;

float: left;

margin: 10px;

padding: 10px 30px 10px 10px;

width: 838px;

}


#heading-wide {

border: 0px solid #000;

float: left;

margin: 0px 0px 0px 15px;

padding: 0px 0px 0px 0px;

width: 840px;

}

img.heading-wide {

margin-top: 20px;

}


#videos-content {

border: 0px solid #000;

float: left;

margin: 10px;

padding: 10px 0px 0px 0px;

width: 878px;

}


#home-container {

border: 0px solid #ccc;

float: auto;

margin: 30px 0px 30px 0px;

padding: 10px;

width: 878px;

}

#home-id {

border: 0px solid #ccc;

float: right;

text-align: center;

margin: 25px 0px 25px 0px;

padding: 0px;

width: 875px;

height: 100%;

}


#home-itunes {

border: 0px solid #ccc;

float: right;

margin: 0px -12px 0px 0px;

padding: 11px;

padding-top: 0px;

width: 875px;

height: 100%;

}

#itunes-albums {

border: 0px solid #ccc;

float: left;

margin: 15px 10px 10px 28px;

padding: 0px;

}

#press-video {

background: #fefefe;

padding: 10px 10px 3px 10px;

border: 1px solid #cccccc;

margin: 20px 0px 10px 25px;

float: left;

}


#contact-box {

border: 0px solid #ccc;

float: left;

margin: 10px 0px 10px 0px;

padding: 0px;

width: 350px;

}

#contact-alignleft {

    background: #fefefe;

    padding: 10px;

    border: 0px solid #cccccc;

    margin: 235px 20px 15px -235px;
    
    float: left;
    
    z-index: 100;      

}




#home-video {

border: 0px solid #ccc;

float: right;

margin: 10px 0px 0px 0px;

padding: 10px;

width: 550px;

height: 100%;

}


#about-videoleft {

border: 0px solid #ccc;

float: left;

margin: 10px 0px 30px 15px;

width: 400px;

height: 100%;

}


#about-videoright {

border: 0px solid #ccc;

float: right;

margin: 10px 0px 30px 20px;

width: 400px;

height: 100%;

}


#home-latestnews {

border: 0px solid #ccc;

float: left;

margin: 10px 0px 0px 10px;

padding: 10px;

width: 275px;

}


#home-shopping {

border: 0px solid #ccc;

float: left;

margin: 10px 0px 0px 20px;

padding: 10px;

width: 265px;

}


#inside-main-content {

border: 0px solid #ccc;

float: left;

margin: 0px;

padding: 0px;

width: 600px;

}




#sidebar {

border: 0px solid #aaa;

float: right;

margin: 0px 0px;

padding: 20px 20px 20px 20px;

width: 215px;

height: 100%;

}

#video-container {

border: 0px solid #ccc;

float: auto;

margin: 0px 0px 0px 4px;

padding: 0px;

}

#press-container {

border: 1px solid #ccc;

float: auto;

margin: 50px 0px 0px 4px;

padding: 0px;

width: 400px;

height: 100px;

}


#footer {padding: 10px 20px;}

#foot-1, #foot-2, #foot-3 {width: 250px; border: 0px solid #bbb;}

#foot-1, #foot-2 {float: left;}

#foot-right, #foot-3 {float: right;}

#foot-2 {margin: 0 15px;}

#footer-credit {

border: 0px solid #ccc;

color: #cccccc;

line-height: 28px;

text-align: center; 

margin: 0px auto;

padding: 10px 0px 15px 0px;

width: 900px;

float: auto;

}

#footer-credit a:link {color: #00ccff;}

#footer-credit a:visited {text-decoration: none; color: #555555;}

#footer-credit a:hover {text-decoration: none; color: #BE44DF}

#footer-credit a:active {text-decoration: none;}


#footer-desc {border-top: 1px dashed #ccc; font-style: italic; text-align: right;}

#content .post { margin-bottom: 130px; padding-bottom: 50px;}


/* ----------------

	Head Nav

---------------------------------- */

#social{

border: 0px solid #aaa;

float: right;

margin: 5px 0px 0px 0px;

padding: 0px 0px 5px 0px;

width: 100%;

height: 40px;

display: inline;
}

.socialicon {
border: 0px solid #ccc; 
padding: 0px auto;
margin: 7px 0px 0px 20px;
text-align: left;
float: left;}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
}
#access .menu-header,
div.menu {
	font-family: 'Arial', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-left: 12px;
	
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	margin: 5px 35px 0px 20px;
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	
	color: #BF44DD;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #00CCFF;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}



/* ----------------

	Page Nav and More Link

---------------------------------- */



.older a:link, .older a:visited {float: left;}

.newer a:link, .newer a:visited {float: right;}

.page-nav {margin-top: 10px;}



a.more-link:link, a.more-link:visited {

float: right;

margin-bottom: 10px;

color: #BE44DF;

}



/* ----------------

	Miscelaneous

---------------------------------- */



blockquote {

border-left: 2px solid #ccc;

color: #888;

margin: 15px 0 15px 60px;

padding-left: 10px;

}

code {color: #B03535;}

pre, code {font-size: 1.3em; margin: 15px 0;}

hr {
border: 0;
color: #444444;
background-color: #444444;
height: 1px;
width: 100%;
text-align: center;
}


hr.dotted {
border: 0;
color: #444444;

background: url("images/trim.png") repeat-x;

height: 10px;

width: 100%;

text-align: center;
}


/* ----------------

	Widget

---------------------------------- */



.widget {margin-bottom: 15px;}



.widget_author img {border: 1px solid #ccc; float: left; margin-right: 10px; padding: 5px;}





table#wp-calendar {text-align: center;}

table#wp-calendar caption {font-size: 1.5em; margin-bottom: 10px; text-align: center;}

table#wp-calendar thead tr th {background: #eee; border: 1px solid #ccc; font-weight: bold; padding: 4px 13px;}

table#wp-calendar td {border: 1px solid #ccc; padding: 4px 13px;}

#today {background: #eee;}



a.follow:link, a.follow:visited {

display: block;

background: #eee;

font-weight: bold;

margin-top: 15px;

padding: 5px 10px;

text-align: center;

}



/* ----------------

	Images and Captions

---------------------------------- */

img.centered {display: block; margin: 10px auto;}

img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft {

    background: #fefefe;

    padding: 10px;

    border: 1px solid #cccccc;

    margin: 10px 0px 15px 25px;

    display: inline;       

}


img.press-alignleft {

    background: #fefefe;

    padding: 10px;

    border: 1px solid #cccccc;

    margin: 0px 20px 15px 25px;

    display: inline;
    
    float: left;       

}


img.about-alignleft {

    background: #fefefe;

    padding: 10px;

    border: 1px solid #cccccc;

    margin: 10px 20px 15px 0px;

    display: block;
    
    float: left;
    
    clear: both;      

}

img.itunes-alignleft {

    background: #fefefe;

    padding: 10px;

    border: 1px solid #cccccc;

    margin: 0px 0px 0px 0px;

    display: block;
    
    float: left;
    
    clear: both;      

}






.wp-caption {border: 0px solid #ccc; text-align: center; background-color: #ffffff; margin: 0px 10px 5px 10px; float: left;}

.wp-caption img {border: 1px solid #ccc; display: block; margin: 0px; padding: 5px;}

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 14px;}





/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	
	margin-bottom: 0;
}
h3#comments-title {
	padding: 4px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 0px solid #cccccc;
	margin: 0px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	display: block;
	margin: 0 0 9px;
	width: 250px;
}
#respond textarea {
	display: block;
	width: 450px;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 12px;
	padding: 5px 5px;
	width: auto;
}