/*

Theme Name: Super Slick Premium
Version: 1.02
Theme URI: 
Description: Improved design with an inbuilt slideshow and many more options
Tags: white, gray, two-columns, fixed-width , minimal, slick
Author: Theme7.net
Author URI: http://theme7.net
License: You can edit this theme as you wish but do not ditribute.

*/

/* fonts
--------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Exo:400,100,100italic,400italic,500,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Exo+2);

/* header
--------------------------------------------------*/

#header           { margin-right: auto; margin-left: auto; padding-top: 60px; position: relative; width: 960px; height: 170px; border-bottom: 1px solid #a97 } 
#header h1 a       { color: #000; font-size: 85px; font-family: exo, sans-serif; font-style: italic; font-weight: 100; text-transform: uppercase; letter-spacing: 1px; margin-bottom: -15px; padding-right: 28px }
#header h1 a:hover    { color: #aa9977; text-decoration: none }
#logotopend { max-width: 730px; max-height: 125px; float: left; overflow: hidden; }
#logotopper   { background-image: url(images/logo-colour-bars.png); background-repeat: no-repeat; background-position: 0 38px; display: block; padding-top: 40px; width: 19px; height: 51px; float: left }

.social      { padding-top: 30px; width: 160px; float: right }

.social-icon-fbk a  { background-image: url(images/social-logos-sprite.png); background-repeat: no-repeat; background-position: 0 0; display: block; width: 34px; height: 35px; float: right; overflow: hidden }
.social-icon-fbk a:hover  { background-position: 0 -35px }
.social-icon-twt a  { background-image: url(images/social-logos-sprite.png); background-repeat: no-repeat; background-position: -34px 0; display: block; margin-left: 2px; width: 34px; height: 35px; float: right; overflow: hidden }
.social-icon-twt a:hover  { background-position: -34px -35px }
.social-icon-rss a  { background-image: url(images/social-logos-sprite.png); background-repeat: no-repeat; background-position: -85px 0; display: block; margin-left: 19px; width: 34px; height: 35px; float: right; overflow: hidden }
.social-icon-rss a:hover  { background-position: -85px -35px }

#tagline      { color: #aa9977; font-size: 105%; font-weight: 500; text-transform: uppercase; margin-top: -15px; clear: left }

#nav            { margin-right: auto; margin-left: auto; width: 990px; height: 50px }
#nav li      { list-style: none; margin-bottom: 30px; float: left }
#nav li a          { color: #000; font-size: 100%; font-weight: 500; text-transform: uppercase; z-index: 999 }
#nav li a:hover     { color: #1e1e1e; text-decoration: none; background: #e7e7e7; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80) }

#nav .parent > a, #nav .parent > a:hover{ background: #aaaa99; background-position:right;background-repeat:no-repeat; z-index: 999;}
#nav ul, #nav ul li{display:inline;list-style:none;padding:0;margin:0}
#nav ul li a{display:inline-block; text-decoration:none; padding: 17px 15px 16px; z-index: 999;}
#nav ul li a:hover {  }
#nav ul #first a:hover{border-radius:5px 0 0 5px; z-index: 999;}
#nav ul li{position:relative}
#nav li ul { display: none; position: absolute; top: 51px; left: 11px; z-index: 999; }
#nav li ul a   { background: #e0e0d9; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8 }
#nav ul ul li:hover ul, #nav ul ul ul li:hover ul { left: 0 }
#nav ul li:hover ul{display:inline-block}
#nav ul ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul {}
#nav ul ul ul li { margin-top: -14px; }
#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul { display:block; z-index: 999;}
#nav ul li:hover ul li a, #nav ul ul li:hover ul li a, #nav ul ul ul li:hover ul li a{ margin:-1px 0 0 -11px}
#nav ul li:hover ul li a { padding: 5px 14px 15px; width: 150px }
#nav ul ul li:hover ul li a {  }
#nav ul ul ul li:hover ul li a{width:140px;padding:0 14px 0 24px}
#nav .children li a:hover     { color: #000; background-image: none }

/* Slideshow
--------------------------------------------------*/

#slideshow    { margin: 0; padding: 0; position: relative; z-index: 80; margin-right: auto; margin-left: auto; width: 960px; clear:both; }
#slideshow ul, #slideshow1 ul { position:relative; overflow:hidden;	margin:0; padding:0; }
#slideshow ul li, #slideshow1 ul li  { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 80; top: 0; left: 0 }

#slideshow1     { margin: 0; padding: 0; position: relative; z-index: 80; width: 490px; float: right }
#slideshow1 .caption {display:none !important}
#slideshow1 #pagination {display:none;}

