/*
Theme Name: Ribbons WordPress Theme
Theme URI: http://wpexplorer.com
Description: A decent WordPress theme by AJ Clarke from WPExplorer.com
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.0
License: GPL
*/


/************************************************************************************
RESET
*************************************************************************************/
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after, 
q:before, 
q:after{content:""}
blockquote, 
q{quotes:""""}
.clear{clear:both}


/************************************************************************************
WordPress Elements
*************************************************************************************/
.aligncenter{display:block; margin:0 auto}
.alignright{float:right; margin:10px 0 10px 10px}
.alignleft{float:left; margin:10px 10px 10px 0}
.floatleft{float:left}
.floatright{float:right}
img.aligncenter, img.alignright, img.alignleft{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding:4px}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}


/************************************************************************************
Body
*************************************************************************************/
body{ font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:1.5em; color:#707070; background-color: #EEE; background-image: url(images/grid1.png); background-repeat: repeat; margin: 30px 0; padding: 0}


/************************************************************************************
Colors - Change Main Colors Here
*************************************************************************************/
h2.entry-title a:hover{color:#666}
.pagination a:hover{background:#1F1F1F}
.pagination .current{background:#1F1F1F}



/************************************************************************************
Elements
*************************************************************************************/
a{text-decoration:none; color:#06F}
a:hover{text-decoration:underline}
p{margin:0 0 1em}
strong{font-weight:700; color:#333}
em{font-style:italic}

small{font-size:12px; color:#666}
table{border:1px solid #D8D8D8; border-collapse:collapse}
table th{font-family:Georgia,"Times New Roman",Times,serif; padding:5px 14px; background:#f1f2f4; border-right:1px solid #B9B9B9; font-weight:700; color:#3A3A3A}
table td{border:1px solid #B9B9B9; padding:5px 14px}

blockquote{padding:10px 15px 0 10px; font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; font-size: 14px; margin:20px 0; border-top:2px solid #666; border-bottom:2px solid #666}
hr{display:block; position:relative; padding:0; margin:10px auto; width:100%; clear:both; border:none; border-top:4px solid #D4D4D4; font-size:1px; line-height:0; overflow:visible}


/************************************************************************************
Headings
*************************************************************************************/
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', arial, serif; color:#111; font-weight:normal; line-height:130%; text-transform: capitalize}
h1{font-size:21px; margin:0 0 20px; padding:0}
h2{font-size:18px; margin:30px 0 10px 0}
h3{font-size:21px; margin:2em 0em 0.63em 0em}
h4{font-size:18px}
h2.entry-title{margin:0 !important}
h2.entry-title a{color:#111; font-weight:100; margin:0}
h2.entry-title a:hover{text-decoration:none}
h1#archive-title{margin:0 0 20px 0; text-transform:capitalize}
.full-width h1{padding:0}
#title-wrap{margin:0 0 30px 0; border-bottom: 1px solid #CCC}
#title-wrap p{padding: 0 0 10px}
#latest-from-blog{margin: 0 0 30px 0; padding: 0 0 20px; border-bottom: 1px solid #CCC; font-size:24px}


/************************************************************************************
Wrap
*************************************************************************************/
#wrap{width:980px; margin:0 auto; background:#FFF; padding-top:30px}
#main{float:left; width:610px; padding:0 20px 20px 20px}
#full-width{margin:0 -330px 0 0}


/************************************************************************************
Header
*************************************************************************************/
#header{background:#FFF; margin:0 auto; width:940px; padding:20px; position:relative}
#header-logo{float:left; width:420px}
#header-logo h1, 
#header-logo h2{ font-size:2.43em; font-weight:700; margin:0}
#header-logo a{color:#2C2C2C}
#header-logo h2 a:hover, #header-logo h1 a:hover{text-decoration:none; color: #666}
p.header-description{text-transform:capitalize; font-size:0.86em; margin:0}
#header-ad{float:right;}


/************************************************************************************
Menu
*************************************************************************************/
#primary-nav{width:980px; min-height: 45px; margin:0 auto; position:relative; z-index:99;padding:4px 0; background: #1F1F1F url(images/nav.png) no-repeat}
#primary-nav a{color:#FFF; margin:1px}
#primary-nav a:hover{background:#000; border: 1px solid #333; margin:0;}
#primary-nav ul{width:960px;list-style:none; margin:0; padding:0; border-top: 1px dashed #555; border-bottom: 1px dashed #555; padding: 10px}
#primary-nav li ul{border: none}

.sf-menu{float:left}
.sf-menu li{cursor:pointer}
.sf-menu a{display:block; line-height:25px; padding:0 20px; color:#FFF; font-weight:700;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.sf-menu a:hover{text-decoration: none !important}
.sf-menu li.sfHover a{outline:0}

.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu ul {z-index:9999; position:absolute; left:-999em; width:220px !important; height:auto}
.sf-menu li ul{background: #111; border: none; padding: 5px}
.sf-menu li ul a{padding: 0 10px}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:40px; z-index:99}
.sf-menu li:hover li ul, 
.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li li:hover ul, 
.sf-menu li li.sfHover ul{left:15em; top:0}
.sf-menu li li:hover li ul, 
.sf-menu li li.sfHover li ul{top:-999em}
.sf-menu li li li:hover ul, 
.sf-menu li li li.sfHover ul{left:15em; top:0}


/************************************************************************************
Social
*************************************************************************************/
#social-feeds{z-index:9999;position:absolute; bottom:-42px; right:20px}
#social-feeds ul{list-style:none}
#social-feeds ul li{float:left}
.twitter, .facebook, .feed {display:block; height:25px; width:25px; padding:0; margin-left:7px; text-indent: -99999px; background:url(images/social-icons.png) no-repeat}

.twitter{background-position: 0 0}
.facebook{background-position: -25px 0}
.feed{background-position: -50px 0}
.twitter:hover{background-position: 0 -25px}
.facebook:hover{background-position: -25px -25px}
.feed:hover{background-position: -50px -25px}
 
 
/************************************************************************************
Sidebar
*************************************************************************************/
#sidebar{float:right; width:280px; margin-right:20px; margin-bottom: 10px}
#sidebar h4{position:relative; font-size: 18px; margin:0 -40px 20px 0; color: #FFF; text-shadow:1px 1px 1px #000; padding:5px 10px; background: #1F1F1F;}
#sidebar h4:after{content:" ";background:url(images/ribbon.png) no-repeat;background-position: -41px 0;display:block;width:21px;height:21px;position:absolute;bottom:-10px;right:0;margin-bottom:-10px;z-index:-1}
#sidebar ul{padding:10px;background:#EEE;list-style:none; margin: 0 0 0 10px}
#sidebar .textwidget{padding:10px;background:#EEE;margin: 0 0 0 10px}
#sidebar li{margin:7px 0}
.sidebar-box{margin-bottom:20px}


/************************************************************************************
Thumbnail
*************************************************************************************/
.thumbnail-wrap{float:left; margin-right:20px; margin-bottom: 10px; margin-top: 5px; -moz-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);-webkit-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);box-shadow:0 14px 10px -12px rgba(0,0,0,0.7)}
.thumbnail{border:5px solid #E6E6E6}
.thumbnail-wrap a:hover .thumbnail{border:5px solid #B7B7B7}

/************************************************************************************
Post Entry & Single Posts
*************************************************************************************/
.post-entry{float:left; width:600px; margin:0 0 20px 0; padding:0 0 20px 0; color:#707070}
.post{float:left; width:600px; margin:0 0 20px 0; color:#707070}
.post ul, .post ol{ margin: 10px 50px; }
.read-more{font-size:11px}
.byline{display:inline-block; font-size:11px; margin:0 0 10px; padding: 3px 0; border-bottom: 1px dotted #CCC}
.post-meta{margin:30px 0; font-size:11px}
.post-meta span{background:#EDEDED; padding:5px 8px; color:#999; text-shadow:1px 1px 1px #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}

#top-post-hook{margin-bottom:20px}
#bottom-post-hook{margin:10px 0}


/************************************************************************************
Breadcrumbs
*************************************************************************************/
.breadcrumbs{list-style:none; padding:0 0 10px 0!important; font-size:11px; margin: 0 0 20px !important; border-bottom: 1px solid #EEE}
.breadcrumbs li{display:inline}


/************************************************************************************
Single Post Author
*************************************************************************************/
#post-author{padding:15px 0; margin:20px 0 0; border-top:1px solid #EEE}
#author-details{float:right; width:520px}
#author-avatar img.avatar{float:left; border:none; padding:0}


/************************************************************************************
Author Pages
*************************************************************************************/
#author-page-wrap{margin:0 0 20px 0; border-bottom:1px solid #E8E8E8}
#author-page-avatar{float:left; height:96px; margin:0 20px 0 0; border:1px solid #999}


/************************************************************************************
Related Posts
*************************************************************************************/
#related-posts h3{ position:relative; font-size: 18px; margin:0 0 40px -40px; color: #FFF; text-shadow:1px 1px 1px #000; padding:8px 40px; background: #1F1F1F;}
#related-posts h3:after{content:" ";background:url(images/ribbon.png) no-repeat;background-position: 0 0;display:block;width:21px;height:21px;position:absolute;bottom:-11px;left:-1px;margin-bottom:-10px;z-index:-1;}
#related-posts{padding-top:15px;font-size:13px}
#related-posts .related-posts-thumbnail-wrap{width:86px; height:76px; float:left; margin:0 15px 0 0; padding:1px !important; border:1px solid #DADADA; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px}
#related-posts ul{list-style:none; margin:0 0 -20px}
#related-posts ul li{margin:0 0 20px 0; min-height:80px}
#related-posts ul li img{border:3px solid #E6E6E6}
#related-posts h4{font-size:16px}
#related-posts h4 a{color:#111}
#related-posts h4 a:hover{color:#999; text-decoration:none}


/************************************************************************************
Comments
*************************************************************************************/
#commentsbox{clear:both;padding-top:20px}

#comments, #reply{ position:relative; font-size: 18px; margin:0 0 20px -40px; color: #FFF; text-shadow:1px 1px 1px #000; padding:8px 40px; background: #1F1F1F;}
#comments:after, #reply:after{content:" ";background:url(images/ribbon.png);display:block;width:21px;height:21px;position:absolute;bottom:-11px;left:-1px;margin-bottom:-10px;z-index:-1;}
#commentsbox li #reply{margin:10px 0 0; background: none; padding: 0; color: #000; text-shadow: none; -moz-box-shadow: none;-webkit-box-shadow: none);-o-box-shadow: none;box-shadow: none}

.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}
.commentlist li{margin:10px 0; line-height:18px; padding:10px}
.commentlist li li{padding: 0 !important }
.commentlist li li .comment-body{ background: #F5F5F5; padding: 10px; border: 1px solid #CCC}
.comment-author a:link, 
.comment-author a:visited{font-weight:bold}
.comment-author .fn{}
cite.fn{color:#000;font-weight:700;font-size:12px}
.comment-author .avatar{float:left; margin:0 10px 0 0;-moz-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);-webkit-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);box-shadow:0 14px 10px -12px rgba(0,0,0,0.7)}
.comment-meta{font-size:11px}
.comment-meta .commentmetadata{color:#000}
.comment-meta a{color:#666; text-decoration:none !important}
ol.commentlist li p{line-height:22px; margin:5px 0 0}
.reply{margin-top:5px; font-size:11px; font-style: italic}
.children{list-style:none; margin:1em 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 50px}
.children li.depth-3{margin:0 0 0px 50px}
.children li.depth-4{margin:0 0 0px 50px}
.children li.depth-5{margin:0 0 0px 50px}
.comment-nav{padding:5px; height:20px}
.comment-nav a:link, .comment-nav a:visited{}
.cancel-comment-reply a{color:#F00; font-weight:700}
#respond{margin:20px 0px}
#commentform{}
#commentform p{padding:10px 0}
#respond label{display:block; padding:5px 0}
#respond label small{font-size:10px}
#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}
#commentform input{width:50%}
#respond input#commentSubmit{padding:5px 0; width:100px; background:#1F1F1F; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC}
#commentSubmit:hover{background:#333 !important}
#commentSubmit:active{background:#7F7F7F !important}
textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}
#comments-closed{padding:10px 0}


/************************************************************************************
Pagination
*************************************************************************************/
.pagination{clear:both; margin: 0 20px; position:relative; font-size:11px; line-height:13px}
.pagination span, 
.pagination a{display:block; float:left; margin:2px 5px 20px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE}
.pagination a:hover{color:#FFF}
.pagination .current{padding:6px 9px 5px 9px; color:#FFF}


/************************************************************************************
Copyright
*************************************************************************************/
#copyright{position:relative; margin: 0 auto; width: 940px; background: #CACACA; padding:10px 20px; color:#575757; font-size:11px; text-shadow:1px 1px 1px #FFF}
#copyright p{margin:0}
#copyright a{color:#575757}
#copyright a:hover{color:#000; text-decoration:none}
#back-to-top{position:absolute; right:20px; top:10px}


/************************************************************************************
Search
*************************************************************************************/
#search-wrap{position:relative}
#search{width:170px; height:30px; border:1px solid #CCC; padding:0 5px; line-height:30px; color:#999; text-shadow:none !important}
#searchbar{width:160px}
#search:focus{color:#333}
#searchsubmit{width:75px; height:31px; line-height:31px; position:absolute; top:0; right:0; display:block; background:#2C2C2C; border:0; color:#FFF; cursor:pointer}
#searchsubmit:hover{background:#6A6A6A}



/************************************************************************************
Image Slider
*************************************************************************************/
#slider{height:270px; padding:20px 20px 0 20px; width:940px; margin: 0 auto; background:#FFF;position:relative}
.slide{background:#FFF; width:940px; position:relative; font-size: 14px}
.slide h2{margin: 0 0 20px; font-size: 30px}

.slide-content{float:left; width:580px}
.slide-image{float:right}
.slide-image img{-moz-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);-webkit-box-shadow:0 14px 10px -12px rgba(0,0,0,0.7);box-shadow:0 14px 10px -12px rgba(0,0,0,0.7); border:5px solid #EEE}

#slider-nav{ position:relative; height:18px; font-size: 18px; margin:30px -20px 20px -30px; text-shadow:1px 1px 1px #000; padding:8px 40px; background: #1F1F1F; line-height:15px; font-size:12px;text-align: left}
#slider-nav:after{content:" ";background:url(images/ribbon.png) no-repeat;background-position: -21px 0;display:block;width:21px;height:21px;position:absolute;top:-21px;left:-1px;margin-bottom:-10px;z-index:-1}

#prev, #next{color: #FFF}
#prev{display:inline-block; height:19px; line-height: 19px; background: url(images/arrow-left.png) left no-repeat; padding-left:25px}
#next{display:inline-block; height:19px; line-height: 19px; background: url(images/arrow-right.png) right no-repeat; padding-right:25px}

.slider-read-more{display:block; height:30px; line-height: 30px; width:100px; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #000; background: url(images/read-more-button.png) repeat-x; text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.slider-read-more:hover{background: url(images/read-more-button-hover.png) repeat-x;text-decoration: none}