/*
Theme Name: Retro
Description: A colorful and retro/vintage WordPress theme. It supports custom navigation menus, 4 widget areas, featured images and no-sidebar/full-width page template. A smart and clean two column theme with great features: HomePage Slider, Custom Logo, Recent Posts Widget, 125x125 Banner Widget, SocialMedia Buttons Widget, Facebook Widget, Twitter Widget, Dropdown Navigation, Theme Options Panel and more.
Version: 1.06
Author: Selim Alvele
Author URI: http://www.alvele.com/
Tags: Blue,White,Light,Two-Columns,Right-Sidebar,Fixed-Width,Custom-Background,Custom-Menu,Editor-Style,Featured-Images,Full-Width-Template,Sticky-Post,Theme-Options,Threaded-Comments

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #1f88a4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Cutive', serif;
}
pre,
blockquote {
	padding: 15px;
	background-color: rgba(51,51,51,.05);
}
blockquote {
	font-style: italic;
}
html,body {
	margin:0;
	padding:0;
	width:%100;
	height:%100;
}
html {
	background:url('images/bg_texture.jpg');
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
table {
	border: 1px solid #603029;
	vertical-align: top;
	font-size: 16px;
	border-spacing: 0px; 
}
th {
	font-weight: normal;
	font-family: 'Cutive', serif;
	color: #fff;
	background-color: #A3604D;
	font-size: 18px;
}
td {
	border-top: 1px solid #603029;
	padding: 5px 15px 5px 15px;
	margin: 0px;
}

/* =Posts and Pages 
--------------------------------------------------------------*/
a.more-link {
	float: right;
}
.archives-title {
	font-family: 'Cutive', serif;
	font-size: 31px;
	color: #09F;
	text-shadow: 2px 2px 0 #D5CAAD;
	line-height:40px;
}