#slideshow-inner    { margin-right: auto; margin-left: auto; padding-top: 15px; width: 960px; height: 395px; clear: both }
#slideshow-inleft    { text-transform: uppercase; margin-top: 45px; width: 410px; float: left }
#slideshow-inright    { width: 490px }

#slideshow-inleft h2   { font-size: 53px; font-weight: 100; text-align: center }
#slideshow-inleft h3    { color: #8c7b59; font-size: 26px; font-weight: 500; text-align: center }
#slideshow-inleft p   { text-align: center }
#slideshow-inleft a      { color: #fff; font-size: 120%; text-decoration: none; background-color: #a97; margin-right: auto; margin-left: auto; padding: 12px 45px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px   }
#slideshow-inleft a:hover  { background-color: #7d6c4a }
.inviting   { text-align: center; display: block; margin-right: auto; margin-left: auto; width: 400px; height: 50px }

#pagination  { margin: 10px auto 0; padding: 0; width: 120px; clear: both }
#pagination li  { list-style: none; margin: 0 5px; float: left }
#pagination li a  { background: url(images/pagination.png); text-indent: -10000px; display: block; width: 11px; height: 11px }
#pagination li a:hover   { background-position: 0 12px }
#pagination li a.active   { background-position: 0 24px; padding-bottom: 1px }
.caption    { color: #fff; font-family: exo, sans-serif; font-style: italic; background-color: #030303; letter-spacing: 1px; margin: 0; padding: 15px 10px 18px 30px; position: absolute; left: 0; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5  }
.navigation { font-size: 130%; clear:both; }

/* main
--------------------------------------------------*/

* { padding:0; margin:0; }

body        { color: #1b1b1b; font-size: 82%; font-family: exo, sans-serif; background-color: #eee; margin: 0 }
a     { color: #000; text-decoration: none }
a:hover       { color: #7d6c4a; text-decoration: none }
a:visited       { color: #303030 }
p  { line-height: 150%; margin-bottom: 30px }
img  { border: solid 0 #fff }
#wrapper    { background-color: #eee; margin-right: auto; margin-left: auto; position: relative; width: 960px; border-top: 1px solid #a97 }
#insidewrapper  { background-color: #eee; margin: 0; width: 100%; clear:both; }

#metarea   { margin-right: 30px; padding-right: 30px; width: 180px; float: left; clear: left; word-wrap: break-word; }
#contentholder {width:480px; float:left; min-height: 200px; }
 
.date  { }
.postauth { font-size: 130%; font-weight: 500; }

#content   { margin-top: 60px; width: 750px;  }
#content h1    { text-transform: uppercase; color: #59554d; font-size: 210%; margin-bottom: 30px }
#content h2     { color: #000; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px }
#content h2  a   { color: #303030 }
#content h2  a:hover    { color: #7d6c4a; text-decoration: none }
#content h3   { text-transform: uppercase; margin-bottom: 30px }
.info      { display: block; margin-bottom: 60px; padding-top: 5px; padding-right: 15px; padding-bottom: 30px; clear: both; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px    }

.attachment-post-thumbnail   { margin-bottom: 20px; padding: 15px 10px 20px; width: 480px; border: solid 1px #b9b9b9 }

.commentlist  { font-size: 120%; line-height: 120% }

label   { color: #000; font-size: 90%; } 
input  { padding: 5px 15px }
textarea  { padding: 5px 15px }
fieldset  { padding: 15px; border: solid 1px #ccc }
legend { color: #8b98a0; }

li.current_page_item a    { background-color: #ddddd9 }
.link-pages { clear:both; }

.wp-caption    { text-align: center; margin: 15px; padding: 8px; border: solid 1px #cbd6dd; max-width:520px;}
.wp-caption-text     { font-size: 80%; text-align: center; letter-spacing: 1px; padding-top: 8px; padding-right: 8px; padding-left: 8px }
.sticky    { background-image: url(images/sticky-pin.png); background-repeat: no-repeat; padding-top: 20px }
.gallery .gallery-caption {	color: #cbd6dd;	font-size: 90%;	margin: 0 0 12px; }
.alignright    { margin-left: 30px; float: right }
.alignleft    { margin-right: 30px; float: left }
.aligncenter   { margin-right: auto; margin-left: auto; display: block; }

.more-link   { font-weight: bold; display: block; padding-top: 15px }
.gallery { clear:both; display:block; }
blockquote  { margin-top: 15px; margin-right: 15px; margin-bottom: 15px; padding: 15px 20px; border: solid 1px #e0e0d9 }
#wp-calendar { width:100%; }
#wp-calendar td  { text-align: center }
.pagelink a { padding: 5px;}
#content .wp-caption img {max-width:400px;}
#content img {max-width:460px;}

#content table { max-width:565px; }
#content ul  { list-style-type: circle; list-style-position: outside; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px }
#content ol  { list-style-position: inside; margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px }
#content li  { list-style-position: inside; margin-left: 15; }
.foothold p  { color: #fff; clear: both }
.foothold    { clear: both }

table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}

table, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-bottom: 15px;
}

th {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

ins { color: #000;}
del  { color: #949494; text-decoration: line-through }
dl, dl dl, dl dl dl {
	margin-bottom: 15px;
}
dt, dt dt, dt dt dt { 
	margin-bottom: 5px;
	font-weight: bold
}
dd, dd dd, dd dd dd {
	margin-left: 15px;
	margin-bottom: 5px;
}

ul, ul ul, ul ul ul {
	margin-left: 15px;
}
ol, ol ol, ol ol ol {
	margin-left: 15px;
}
ul  { margin-left: 5px }
ol  { margin-left: 5px }
li  {  }
hr  { border-top: 1px solid #eee }

.attachment-full { 
	padding-bottom: 15px;
}
.previousimage, .nextimage  { 
	padding-right: 30px; 
	margin-bottom: 30px;
}
.parent-post-link { 
	padding-top: 15px;
}
/* threaded comments
--------------------------------------------------*/

.comment-author .fn {margin-left:10px;}
.commentoff {display:none;}
.says { display:none; }
.reply  { font-size: 90%; margin-bottom: 30px; padding-left: 48px }
#comment-top p    { color: #1c1c1c; margin-top: 30px; padding-left: 48px }
#comment-top .navigation    { margin-top: 15px; padding-top: -30px; padding-bottom: 15px }
#comment-top li { list-style: none; list-style-image: none; }
.comment-meta a   { color: #b9bec3; font-size: 80%; padding-left: 48px }
#comment-top textarea { display: block; }
#comment-top input { display: block; }
.nocomments{ display:none; }
.comment-body    { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #e0e0d9; margin-top: 15px; margin-bottom: 15px; padding: 20px 15px }
#content #comment-top ul  { margin: 0; padding: 0 }

li.comment ul.children li.depth-2   { margin-top: 0; margin-right: 0; margin-left: 15px }
li.comment ul.children li.depth-3  { margin-top: 0; margin-right: 0; margin-left: 15px }
li.comment ul.children li.depth-4  { margin-top: 0; margin-right: 0; margin-left: 15px }
li.comment ul.children li.depth-5  { margin-top: 0; margin-right: 0; margin-left: 15px }

/* sidebar
--------------------------------------------------*/

#sidebar             { font-size: 90%; line-height: 150%; margin-bottom: 30px; padding-bottom: 0; width: 170px; float: right } 
#sidebar h2      { color: #7d6c4a; font-size: 120%; font-weight: 500; text-transform: uppercase; margin-top: 30px; margin-bottom: 30px }
#sidebar h2 a   { color: #7d6c4a; text-decoration: none }
#sidebar h2 a:hover  { color: #322e26; text-decoration: none }
#sidebar li    { list-style: none inside; margin-left: 15px }
.sidetoptxt     { color: #303030; font-size: 110%; font-style: italic; margin-bottom: 15px }
#sidebar .children {display:none; }
.children li a:hover {display:inline; }


/* footer
--------------------------------------------------*/

#footer     { margin-right: auto; margin-left: auto; padding-top: 60px; width: 960px; height: 300px; clear: both }
#footer  li.current_page_item a { color: #a97; background-color: transparent;}
#footer .children {display:none; }
#footer .social { padding-top:18px; }
#footer h1  { font-size: 400%; font-weight: 100; text-transform: uppercase; border-bottom: 1px solid #fff }
#footer h1 a:hover { color:#a97 }
#footer-outside    { background-color: #aaa; width: 100%; clear: both }
#footer ul  { margin-top: 15px; clear: both }
#footer-menu  { padding-top: 15px }
#footer-copy { clear:both; margin-top: 60px;}
#footer p  { color: #fff }
#footer a  { color: #fff }
#footer a:hover  { color: #a97 }
#footer li  { list-style: none; float: left }
#footer li a      { color: #fff; text-transform: uppercase; margin-top: 10px; padding-right: 30px }
#footer li a:hover { color: #a97; }