/*
	Theme Name: EllaGlance
	Description: A great theme with tons of extras. Theme includes shortcodes which allow you to control your content, get related posts, create Google charts, and add JQuery slimbox functionality to your images. Theme also comes with several page templates including contact form and full width, and theme options allowing you to easily customize the theme including an option allowing you to set a full page width image background for your site. The theme also validates with the W3C, includes featured image functionality, and has been tested in all modern browsers. Enjoy!!
	Version: 1.0
	Author: MR Web Design
	Author URI: http://mr-web-design.com
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: dark, two-columns, fixed-width, theme-options, threaded-comments
*/

body {
	margin:0;
	padding:0;
	font-family:Lucida Sans, Verdana, Arial, Serif;
	font-size:12px;
}

a.img {
	border:0;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#header {
	width:920px;
	height:70px;
	margin:0 auto;
	overflow:hidden;
	background:#000;
}

#header h1 {
	color:#fff;
	font-weight:normal;
	margin:20px 0 0 15px;
	padding:0;
	font-size:24px;
}

#nav {
	float:right;
	width:600px;
	margin-top:-55px;
}

#nav ul {
	float:right;
  	padding:0;
	margin:0 20px 0 0;
    }

#nav li {
	float:left;
	list-style-type:none;
	padding:5px 15px 5px 15px;
	margin:25px 5px 0 0;
    }

#nav li a {
	display:block;
  	color:#fff;
  	font-size:15px;
	text-decoration:none;
    }

#nav ul li a:hover {
	text-decoration:none;
    }

#nav ul li ul {
	padding:0;
	margin:5px 0 0 0px;
	display:none;
	overflow:hidden;
	width:150px; /* width of dropdown menu */
	position:absolute;
    }

#nav ul li:hover ul.active {
	display:block;
	position:absolute;
    }

#nav ul li ul li {
	width:150px; /* width of dropdown menu */
	background:#000;
	overflow:hidden;
	padding:0;
	margin:0;
	border-bottom:1px dotted #111;
    }

#nav ul li ul li:hover {
	background:#111;
    }

#nav ul li ul li a {
	display:block;
	padding:7px;
  	color:fff; 
  	text-decoration:none;
	font-size:12px;
    }

#wrapper {
	position:relative;
	width:920px;
	margin:8px auto 20px auto;
	overflow:hidden;
	color:#fff;
	line-height:22px;
}

#content {
	width:590px;
	min-height:500px;
	float:left;
	padding:15px;
	background:#000;
	overflow:hidden;
}

#content .post {
	margin-bottom:20px;
}

#content h3 a {
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0 0 15px 0;
	text-decoration:none;
}

#content img.featured {
	width:590px;
	height:225px;
}

.postmetadata {
	padding:10px 0 5px 0;
	border-bottom:1px solid #111;
}

.postmetadata span.comments {
	float:right;
}

.postmetadata .img {
	float:left;
}

.after-postmetadata {
	padding:10px;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	margin-bottom:45px;
}

.after-postmetadata a {
	text-decoration:none;
}

#sidebar {
	width:260px;
	min-height:500px;
	float:right;
	left:630px;
	padding:15px;
	background:#000;
	overflow:hidden;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 10px;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font:14px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

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

li.pagewrap {
	display:block;
	width:245px;
	padding: 0 0 15px 0;
	margin:0;
	overflow:hidden;
    }
	
li.pagewrap a {
	text-decoration:none;
}

.textwidget {
	padding:0 10px 0 10px;
    }

#sidebar ul, #sidebar ul ol {
	margin:0;
	padding:0;
    }

#sidebar ul li {
	list-style-type: none;
	margin-bottom: 5px;
	}

#sidebar h2 {
	font-size:16px;
	width:225px;
	color:#fff;
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal;
	border-bottom:1px solid #111;
    }

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 10px 0 0 0;
	list-style-type:none;
	color:#fff;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 25px;
	list-style-type:none;
	}

ol li, #sidebar ul ol li {
	list-style-type:none;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#footer {
	width:900px;
	background:#000;
	overflow:hidden;
	margin:0 auto 20px auto;
	padding:10px;
	text-align:center;
	color:#fff;
}

/*
	COMMENTS ( not much else to say )
*/

.commentlist li {
	font-weight: bold;
	font-size:12px;
    }

.commentlist li a {
	text-decoration:underline;
    }

.commentlist li .avatar { 
	width:32px;
	height:32px;
	float: right;
	border: 1px solid #222;
	padding: 2px;
	background: #222;
    }

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
    }

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
    }

.commentmetadata {
	font-weight: normal;
    }