.content {
	float: left;
	clear: left;
	position: relative;
	width: 620px;
	margin: 20px 0px 20px 0px;
	padding: 0px 15px 0px 30px;
}
.entry {
	overflow: hidden;
	word-wrap: break-word;
	width: 100%; 
	clear: both;
}
small {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 5px;
	color: #666;
}
hr,
hr.divider {
	width:658px;
	height: 36px;
	background:url(images/separator.png) no-repeat;
	border:none;
	margin-bottom: 25px;
}
.navigation {
	clear: both;
	width: 97%;
	display: inline-block;
	padding: 0px 15px 15px 15px;
}
.navigation .alignleft,
.navigation .alignright {
	width: 50%;
}
.navigation .alignright {
	text-align: right;
}
.page-template-page-nosidebar-php .content {
	width: auto;
}
.page_title {
	font-family: 'Cutive', serif;
	font-size: 25px;
	padding: 0px;
	margin: 0px 0px -5px 0px;
	line-height: normal;
	position: relative;
	font-weight: normal;
	word-wrap: break-word;
}
.page_title,
.page_title a:link,
.page_title a:visited,
.page_title a:hover,
.page_title a:active {
	color: #DD6E0F;
	margin: 0px 0px -5px 0px;
	font-weight: normal;
	text-shadow: 2px 2px 0 #D5CAAD;
}
.page .page_title {
	margin-bottom: 5px;
}
.post {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.postmetadata {
	font-size: 14px;
	color: #666;
}
.postdate {
	position: absolute;
	width: 50px;
	height: 40px;
	padding: 5px;
	font-size: 25px;
	margin-left: -75px;
	text-align: center;
	font-family: 'Oleo Script', cursive;
	text-shadow: 1px 1px 1px #fff;
}
.postdate a {
	display: block;
}
.postdate a:link,
.postdate a:visited {
	color:#CFB49E;
	font-weight: normal;
}
.postdate .post-day {
	font-size:45px;
}
.postdate .post-month {
	font-size:24px;
	text-transform:lowercase;
	margin:5px 0 2px 0;
}
.postdate .post-year {
	font-size:15px;
}

img.post-thumbnail, .attachment-post-thumbnail {
	float:left;
	margin:16px 10px 0 0;
	width:160px;
	height:120px;
}

.sticky {
	
}
.wrapper {
	width: 1000px;
	position: relative;
	padding: 0px;
	margin: 0px auto 0px auto;
	background:url(images/content-middle.png);
}
.ct, .cc, .cb {
	width:1000px;
	margin:0 auto;
	min-height:30px;
}
.ct {
	background:url(images/content-top.png) bottom no-repeat;
}
.cc {
	background:url(images/content-middle.png) repeat-y;
}
.cb {
	background:url(images/content-bottom.png);
}

/* End Posts and Pages */


/* =Alignment 
--------------------------------------------------------------*/
.aligncenter {
	margin: 0px auto 0px auto;
	display:block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clear {
	clear: both;
	width: 100%;
}
/* End Alignment */


/* =Header 
--------------------------------------------------------------*/
.header {
	position:static;
	width:1200px;
	margin: 0 auto;
	background:url(images/content-middle.png) top center repeat-y;
}
.header .logo {
	width:930px;
	margin:0 auto;
}
.header .no-logo {
	width:930px;
	margin:0 auto;
	padding-top:10px;
	min-height:50px;
	font-size:38px;
	font-weight:bold;
}

.ad-468x60-header {
	position:absolute;
	top:10px;
	right:485px;
}
.navigation-menu {
	position:relative;
	width:1200px;
	height:100px;
	background:url(images/main-menu.png);
}
.rib-l, .rib-r {
	position:absolute;
	top:0;
	width:165px;
	height:94px;
	background:url(images/main-menu.png);
}
.rib-l {
	left:-60px;
}
.rib-r {
	right:-60px;
	background-position:right;
}

.social {
	position:absolute;
	right:124px;
	bottom:-2px;
}
.social a {
	background-image:url(images/menu-social-icons.png);
	width:22px;
	height:22px;
	display:inline-block;
	text-indent:-9999px;
}
.social a.search { background-position:-172px 0; }
.social a.rss { background-position:-193px 0; }
.social a.t { background-position:-215px 0; }
.social a.f { background-position:-237px 0; }
.social a.m { background-position:-259px 0; }

.social .search-form {
	display:none;
	float:left;
	background-image:url(images/menu-social-icons.png);
	background-position:-73px 0;
	padding:2px 5px 0 4px;
}
.social .search-form #s {
	width:90px;
	border:none;
	background:none;
	font-size:11px;
}
.social .search-form #submit,
.social .search-form label {
	display:none;
}

/* End Header */


/* =Drop-down Menu
--------------------------------------------------------------*/
.header .menu ul,
.header .menu ul li,
.header .menu ul ul,
.header ul.menu,
.header ul.menu li,
.header ul.menu ul {
 	list-style: none;
 	margin: 0px;
 	padding: 0px;
}
.header .menu {
	position:inherit;
	top:28px;
	left:105px;
	font-family: 'Oleo Script', cursive;
	font-size: 18px;
	width:950px;
}
.header .menu ul,
.header ul.menu {
 	position: relative;
 	z-index: 597;
}
.header .menu ul li,
.header ul.menu li {
	position: relative;
	float: left;
 	line-height: 1.3em;
 	vertical-align: middle;
 	zoom: 1;
 	padding: 7px 15px 7px 15px;
}
.header .menu ul ul.children li,
.header ul.menu ul.sub-menu li {
 	float: left;
 	line-height: 1.3em;
 	vertical-align: middle;
 	zoom: 1;
 	width: 170px;
 	text-align: left;
 	margin: 0px 0px 0px -1px;
 	padding: 7px 7px 7px 15px;
 	font-weight: normal;
 	box-shadow: -1px 1px 7px 0px #603029;
	background:url(images/main-menu.png) -100px -17px;
}
.header .menu ul li a:link,
.header .menu ul li a:visited,
.header .header .menu ul ul.sub-menu li a:link,
.header .menu ul ul.sub-menu li a:visited,
.header ul.menu li a:link,
.header ul.menu li a:visited,
.header ul.menu ul.sub-menu li a:link,
.header ul.menu ul.sub-menu li a:visited {
	color: #0C333D;
	font-weight: normal;
	display:block;
}
.header .menu ul li a:hover,
.header .menu ul li a:active,
.header .menu ul ul.sub-menu li a:hover,
.header .menu ul ul.sub-menu li a:active,
.header ul.menu li a:hover,
.header ul.menu li a:active,
.header ul.menu ul.sub-menu li a:hover,
.header ul.menu ul.sub-menu li a:active {
	color:#fff;
}
.header .menu ul li.hover,
.header .menu ul li:hover,
.header ul.menu li.hover,
.header ul.menu li:hover {
	z-index: 599;
	cursor: default;
}
.header .menu ul ul,
.header ul.menu ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	margin: 0px;
}
.header .menu ul ul li,
.header ul.menu ul li {
	float: none;
}
.header .menu ul ul ul,
.header ul.menu ul ul {
	top: -1px;
	left: 100%;
}
.header .menu ul li:hover > ul,
.header ul.menu li:hover > ul {
	visibility: visible;
}
.header .menu ul li.current-menu-item,
.header ul.menu li.current-menu-item,
.header .menu ul li.current_page_item,
.header ul.menu li.current_page_item {
	background: rgba(54, 25, 25, .1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* End Drop-down Menu */


/* =Sidebar 
--------------------------------------------------------------*/
li.widget ul li {
	list-style: disc;
	list-style-position:inside;
}
li.widget ul li a:link,
li.widget ul li a:visited,
li.widget ul li a:hover,
li.widget ul li a:active {
	font-weight: normal;
}
.sidebar .widget {
	margin-bottom: 20px;
	display: block;
}
.sidebar .widget * {
	
}

.sidebar h2.widgettitle,
.sidebar h2.widgettitle a:link,
.sidebar h2.widgettitle a:visited {
	font-family: 'Oleo Script', cursive;
	padding: 0 20px 0 20px;
	margin: 8px 0px 8px 0px;
	color:#FFF;
	font-size: 21px;
	line-height: 52px;
	width:260px; /*300x50*/
	height:50px;
	display:block;
	overflow:hidden;
	text-shadow: 1px 1px 0 #666;
}

ul.sidebar h2.green { background:url(images/widget-green.png); }
ul.sidebar h2.light-blue { background:url(images/widget-light-blue.png); }
ul.sidebar h2.pink { background:url(images/widget-pink.png); }
ul.sidebar h2.blue { background:url(images/widget-blue.png); }
ul.sidebar h2.orange { background:url(images/widget-orange.png); }

ul.sidebar {
	float: right;
	width: 300px;
	margin: 0;
	list-style: none;
	display: block;
	padding: 15px 30px 0px 0px;
	font-size: 14px;
	line-height: 18px;
}
ul.sidebar ul {
	padding-left: 15px;
}

/* End Sidebar */

/* =Widgets 
--------------------------------------------------------------*/

/* ad widget*/
ul.ad-widget li {
	list-style:none !important;
	float:left;
	margin:0 10px 5px 0;
}

/* recent posts widget */
.retro-recent li.item {
	list-style:none;
	position:relative;
	display:block;
	margin-bottom:15px;
}
.retro-recent li.item .thumb {
	float:left;
	margin-right:10px;
}
.retro-recent li.item .thumb .avatar {
	margin:0;
}
.retro-recent li.item .post-title b {
	font-family: 'Cutive',serif;
	font-size:13px;
	color:#DD6E0F;
	border-bottom:#DD6E0F dotted 1px;
}
.retro-recent li.item .date {
	font-size:10px;
	color:#999;
}
.retro-recent li.item .excerpt {
	font-size:11px;
}
.retro-recent li.item .comment-count {
	position:absolute;
	display:block;
	background:url(images/main-menu.png) -200px -50px;
	color:#333;
	top:-18px;
	left:-10px;
	text-align: center;
	font-family: 'Oleo Script', cursive;
	text-shadow: 1px 1px 1px #fff;
	border-radius: 5px;
	padding:0 5px 0 5px;
}
.retro-recent li.item .more {
	font-size:12px;
	font-weight:bold;
	float:right;
}

/* End Widgets */

/* =Footer 
--------------------------------------------------------------*/
.colophon {
	font-size: 13px;
	width: 900px;
	text-align: center;
	clear: both;
	position: relative;
	padding: 5px;
	margin: 0 auto;
}
.colophon a:link,
.colophon a:visited,
.colophon a:hover,
.colophon a:active {
	color: #333;
	font-weight: normal;
}
.footer {
	position: relative;
	width: 100%;
	clear: both;
	display: inline-block;
	color: #6d4238;
	font-size: 14px;
}
.footer-col {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.footer-sidebars {
	padding:0 30px 0 30px;
}

.footer h2.widgettitle,
.footer h2.widgettitle a:link,
.footer h2.widgettitle a:visited {
	font-family: 'Cutive', serif;
	text-shadow: 2px 2px 0 #D5CAAD;
	line-height: normal;
	font-weight: normal;
	color: #6d4238;
	font-size: 28px;
 	border-bottom: 1px solid #6d4238;
 	padding: 15px 0px 5px 0px;
 	margin: 0px 0px 5px 0px;
}
.footer .widget {
	margin: 0px 0px 15px 0px;
	width: 100%;
	display: block;
}
.footer .widget * {
	max-width:300px;
	height:auto;
}

ul.footer-sidebar {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	width: 30%;
	float: left;
}
.footer .quote {
	font-family: 'Oleo Script', cursive;
	font-size:27px;
	color:#DD6E0F;
	line-height:41px;
	text-shadow: 1px 1px 0 #999;
	margin:0 30px 0 30px;
}
/* End Footer */

/* =Calendar 
--------------------------------------------------------------*/
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font-family: 'Cutive', serif;
	font-size: 18px;
	color: #603029;
	margin-bottom: 5px;
}
#wp-calendar td {
	border: 0px none;
	text-align: center;
	padding: 2px;
	font-size: 14px;
}
#wp-calendar th {
	text-align: center;
	padding: 2px;
	background-color: #603029;
	color: #fff;
}
#prev {
	text-align: left;
}
#next {
	text-align: right;
}
/* End Calendar */


