/*  
Theme Name: Beautiful Struggler
Theme URI: 
Description: Customized Magazine Style Theme
Version: 1.0.12
Author: Lidia-Anain
Author URI: http://lidia-anain.com/
*/

/*========= SETUP =========*/
*{border:0;margin:0;padding:0;}
body {color:#332926;font-family:Georgia, serif;font-size:14px;line-height:24px;}
a {color:#fff;text-decoration:none;}
a:hover{text-decoration:underline;}
input,select,textarea{border:#dddddd 1px solid;font-size:12px;padding:5px;}
select{padding:0;}
li{list-style:none;}
h1, h2, h3, h4, h5 {font-family:Helvetica, Arial, sans-serif;}
/*========= LAYOUT =========*/
#page-outer {border:4px solid #fff;width:940px;margin:0 auto;}
#page {background-color:#332926;}
/*--- Main Columns ---*/
#columns {background-color:#332926;margin:0px;}
.col1 {float:left;width:640px;}
.col2 {float:right;width:280px;}
.full-width {width:940px;}
.full-width .post-outer {margin-bottom:0;}
/*--- Sub Columns ---*/
.subcol{width:150px;}
.subcol h2{font-size:14px;padding:0 0 10px;color:#fff;}
/*========= HEADER =========*/
/*- Page Navigation -*/
#nav{height:30px;padding:5px 10px;margin:0;width:920px;}
#nav-left {float:left;display:inline;width:600px;}
#nav-right {float:right;display:inline;width:320px;margin:0px !important;padding:0px !important;}
/*- Dropdowns-*/
#nav1, #nav1 ul{padding:0;float:left;list-style:none;}
#nav1 {padding:0;font-size:13px;float:left;}
#nav1 a {display:block;padding-left:15px;padding-right:15px;font-weight:normal;}
#nav1 li {float:left;line-height:30px;font-weight:bold;font-size:14px;text-transform:uppercase;font-family:Georgia, serif;}
#nav1 li a:hover {background:none;text-decoration:none;color:#fff;}
#nav1 li ul {position:absolute;width:15em;left:-999em;padding-top:1px;}
#nav1 li:hover ul, #nav1 li.sfhover ul {left:auto;}
#nav1 li ul li {background:#fff;border-bottom:1px solid #dedbd1;border-left:1px solid #dedbd1;border-right:1px solid #dedbd1;line-height:14px;padding:8px 0;width:15em;}
#nav1 li:hover, #nav1 li.hover {position:static;}
#nav1 li ul ul {margin: -15px 0 0 15em;border-top:1px solid #dedbd1;}
#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {left:-999em;}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {left:auto;}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {left:-999em;}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {left:auto;} 
/*- Header -*/
#header{float:left;background-color:#332926;margin:0 0;padding:10px 0px;width:940px;}
/*- Logo -*/
#header h1{float:left;display:inline;font-size:24px;}
#header h1 a{display:block;width:940px;color:#FFF;font-size:28px;}
/*========= FEATURED SLIDER (FRONT-PAGE) =========*/
#featured-outer {margin-bottom:25px;overflow:visible;}
#featured-inner {padding:26px 30px 5px;float:none;overflow:visible;}
#wooslider{padding:0;margin:1px;font-family:Helvetica, Arial, sans-serif;}
#wooslider h2 {margin-bottom:30px;font-size:24px;text-transform:uppercase;color:#fff;}
#wooslider h3 {color:#fff;}
.wooslider .slider-container .slide-content {padding:20px 20px 0 20px;}
.wooslider .slider-container .slide-content h3 {font-size:24px;text-transform:uppercase;}
.slider-nav .slider-left, .slider-nav .slider-right {margin-top:40px;height:170px!important;width:40px!important;}
.slider-pag {float:right!important;position:relative;}
.slider-pag span {float:left;display:block;background:red;height:30px!important;width:20px!important;margin:0!important;background:url(images/dot.gif) center center no-repeat!important;}
.slider-pag .thumbnail {display:block;border:1px solid #fff;padding:5px;background:#fff;position:absolute;top:-45px!important;left:-90px!important;z-index:999;}
.shelf-title {padding:0px 10px;}
/*========= BLOG POST STYLING =========*/
.post h2{font-size:18px;}
.post h3{font-size:14px;}
.post p{padding:0 0 25px;line-height:20px;}
#breadcrumb p {font-family:helvetica,arial,sans-serif;font-size:11px;text-transform:uppercase;}
.post .thumbnail {margin-bottom:20px;border:1px solid #fff;padding:3px;}
/*- Box -*/
.box {clear:both;height:1%;padding:0;margin:0;}
.box .post {width:304px;}
.box .post-inner {margin:1px;padding:28px;}
.box .post h2{font-size:21px;letter-spacing:-1px;line-height:24px;margin-bottom:20px;text-transform:uppercase;}
.box .post img{border:1px solid #fff;margin:0 0 15px 0;padding:4px;}
.box .post .category-head {color:#fff;margin-bottom: 10px !important;padding: 0 !important;}
.date {color:#FFF;font-family: helvetica, arial, sans-serif;font-size:10px;text-transform:uppercase;}
/*=== Traditional Blog Post ===*/
.post-outer {float:left;margin-bottom:20px;}
.post-outer .post-alt {width:570px;} 
.post-outer.fl .post-alt, .post-outer.fr .post-alt {width:240px!important;} 
.post-outer.fl .gallery img, .post-outer.fr .gallery img {height:60px;width:60px;}
.gallery { margin-bottom:20px!important}
.post-alt{float:left;margin:1px;padding:30px;overflow:hidden;}
.full-width .post-outer {width:934px;}
.full-width .post-alt{width:870px;}
.post-alt category-head {margin-bottom:20px;padding:0 !important;}
.post-alt h1, .post-alt h2, .post-alt h3, .post-alt h4, .post-alt h5 {margin-bottom:20px !important;}
.post-alt h1 {font-size:38px;text-transform:uppercase;}
.post-alt h2 {font-size:30px;line-height:36px;text-transform:uppercase;}
.post-alt h3 {font-size:20px;}
.post-alt h4 {font-size:16px;}
.post-alt h5 {font-size:13px;}
.post-alt h6 {font-size:11px;}
.post-alt p{padding:0 0 15px;}
.post-alt p.post_date{color:#332926;font-size:11px;font-weight:normal;padding:5px 0px 10px;}
.post-alt ul {margin-bottom:25px;}
.post-alt ul ul {margin:0 0 0 25px;}
.post-alt ul li {padding:5px 0;}
.post-alt .video {margin-bottom:30px !important;padding:0 !important;}
h3.posted a {color:#fff;font-size:11px;}
.box .post h3.posted {border-bottom:none;}
.author-outer {float:left;margin-bottom:20px;width:634px;}
.author-info {float:left;margin:1px;padding:30px;width:570px;}
.author-head {}
.author-head p {font-family: Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;margin-bottom:20px;margin-bottom:10px;padding:0;text-transform:uppercase;}
.author-head h3 {color:#1d1d1d;font-size:18px;margin:0;margin-bottom:20px;padding:0;text-transform:uppercase;}
.author-photo {background-color:#fff;float:left;margin:0 30px 0 0;}
.author-description {color:#898989;float:left;font-family:Helvetica, Arial, sans-serif;font-size:11px;margin:0;}
.author-photo img {background-color:#fff;border:1px solid #E3E3E3;float:left;padding:1px;}
/*=== Buttons ===*/
.more-link {padding-bottom:0 !important;}
a.more-link {background:url(images/ico-arrow.png) no-repeat right;font-family: Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;padding-right:20px;text-decoration:none;}
a.more-link:hover{text-decoration:underline;}
.comments {padding-bottom:0px !important;}
.comments a{background: url(images/ico-comm.gif) no-repeat left;color:#fff;font-size:11px;font-weight:normal;margin-left:5px;padding:0px 0px 0px 18px;}
a.more{background: url(images/ico-arrow2.gif) no-repeat right;color:#c0c0c0;font-size:1.2em;font-weight:bold;padding:0 20px 0 0;}
/*=== Traditional Blog Post ===*/
.post-navigation {background:transparent url("images/more-entries.jpg") left center no-repeat; float:left; width: 610px; padding: 5px 15px;height:26px; margin-bottom: 25px;}
.post-navigation a {color:#000000;font-size:11px;font-style:italic;line-height:16px;}
.alignleft{display:inline;float:left;margin-right:15px;}
.alignright{display:inline;float:right;margin:0 0 20px 20px;}
/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
img.wp-smiley  {border:none!important;padding:0!important;}
img.centered {display:block;margin-left:auto;margin-right:auto;}
    /* End Images */
/*========= ARCHIVE SPECIFIC =========*/
.archive-temp h3 {font-size:16px;text-transform:uppercase;}
#archivebox {margin-bottom:25px;padding:10px;}
/*========= SINGLE POST SPECIFIC =========*/
.singletags {margin-top:5px;}
.singletags a {color:#000000;font-weight:normal !important;text-decoration:underline;}
.entry p {}
.entry blockquote {font-family:Georgia, serif;font-size: 20px;font-style: italic;line-height:32px;margin:30px 0;}
.entry blockquote p {background:transparent url(images/blockquote_icon.gif) no-repeat top left;margin:30px;padding:0 0 0 60px;}
.entry img {background-color:#fff;border:1px solid #E7E7E7;padding:4px;}
.wp-caption img {margin-bottom:15px;}
p.wp-caption-text {color:#fff;font-size:1.2em;font-style:italic;margin:0px;padding:0 0 15px 0;text-align:center;}
.entry ul, .entry ol {font-size:12px;line-height:20px;margin-bottom:15px;}
.entry ul li ul, .entry ol li ol {margin-bottom:0px;padding-top:3px;}
.entry ul li {list-style:circle inside !important;margin-left:15px;padding:3px 0px;}
.entry ul li ul li {list-style:disc inside !important;}
.entry ol li {font-size:12px;list-style:decimal inside !important;padding:3px 0px;}
.entry ol li ol li {list-style:decimal-leading-zero inside !important;}
/*========= COMMENTS =========*/
#comments-outer {float:left;margin-bottom:25px;width:634px;}
#comments-container {float:left;position:relative;margin:1px;width:630px;}
.comment-head {font-family:helvetica, arial, sans-serif;padding:30px 30px 0 30px;text-transform:uppercase;}
.comment-head p {font-size:12px;font-weight:bold;margin-bottom:20px;}
.comment-head h3 {color:#fff;font-size:30px;margin:0;padding:0;}
ol.commentlist{float:left;font-size:12px;line-height:20px;list-style:none;margin:30px 0 20px;padding:0;width:630px;}
ol.commentlist .comment-body p {line-height:20px;margin:10px 0;padding-left:60px;}
ol.commentlist cite {font-family:Georgia, serif;font-style:normal;font-size:22px;}
.comment-author {margin-bottom:5px;}
ol.commentlist span.says {display:none;}
ol.commentlist li.comment {background: transparent url(images/comment-li-bg.gif) repeat-x bottom left;color:#fff;font-family:"Trebuchet MS", Arial, sans-serif;font-size:12px;padding:30px 0 33px 30px;position:relative;}
ol.commentlist li.alt {}
#comments {float:left;}
.comment-navigation {float:left;padding:0 30px;width:570px;}
/*========= THREADED COMMENTS =========*/
ol.commentlist .comment-meta {color: #fff;font-family:Helvetica, Arial, sans-serif;font-size:10px;font-style:normal;text-transform: uppercase;}
ol.commentlist .comment-meta a {color:#fff;}
ol.commentlist li .avatar {background-color:#fff;border:1px solid #fff;float:left;margin-right:20px;padding:1px;}
ol.commentlist li .even{}
.commentlist li ul  {padding:0;}
.commentlist li ul li {background-image: none!important;margin:0 0 0 15px;padding-bottom: 0!important;}
ol.commentlist li .reply a {background: transparent url(images/btn-reply.gif) center center no-repeat;display:block;font-size:10px;font-family: "Trebuchet MS", arial, sans-serif;float: right;height:22px;line-height:22px;margin:-85px 30px 0 0;padding:0 0 5px 0;padding:0 10px;width:37px;}
#cancel-comment-reply-link  {display:block;margin-top:-30px;}
#trackbacks {float:left;width:630px;}
h3#pings  {color:#fff;font-size:30px;margin:20px 0 20px 30px;padding:0;}
.pinglist  {margin:0 0 0 30px;}
.pinglist li  {list-style-type:decimal;margin:0 0 0 20px;}
.pinglist li .author {font-size:15px;font-weight:bold;}
.pinglist li .date {font-size:11px;}
.pinglist li .pingcontent  {display:block;margin:10px 0;}
#respond {background-color:transparent;float:left;padding:30px;position:relative;width:570px;z-index:999;}
.commentlist #respond  {padding:0;width:100%;}
#respond .comment-col-left {float:left;margin:0 20px 0 0;width:33%;}
.comment-col-left input {margin-bottom:10px;padding:5px;width:93%;}
.comment-col-left input#submit {cursor:pointer;font-style:italic;margin-top:20px;-moz-border-radius:10px;padding:10px 5px;width:100%;}
#respond .comment-col-right {float:left;width:62%;}
#respond textarea#comment {padding:10px;width:95%;}
#respond label {float:left;padding-bottom:5px;}
#respond p {line-height:20px;}
#respond .comment-head {padding:0 0 30px 0;}
#respond .comment-head p {margin-bottom:20px;}
/* PageNavi */
.more_entries {float:left;width:610px;height:26px; padding:5px 5px;line-height:26px;margin-bottom:25px;}
.more_entries .wp-pagenavi {clear:both;float:left;text-align:right;width:603px;}
.more_entries a {text-decoration:none !important;font-family:Helvetica, Arial, sans-serif;font-size:11px;padding:5px;}
.more_entries .wp-pagenavi a, .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited, .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi span.pages { color: #c5c5c5; border:1px solid #f0f0f0; background: #fff; }
.more_entries .wp-pagenavi .pages {float:left;margin:0;font-style:italic;font-family:Georgia,serif;font-size:12px !important;border:none !important;padding:0 !important;}
.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {background:#9f9f9f;}
.more_entries .wp-pagenavi .extend {background:none;border:none;}
/*========= SIDEBAR =========*/
/* Tabs */
#tabs {width:267px !important;height:auto !important;padding:4px;float:left;display: block;}
.inside {width:257px !important;padding:5px !important;padding:2px;}
ul.wooTabs {width:100%;padding:0 0 7px 0;}
ul.wooTabs li {float:left;display:inline;font-size:12px;color:#fff;font-weight:bold;font-size:11px;margin:0px 1px 0px 0px !important;cursor:pointer;}
ul.wooTabs li a {line-height:30px;color:#fff;font-family:'Trebuchet MS', Arial, Verdana, sans-serif;display:block;float:left;padding:0 10px;text-transform:uppercase;}
ul.wooTabs li a.selected, ul.wooTabs li a:hover {text-decoration:none;}
#tagcloud {padding:10px;}
.inside li {padding:10px;}
.inside li img.avatar, .inside li img.thumbnail {border:1px solid #ddd;padding:3px;background-color:#fff;float:left;margin:0 8px 0 0;}
/*- Ads -*/
#mpu_banner {width:300px;height:250px;margin-bottom:25px;}
#advert_125x125 {float:left;margin-bottom:25px;}
#advert_125x125 img {margin:7px;float:left;}
/*- Flickr -*/
#flickr .wrap {padding-top:15px;}
.flickr_badge_image img {float:left;margin:0 0 10px 10px;}
/*=== Styling Widget Lists ===*/
.widget_outer {margin-bottom:25px;}
.widget {margin:1px;}
.widget_tag_cloud div {padding:0 30px 30px 30px;}	
.widget h3 {color:#fff;padding:25px 20px 20px;font-size:24px;text-transform:uppercase;line-height:30px;}
.widget ul li {padding:10px 20px;margin:0px;font-size:11px;font-family:Tahoma, Arial, sans-serif;}
.widget_pages ul ul {border-top:none !important;padding-top:5px;}
.widget_pages ul ul li {background-image:none !important;border-bottom:none !important;padding:0;margin-left:20px;}
.widget_recent_entries a, .widget .blogroll a {display:block;}
.widget_recent_entries a:hover, .widget .blogroll a:hover {}
#recentcomments a  {background-image: none!important; }
.widget ul li a {color:#fff;padding-left:20px;display:block;}
.widget select {border:1px solid #fff;width:148px;margin:15px 0 0 0;}
.textwidget {padding:0 20px;}
.textwidget p {margin-bottom:20px;}
.widget_search {padding:10px 20px 20px 20px;}
.widget_search #s {width:150px;margin:0 5px 0 0;}
.widget_twitter a { display: inline!important; padding: 0!important; background-image: none!important; }
.footer-widget {margin-bottom:20px;}
.footer-widget li {padding-bottom:5px;}
.footer-widget_pages ul ul {margin-left:15px;padding-top:5px;}
.footer-widget .textwidget {padding:0;}
.rss-date .rssSummary {padding:0 20px;}
#calendar_wrap {padding:0 30px 20px;}
/*========= FOOTER =========*/
#footer {clear:both;margin:30px 0 0 0;padding:50px 30px 30px 30px;width:880px;}
#footer_logo {float:left;margin-right:25px;width:195px;}
#footer_1, #footer_2, #footer_3 {float:left;font-family:"Tahoma", Arial, sans-serif;font-size:11px;line-height:16px;margin-right:25px;width:195px;}
#footer .last {margin-right:0;}
#footer h3 {font-size:16px;margin-bottom:15px;}
#credits {font-size:10px;padding:30px 0;text-transform:uppercase;width:940px;}
#credits img {margin-left:5px;vertical-align:middle;}
/*========= MISC =========*/
.fix {clear:both;height:1px;margin:0 0 -1px;overflow:hidden;}
.hl {border-bottom:2px solid #fff;}
.hl-full {clear:both;float:left;height:1px;margin:0px 0px 15px;padding:0 !important;width:100%;}
.hl2 {border-bottom:3px solid #fff;}
.hl3 {border-bottom:1px solid #fff;}
.between {height:2px;margin-bottom:15px;}
.fl {float:left;}
.fr {float:right;}
.ac {text-align:center;}
.ar {text-align:right;}
.th {float:right;margin:0 0 5px 10px;padding:5px;}
table#wp-calendar {border-collapse:collapse;margin:0px;padding:0px;}
table#wp-calendar caption {font-weight:normal;font-size:11px;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase;}
table#wp-calendar th {font-size:0.91667em;line-height:1.72727em;text-align:center;width:26px;}
table#wp-calendar td {color:#fff;line-height:1.66667em;text-align:center;width:26px;}
table#wp-calendar td#next, table#wp-calendar td#prev {font-size:0.83333em;letter-spacing:1px;text-transform:uppercase;width:78px;}
.gravatar {border:1px solid #fff;float:left;margin-right:10px;}
.jdGallery a {cursor:pointer !important;}
#coffeeme {border:none;}