.postmetadata {
	clear: both;
    }

h3#comments {
	font-size:16px;
	color:#fff;
	margin:0;
	padding:5px 0 5px 0;
	font-weight:normal;
    }

#commentform input, #commentform textarea {
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	border:1px solid #ccc;
	font-size:12px;
	color:#222;
    }

.comment-form-comment label {
	display:none;
}

#commentform {
	margin: 5px 10px 0 0;
    }

#commentform textarea {
	width:80%;
    }

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
    }

#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
    }

.alt {
	margin: 0;
	padding: 10px;
    }

.commentlist {
	padding: 10px 10px 10px 0;
	text-align: justify;
    }

.commentlist li { /* edit the way comments look */
	margin: 15px 0 10px;
	padding:15px;
	list-style: none;
	border:1px solid #222;
	background:#111;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
   	-khtml-border-radius:5px;
	border-radius:5px;
	color:#fff;
    }

.commentlist a {
	color:#fff;
	text-decoration:none;
    }

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
    }

.commentlist p {
	margin: 10px 5px 10px 0;
    }

.children { 
	padding: 0; 
    }

#commentform p {
	margin: 5px 0;
    }

.nocomments {
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0;
    }

.commentmetadata {
	margin: 0;
	display: block;
    }

/*
	BLOCK QUOTES / IMAGES / TABLES / FORMS / LISTS / OTHER
*/

.pagination {
	clear:both;
	padding:5px 0 5px 0;
	margin-top:20px;
	position:relative;
	font-size:11px;
	line-height:13px;
	border-top:1px solid #111;
    }

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #111;
    }

.pagination a:hover{
	color:#eee;
    }

.pagination .current{
	padding:6px 9px 5px 9px;
	color:#fff;
    }

blockquote {
	margin: 15px 30px 15px 10px;
	padding:10px;
	padding-left: 20px;
	background:#222;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
   	-khtml-border-radius:5px;
	border-radius:5px;
	font-style:italic;
    }

blockquote a {
	text-decoration:underline;
    }

blockquote cite {
	margin: 5px 0 0;
	display: block;
    }

.alignleft {
	text-align:left;
	float:left;
    }

.aligncenter, div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
    }


.alignright {
	text-align:center;
	float:right;
    }

.wp-caption {
   	border: 1px solid #222;
   	text-align: center;
   	background-color: #111;
   	padding: 4px 2px 4px 2px;
   	margin: 10px;
   	-moz-border-radius: 3px;
   	-khtml-border-radius: 3px;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
	color:#fff;
    }

.wp-caption img {
  	margin: 0;
  	padding: 0;
   	border: 0 none;
    }

.wp-caption p.wp-caption-text {
   	font-size: 12px;
   	line-height: 17px;
   	padding:5px;
   	margin: 0;
    }

input, select {
	border:2px solid #ccc;
	font-size:14px;
	color:#444;
    }

ul li {
	list-style-type:circle;
    }

ol li {
	list-style-type:upper-roman;
    }

small {
	font-size:10px;
    }

big {
	font-size:16px;
    }

h1, h2, h3, h4, h5, h6 {
	color:#fff;
	font-weight:normal;
    }

h1 {
	font-size:28px;
}

h2 {
	font-size:26px;
    }

h3 {
	font-size:24px;
    }

h4 {
	font-size:20px;
    }

h5 {
	font-size:16px;
    }

h6 {
	font-size:12px;
    }
	
.round {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
   	-khtml-border-radius:5px;
	border-radius:5px;
    }
	
table {
	width:100%;
	border:1px solid #ddd;
	padding:5px;
}

th {
	color:#cc6600;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}

.sticky {
	background:#111;
	width:550px;
	padding:20px;
}

.gallery-caption {
}

.bypostauthor {
	background:#222;
	border:1px solid #333;
}


img.bg { /* site bg image */
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
	z-index:-100;
}

.transparent {
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.round {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
   	-khtml-border-radius:5px;
	border-radius:5px;
}

.round-top {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
   	-khtml-border-top-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
   	-khtml-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

.round-bottom {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
   	-khtml-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
   	-khtml-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}

/* short codes */

.one-half {
	width:285px;
	float:left;
	overflow:hidden;
}

.one-half-last {
	width:285px;
	float:right;
	overflow:hidden;
}

.one-third {
	width:182px;
	float:left;
	padding-right:20px;
	overflow:hidden;
}

.one-third-last {
	width:182px;
	float:right;
	overflow:hidden;
}

.two-thirds {
	width:374px;
	float:left;
	padding-right:20px;
	overflow:hidden;
}