/* =Images 
--------------------------------------------------------------*/
.entry img {
	max-width: 630px;
	height:auto;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}	
a img {
	border: none 0px;
}
/* End Images */


/* =Captions 
--------------------------------------------------------------*/
dd.wp-caption-text {
	font-size: 11px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #fff;
	padding-top: 4px;
	margin: 10px;
	border-radius: 3px;
	max-width: 640px;
}
.wp-caption.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	max-width: 620px;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color: #333;
}
/* End Captions */


/* =Gallery 
--------------------------------------------------------------*/
#gallery {
	margin: auto;
	clear: both;
	position: relative;
}			
#gallery img {
	border: 2px solid #A3604D;
}
#gallery .gallery-caption {
	margin-left: 0;
}
.attachment-thumbnail {
	border: solid 3px #A3604D;
}
/* End Gallery */


/* =Comments 
--------------------------------------------------------------*/
.alt,
tr.alternate {
	background-color: rgba(51,51,51,.05);
}
.avatar {
	float: right;
	margin: 0px 0px 10px 10px;
	border-radius: 5px;
}
.bypostauthor {
	background-color: #efecd9;
}
cite.fn a {
	font-style: normal;
}
#commentform .form-allowed-tags {
	color: #666;
	font-size:11px;
}
.commentmetadata,
.commentmetadata a:link,
.commentmetadata a:visited,
.commentmetadata a:hover,
.commentmetadata a:active {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 5px;
	color: #666;
	font-weight: normal;
}
h3#comments {
	font-family: 'Cutive', serif;
	font-size: 21px;
	color: #09F;
	text-shadow: 2px 2px 0 #D5CAAD;
}
ol.commentlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist ul.children {
	list-style: none;
}
li.comment,
li.trackback,
li.pingback {
	padding: 10px;
}
.says {
	font-style: italic;
}
.comment-reply-link {
	font-size:11px;
}

/*  =Comment Form
------------------------ */

#respond {
	margin: 0 auto 1.625em;
	padding: 22px 20px 50px 20px;
	position: relative;
	width: 92%;
	background-color: #f9f9f9;
	border: solid #e0e0e0 1px;	
	
}

#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
	border-color:#55C0CD;
}

#respond textarea {
	resize: vertical;
	width: 95%;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 430px;
	position: absolute;
	top: 1px;
	z-index: 1;
}

#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}

#respond p {
	margin: 10px 0;
}

#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}

#respond input#submit {
	background: #55C0CD;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	font-weight:bold;
	margin: 20px 0;
	padding: 5px 30px 5px 22px;
	position: relative;
	left: 1px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}

#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}

.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}

#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
}

#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}

#respond label {
	line-height: 2.2em;
}

#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}

#respond p {
	font-size: 12px;
}

p.comment-form-comment {
	margin: 0;
}

/* End Comments */

/* tipsy tooltip */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('images/tip.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  
/*scroll-to-top*/
.scroll-to-top {
	background: url("images/upppp.png") no-repeat scroll 0 0 transparent;
	bottom: 5%;
	right: 10%;
	cursor: pointer;
	display: none;
	width: 32px;
	height: 32px;
	opacity: .8;
	position: fixed;
	right: 15px;
	z-index: 999;
	text-indent:9999px;
}
.scroll-to-top:hover {
	opacity: .9;	
}
	.commentlist li .commentnumber {
	float:right;
	color:#999999;
	font-size:3em;
	margin:0;
	padding:0 .5em .5em 0;
	clear:right;
	}
	 
	.commentlist li li .commentnumber {
	font-size:1.7em;
	}
	 
	.commentlist li li li .commentnumber {
	font-size:1.3 em;
	}