/*







Theme Name: Major Media-2017







Theme URI: http://www.wpthemes.co.nz/major-media-theme/











*/















/******************************************************************/







@import url(library/css/default.css);











body {



    font-family:Verdana, Geneva, sans-serif;



    color:#000;



    background: rgba(136,136,136, 0.3) url(images/bg.png) repeat top left !important;



}



li{



    list-style-type: none;



}



.gdrts-rating-block {



  float: left;



  padding-left: 20px;  



width: 100%;



}



.gdrts-rating-block .gdrts-inner-wrapper {



  text-align: right;



}



.social_bar{

    float: right;

    width: 200px;

	margin: 12px 0;

}

.social_bar a{

    float: left;

    margin-right: 10px;

    font-size: 37px;    

    display: inline-block;

}

.social_bar a.fb{

    color: #3b5998;

}

.social_bar a.twit{

    color: #1da1f2;

}

.social_bar a.google{

    color: #dc4e41;

}

.social_bar a.linked{

    color: #0077b5;

}



#container, .wrap { 







    width: 94%;



    margin: 0 auto;



    padding: 0;



    max-width: 1180px; /* remove or edit to adjust width */



    box-shadow:0 0 10px #ddd;



    border-radius:7px 7px 0 0;







}















/* layout options ( all have margins right & left of 1%) */







.col60 { width: 6.333%; } /* width 60px / grid_1 */







.col140 { width: 14.667%; } /* width 140px / grid_2 */







.col220 { width: 23.0%; } /* width 220px / grid_3 */







.col300 { width: 31.333%; } /* width 300px / grid_4 */







.col380 { width: 39.667%; } /* width 380px / grid_5 */







.col480 { width: 48.0%; } /* width 480px / grid_6 */







.col540 { width: 56.333%; } /* width 540px / grid_7 */







.col620 { width: 64.667%; } /* width 620px / grid_8 */







.col700 { width: 73.0%; } /* width 700px / grid_9 */







.col780 { width: 81.333%; } /* width 780px / grid_10 */







.col860 { width: 89.667%; } /* width 860px / grid_11 */







.col940 { width: 98.0%; } /* width 940px / grid_12 */















/* layout & column defaults */







.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; }















/* default styles & fixes */







#main { margin-left: 0; } /* fixes alignment (defaulted at col620) */







#sidebar { margin-right: 0; } /* fixes alignment (defaulted at col300) */















/******************************************************************







LINK STYLES







******************************************************************/















a, a:visited { color:#0096ff }







a:hover {}







a:active {} /* on click */







a:link { 







    -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */







}















/******************************************************************







TEXT SELECTION STYLES







******************************************************************/















/* Safari, Chrome, iPhones, iPads */







::-webkit-selection { 







    background: #6fc2f6; 







    color:#fff; 







    text-shadow : none; 







}















/* Firefox */







::-moz-selection { 







    background: #6fc2f6; 







    color:#fff; 







    text-shadow : none; 







}















/* The Rest of em */







::selection { 







    background: #6fc2f6; 







    color:#fff; 







    text-shadow : none; 







}























/******************************************************************







WORDPRESS BODY CLASSES







want to style a page via body class? go ahead







******************************************************************/















body.rtl {}







body.home {} /* home page */







body.blog {} 







body.archive {} /* archive page */







body.date {} /* date archive page */







body.date-paged-1 {} /* replace the number to the corresponding page number */







body.search {} /* search page */







body.search-results {} /* search result page */







body.search-no-results {} /* no results search page */







body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */







body.error404 {} /* 404 page */







body.single {} /* single post page */







body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */







body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */







body.attachment {} /* attatchment page */







body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */







body.attachment-mime-type {} /* style mime type pages */







body.author {} /* author page */







body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */







body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */







body.category {} /* category page */







body.category-1 {} /* individual category page (i.e. body.category-6) */







body.category-paged-1 {} /* replace the number to the corresponding page number */







body.tag {} /* tag page */







body.tag-slug {} /* individual tag page (i.e. body.tag-news) */







body.tag-paged-1 {} /* replace the number to the corresponding page number */







body.page-template {} /* custom page template page */







body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */







body.page-paged-1 {} /* replace the number to the corresponding page number */







body.page-parent {}







body.page-child {}







body.parent-pageid-1 {} /* replace the number to the corresponding page number */







body.logged-in {} /* if user is logged in */







body.paged {} /* paged items like search results or archives */







body.paged-1 {} /* individual paged (i.e. body.paged-3) */















/* new browser classes */







body.browser-lynx {} /* lynx browsers */







body.browser-gecko {} /* firefox browsers */







body.browser-opera {} /* opera browsers */







body.browser-ns4 {} /* ns4 browsers */







body.browser-safari {} /* safari browsers */







body.browser-chrome {} /* chrome browsers */







body.browser-ie {} /* ie browsers ( aka dinosaurs) */







body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */























/******************************************************************







HEADLINES & TITLES







******************************************************************/















h1, .h1 {}







h2, .h2 {}







h3, .h3 {}







h4, .h4 {}







h5, .h5 {}







h1 a, .h1 a, h2 a, .h2 a, .entry-title a { color:#000 }







h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {}















/******************************************************************







HEADER SYTLES







******************************************************************/















header[role=banner] {







    background:url(library/images/header-bg.jpg) repeat-x #fff;







    position:relative;







    padding-top:1px;







    border-top:1px solid #fff;







    border-radius:7px 7px 0 0;







}







#site-heading { 



    min-height:80px; 



    padding-top:20px; 



    padding-left:30px;



}







#site-title {



    /*margin-bottom:.1em;*/



    /*margin-right:300px;*/



    font-family:'Alfa Slab One', Verdana, Geneva, sans-serif;



    font-size:40px;



    font-weight:normal;



    text-shadow:1px 2px #e2e2e2;



    /*line-height:1.2em;*/



}







#site-title a { 



    /*color:#f00;*/ 



    color:#00afb0; 



    text-decoration:none; 



}







#site-description {







    font-family:'Michroma', Verdana, Geneva, sans-serif;



    font-weight:normal;



    font-size:0.85em;



    color:#000;



    padding-bottom:10px;



}







#site-heading #site-title, #site-heading #site-description{



    float: left;



    width: 98%;



    text-align: right;



    padding-right: 10px;



}







header[role=banner] #searchform {



    position:absolute;



    /*right:30px;*/



    top:35px;



    left: 10px;



}















header[role=banner] #searchform label {







    display:none;







}















header[role=banner] #s {







    float:left;







    font-size:0.9em;







    padding:7px;







    border-radius:5px 0 0 5px;







    border:1px solid #9a9a9a;







    border-right:0px;







    box-shadow:3px 3px 5px #ddd inset;







    min-width:250px;







    height:30px;







    outline:none;







}















header[role=banner] #searchform input[type=submit] {







    background:url(library/images/button-bg.png) no-repeat -2px center;







    width:40px;







    height:30px;







    float:left;







    text-indent:-9999px;







    outline:none;







    border:1px solid #588e12;







    border-radius:0 5px 5px 0;







    box-shadow:0 0 1px #fff inset;







}















#headerimg img {







    border:10px solid #fff;







    margin-bottom:20px;







    box-shadow:0 0 5px #d8d8d8;







    width:100%;







}















.entry-header { margin-bottom:35px }







.entry-title, .page-title { font-family:'Michroma', Verdana, Geneva, sans-serif; font-weight:normal; font-size: 1.5em; text-shadow:-1px 2px #e4e4e4; margin-bottom:.25em; }







.page-title { font-size:1.8em; }







.entry-title a:hover { color:#f00 }







body.page .entry-title, body.single .entry-title { font-size:2.2em }







body.search .entry-header, body.archive .entry-header { margin-bottom:7px }







body.search .entry-title, body.archive .entry-title { font-size:1.3em; text-shadow:-1px 1px #e4e4e4; }







.page-header { margin-left:30px; margin-top:20px; }















/******************************************************************







NAVIGATION STYLES







(Main Navigation)







******************************************************************/







nav[role=navigation] {}







nav[role=navigation] div.menu { 







    background:url(library/images/nav-bg.png) no-repeat #000;







    background-size:100%;







    padding-left:10px;



    position: relative;



}







nav[role=navigation] ul.menu { 







    display:block;







}







nav[role=navigation] .menu ul li {



    float: right;



}







nav[role=navigation] .menu ul li a, nav[role=navigation] .menu #menu-icon { 







    padding: 10px 20px;







    color:#fff;







    font-family:'Michroma', Verdana, Geneva, sans-serif;







    font-size:0.88em;







    text-transform:lowercase;







}















nav[role=navigation] .menu #menu-icon {







    width:100px;







    cursor:pointer;







    display:none;







}















nav[role=navigation] .menu ul li a:hover {















}















nav[role=navigation] .menu ul li:first-child a {















}















nav[role=navigation] .menu ul li.current-menu-item a, 







.nav ul li.current_page_item a, 







nav[role=navigation] .menu ul li.current_page_item a {}























nav[role=navigation] .menu ul  li.current-menu-item ul.sub-menu li a, 







.nav ul li.current_page_item ul.sub-menu li a, 







nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a {}























nav[role=navigation] .menu ul li ul.sub-menu, 







nav[role=navigation] .menu ul li ul.children {







    background:#fafafa;







    box-shadow:1px 1px 3px #aaa;







}







nav[role=navigation] .menu ul li ul.sub-menu li a, 







nav[role=navigation] .menu ul li ul.children li a {







    font-family:Verdana, Geneva, sans-serif;







    text-transform:none;







}















nav[role=navigation] .menu ul li ul.sub-menu li, 







nav[role=navigation] .menu ul li ul.children li {







    border-bottom:1px solid #f0f0f0;







    width:200px;







}















nav[role=navigation] .menu ul li ul.sub-menu li:first-child, 







nav[role=navigation] .menu ul li ul.children li:first-child {















}







nav[role=navigation] .menu ul li ul li a { color:#555; text-shadow:0px 0px; }







nav[role=navigation] .menu ul li ul li a:hover { background:#f5f5f5; color:#555; }







nav[role=navigation] .menu ul li ul li:last-child a {}







nav[role=navigation] .menu ul li:hover ul {}







nav[role=navigation] .menu ul li ul li ul.sub-menu, 







nav[role=navigation] .menu ul li ul li ul.children {







    margin-top: -41px;







}







nav[role=navigation] .menu ul li ul li:hover ul.sub-menu,







nav[role=navigation] .menu ul li ul li:hover ul.children {















}































/******************************************************************







POSTS & CONTENT STYLES







******************************************************************/















#content {







    background: #fff;







    padding-bottom:1px;







    padding-top:10px;







}















#main { 







    /* adds bg to post area */















}















body.page-template-full-width-php #main {}







body.attachment #main {}















article[id*=post-] {







    word-wrap:break-word;







}







.dash, .dash2 {







    background:url(library/images/dash.png) repeat-x 30px bottom;







    height:2px;







    overflow:hidden;







    margin-top:4em;







}















.dash2 {







    margin-top:0;







    margin-bottom:5px;







}







body.search .dash2, body.archive .dash2 { margin-bottom:20px }















.yellow-bar {







    height:1px;







    background:#fc0;







    overflow:hidden;







}















article[id=post-not-found] h1 {}















/* want to style individual post classes? Booya! */







.post-id {} /* post by id (i.e. post-3) */







.post {} /* general post style */







.page {} /* general article on a page style */







.attachment {} /* general style on an attatchment */







.sticky {} /* sticky post style */







.hentry {} /* hentry class */







.category-slug {} /* style by category (i.e. category-videos) */







.tag-slug {} /* style by tag (i.e. tag-news) */















/* post meta */







.entry-meta {







    margin:0 0 1.5em 0;







}







body.search .entry-meta,







body.archive .entry-meta {







    color:#000;







}







.meta time {}















/* post content */







.post_content { overflow:hidden; }























.post_content ul, .post_content ol, .post_content table, .post_content dl {}







.post_content ul, .post_content ol {}







.post_content li {}







.post_content ul li {}







.post_content ol li {}















.post_content blockquote {}







.post_content blockquote:before {} /* this adds the quote before the blockquote */















.post_content dl {}







.post_content dt {}







.post_content dd {}















.post_content img {}







.post_content video {}







.post_content object {}















.wp-caption {}







.wp-caption img {}







.wp-caption p.wp-caption-text {}















/* image gallery styles */







.gallery dl {}







.gallery dt {}







.gallery dd {}







.gallery dl a {}







.gallery dl img {}







.gallery-caption {}















.size-full {}







.size-large {}







.size-medium {}







.size-thumbnail {}















article[id*=post-] footer {}















article[id*=post-] footer a {}















/******************************************************************







POST FORMAT STYLES







******************************************************************/







/* Aside Posts */







.format-aside .entry-header {







    display: none;







}







.single .format-aside .entry-header {







    display: block;







}







.format-aside .entry-content,







.format-aside .entry-summary {







    padding-top: 1em;







}







.single .format-aside .entry-content,







.single .format-aside .entry-summary {







    padding-top: 0;







}























/* Image Posts */







.format-image .entry-header {







    display: none;







}







.single .format-image .entry-header {







    display: block;







}







.format-image .entry-content,







.format-image .entry-summary {







    padding-top: 1em;







}







.single .format-image .entry-content,







.single .format-image .entry-summary {







    padding-top: 0;







}















/******************************************************************







PAGE NAVI STYLES







(Special Feature)







******************************************************************/







.pagination {







    clear:both;







    padding:20px 0 30px 0;







    position:relative;







    font-size:11px;







    line-height:13px;







    margin:auto;







    text-align:center;







}















.pagination span, .pagination a {







    display:inline-block;







    margin: 2px 2px 2px 0;







    padding:6px 9px 5px 9px;







    text-decoration:none;







    width:auto;







    color:#000;







    background:#fc0;







}















.pagination a:hover{







    color:#fff;







    background: #000;







}















.pagination .current{







    padding:6px 9px 5px 9px;







    background: #000;







    color:#fff;







}































/* fallback previous & next links */







.wp-prev-next {}







.wp-prev-next ul {}







.wp-prev-next .prev-link {}







.wp-prev-next .next-link {}















/******************************************************************







PAGE LINK STYLES







******************************************************************/















.page-link {







    clear: both;







    display: block;







    margin: 0 0 1.625em;







}







.page-link a {







    background: #eee;







    color: #373737;







    margin: 0;







    padding: 2px 3px;







    text-decoration: none;







}







.page-link a:hover {







    background: #000;







    color: #fff;







    font-weight: bold;







}







.page-link span {







    margin-right: 6px;







}















.wp-prev-next .prev-link, .nav-previous, .previous-image { float: left; margin:10px 0; }







.wp-prev-next .next-link, .nav-next, .next-image { float: right; margin:10px 0; }















#image-navigation, #comment-nav-below, #comment-nav-above, #nav-above, #nav-below { font-family:'Michroma', Verdana, Geneva, sans-serif; font-weight:normal; font-size:0.85em; display:block; overflow:hidden; margin:0; text-transform:lowercase; }







#comment-nav-above a, #comment-nav-below a, #nav-above a, #nav-below a { text-decoration:none; }







#comment-nav-above a:hover, #comment-nav-below a:hover, #nav-above a:hover, #nav-below a:hover { text-decoration:underline; }















/******************************************************************







COMMENT STYLES







******************************************************************/







#comments {}







#comments-title {







    color:#f00;







    font-family:'Michroma', Verdana, Geneva, sans-serif;







    font-weight:normal;







    font-size:1.1em;







}/* h3 comment title */







#comments span {} /* number of comments span */







.comment-nav {}







.comment-nav ul {}







.comment-nav ul li {}















.commentlist {}







body.page-template-full-width-php .commentlist {}















.commentlist li.comment {















}















.commentlist li.pingback {







    background:url(library/images/pingback.png) no-repeat left center;







    border:1px solid #e5e5e5;







    padding:4px 15px 4px 25px;







    font-size:0.9em;







}















.commentlist li.comment article[id*=comment-] {















}







.commentlist li[class*=depth-] {}







.commentlist li.depth-1 {}







.commentlist li.depth-2 {}







.commentlist li.depth-3 {}







.commentlist li.depth-4 {}







.commentlist li.depth-5 {}







.commentlist li.comment ul.children li {}







.commentlist li.comment ul.children li.alt {}







.commentlist li.comment ul.children li.byuser {}







.commentlist li.comment ul.children li.comment {}







.commentlist li.comment ul.children li.depth-1 {} /* change number for different depth */







.commentlist li.comment ul.children li.bypostauthor {}







.commentlist li.comment ul.children li.comment-author-admin {}







.commentlist li.comment ul.children .alt {}







.commentlist li.comment ul.children .odd {}







.commentlist li.comment ul.children .even {}







.commentlist .alt {}







.commentlist .odd {}







.commentlist .even {}







.commentlist .parent {}







.commentlist .comment {}







.commentlist .children {}







.commentlist .pingback {}







.commentlist .bypostauthor {}







.commentlist .comment-author {}







.commentlist .comment-author-admin {}







.commentlist .thread-alt {}







.commentlist .thread-odd {}







.commentlist .thread-even {}	







.commentlist .vcard {}







.commentlist .vcard cite.fn {}







.commentlist .vcard time {}







.commentlist .vcard time a {}







.commentlist .vcard time a:hover {}







.commentlist .vcard img.photo {}







.commentlist .vcard img.avatar {}







.commentlist .vcard cite.fn a.url {}







.commentlist .comment-meta {} 







.commentlist .comment-meta a {}







.commentlist .commentmetadata {}







.commentlist .commentmetadata a {}







.commentlist li.comment .comment-content {







    border:1px solid #e5e5e5;







    padding:15px 10px 35px 15px;







    font-size:0.9em;







    line-height:1.3em;







}







.commentlist li.comment .comment-content p {}







.commentlist li.comment ul {}







.commentlist .comment-reply-link {







    margin-top:-24px;







    background:#0096ff;







    opacity:1;







    text-transform:lowercase;







    font-family:'Michroma', Verdana, Geneva, sans-serif;







}







.commentlist a.comment-reply-link:hover {}















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















.comment-bar {







    background:url(library/images/comment-meta.png) no-repeat 55px top;







    min-height:27px;







    padding-top:3px;







    padding-right:7px;







    text-shadow:1px 1px #ffea95;







    font-size:0.9em;







}















.comment-bar a {







    color:#000;







    text-decoration:none;







}















.commentlist #respond {







    margin-left:80px;







    margin-right:2px;







}







/******************************************************************







COMMENT FORM STYLES







******************************************************************/















#respond-form {}







body.page-template-full-width-php #respond-form {}















#respond {







    background:#f3f3f3;







    padding:1em 1em 1em 2em;







    border:1px solid #fff;







    border-radius:5px;







    box-shadow:0 0 3px #bababa;







    margin-top:2em;







    margin-bottom:2em;







}







#reply-title {







    margin-bottom:1.2em;







    background:url(library/images/widget-title.png) no-repeat;







    margin-left:-34px;







    font-family:'Michroma', Verdana, Geneva, sans-serif;







    font-weight:normal;







    font-size:1em;







    line-height:30px;







    padding-left:25px;







    text-shadow:1px 1px #ffe476;







}







#respond label {







    display:inline-block;







    min-width:5em;







    padding-left:6%;







    padding-right:3%;







}







#respond p {







    margin-bottom:1em;







}







#respond p.form-submit {







    text-align:center;







    margin-bottom:1.2em;







}







#respond p.form-allowed-tags {







    font-size:0.8em;







    display:none;







}







#respond .required {







    margin-left:-1.4em;







    padding-right:5px;







    color:#f00;







}







#respond .required:first-child {







    margin-left:0;







}







#respond #comment-form-title {}







#respond #cancel-comment-reply-link { float:right; line-height:30px; padding-right:7px; color:#f00; }















#respond #commentform {}







#respond .comments-logged-in-as {}







#respond #comment-form-elements {}







#comment-form-elements li {}







#respond #comment-form-elements label {}







#respond #author, #respond #email, #respond #url, #respond #comment { 







    background:#fff;







    border-radius:5px;







    border:1px solid #d4d4d4;







    box-shadow:3px 3px 5px #e3e3e3 inset; 







}







#respond #author:focus, #respond #email:focus, #respond #url:focus, #respond #comment:focus {}







#respond #author, #respond #email, #respond #url {}







#respond input[type=text] {}







#respond #allowed_tags {}







#respond #comment {}







#respond #submit {







    background:url(library/images/button-bg.png) no-repeat -35px center;







    padding:5px 15px;







    outline:none;







    border:1px solid #588e12;







    border-radius:5px;







    box-shadow:0 0 1px #fff inset, 1px 1px 3px #ccc;







    color:#fff;







    text-shadow:-1px -1px #5d9e2e;















}















/******************************************************************







SIDEBARS & ASIDES







******************************************************************/















#sidebar {}















.widget {







    background:#f3f3f3;







    margin:2.2em 30px 2.5em 0;







    padding:1em 1em 1em 2em;







    border:1px solid #fff;







    border-radius:5px;







    box-shadow:0 0 3px #bababa;







}







.widget a {}















.widget a:hover {}















.widget li, #meta.widget aside a { 







    background:url(library/images/bullet.png) no-repeat right 5px;







    padding-right: 25px;







    color:#000;







    text-decoration:none;







}







.post_content .widget {







    margin-left:2px;







}















.post_content .widget ul li {







    list-style:none;







}















.widget li a {







    text-decoration:none;







    color:#000;







}















.widget li a:hover, #meta.widget aside a:hover {







    text-decoration:underline;







}















.widget-title {







    /*background:url(library/images/widget-title.png) no-repeat;*/



    /*margin-left:-29px;*/



    font-family:'Michroma', Verdana, Geneva, sans-serif;



    font-weight:normal;



    font-size:1em;



    line-height:30px;



    /*padding-left:25px;*/



    /*text-shadow:1px 1px #ffe476;*/



    color: #86bc42;



    font-weight: bold;







}















/* links widget */







.widget_links {}







.widget_links ul {}







.widget_links ul li {}







.widget_links ul li a {}















/* meta widget */







.widget_meta {}







.widget_meta ul {}







.widget_meta ul li {}







.widget_meta ul li a {}















/* pages widget */







.widget_pages {}







.widget_pages ul {}







.widget_pages ul li {}







.widget_pages ul li a {}















/* recent-posts widget */







.widget_recent_entries {}







.widget_recent_entries ul {}







.widget_recent_entries ul li {}







.widget_recent_entries ul li a {}















/* archives widget */







.widget_archive {}







.widget_archive ul {}







.widget_archive ul li {} 







.widget_archive ul li a {}







.widget_archive select {}







.widget_archive option {}















/* tag-cloud widget */







.widget_links {}







.widget_links li:after {}







.widget_links li:before {}







.widget_tag_cloud {}







.widget_tag_cloud a {}







.widget_tag_cloud a:after {}







.widget_tag_cloud a:before {}















/* calendar widget */







.widget_calendar {}







#wp-calendar {







    text-align: center;







    width: 95%;







    margin:auto;







}







#calendar_wrap {}







#calendar_wrap th {}







#calendar_wrap td {}







#wp-calendar tr td {}







#wp-calendar caption {}







#wp-calendar a {}







#wp-calendar #today {}







#wp-calendar #prev {}







#wp-calendar #next {}







#wp-calendar #next a {}







#wp-calendar #prev a {}















/* category widget */







.widget_categories {}







.widget_categories ul {}







.widget_categories ul li {} 







.widget_categories ul ul.children {}







.widget_categories a {}







.widget_categories select{}







.widget_categories select#cat {}







.widget_categories select.postform {}







.widget_categories option {}







.widget_categories .level-0 {}







.widget_categories .level-1 {}







.widget_categories .level-2 {}







.widget_categories .level-3 {}















/* recent-comments widget */







.recentcomments {}







#recentcomments {}







#recentcomments li {}







#recentcomments li a {}







.widget_recent_comments {}















/* search widget */







#searchform {}







.widget_search {}







.widget_search #s { width:60% }







.screen-reader-text {}















/* text widget */







.textwidget {}







.widget_text {}







.textwidget p {}















/******************************************************************







IMAGE STYLES







******************************************************************/







.post_content img { margin-top:.75em }















.left img, img.left, img.alignleft {







    margin-right:1.5em;







    margin-bottom:1em;







    margin-top:.75em;







}















.right img, img.right, img.alignright {







    margin-left:1.5em;







    margin-bottom:1em;







    margin-top:.75em;







}















img.size-auto,







img.size-full,







img.size-large,







img.size-medium,







.attachment img,







.widget-area img,







.wp-caption {







    max-width: 100%; /* When images are too wide for containing element, force them to fit. */







    height: auto; /* Override height to match resized width for correct aspect ratio. */







}















/* Notices */







.post .notice {







    background: #eee;







    display: block;







    padding: 1em;







}















/* Image Attachments */































.entry-attachment {







    display: block;







    margin: 0 auto;







    text-align: center;







}















.imgthumb img {







    float:left;







    margin-right:20px;







    margin-top:0px;







    margin-bottom:15px;







    padding:5px;







    border:1px solid #cfcfcf;







}















/******************************************************************







META STYLES







******************************************************************/







.cat-links {







    margin:2em 0;







}















.cat-links .cat-under {







    background:#fc0;







    padding:5px 10px;







    line-height:20px;







    color:#000;







}















.cat-links .cat-list {







    background:url(library/images/cat-list.png) no-repeat #000;







    padding:5px 10px 5px 20px;







    margin-left:-1em;















}















.cat-links .cat-list a {







    padding:5px 2px;







    line-height:20px;







    color:#fff;







    text-decoration:none;







}















.cat-links .cat-list a:hover {







    text-decoration:underline;







}















.tag-links {







    background:url(library/images/tags.png) no-repeat;







    padding:5px 0 5px 30px;







}























.comments-link {







    background:url(library/images/comments.png) no-repeat;







    padding:5px 0 5px 30px;







}















.bookmark-link {







    background:url(library/images/bookmark.png) no-repeat;







    padding:5px 0 5px 30px;







}















body.search .cat-links, body.archive .cat-links,







body.search .tag-links, body.archive .tag-links,







body.search .comments-link, body.archive .comments-link,







body.search .bookmark-link, body.archive .bookmark-link {







    background:none;







    padding:0;







    margin:0;







}







/******************************************************************







FOOTER STYLES







******************************************************************/















footer[role=contentinfo] {







    background:#000;







    padding:1.2em 0;







    color:#fff;







}







/* footer menu */







.footer-links {}







.footer-links ul {}







.footer-links ul li {}







.footer-links ul li a {}







.footer-links ul li:last-child a {}







.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}







.footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */















.attribution {







    float:none;







    text-align:center;







}















#site-generator {







    text-align:center;







    font-size:0.8em;







}















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















#site-generator a:hover { text-decoration:underline }















/* Text meant only for screen readers */







.screen-reader-text,







.assistive-text {







    position: absolute !important;







    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */







    clip: rect(1px, 1px, 1px, 1px);







}















.red {







    color:#f00;







}











/****************MI40********************/



#site-heading #site-title{



    margin-bottom: 12px;



}



#main article{



    width: 100%;



    float: left;



    padding: 10px 8px;



    border-bottom: 1px solid #656565;



    margin-bottom: 15px;



}



#main .post_content, #main .entry-header, #main .entry-meta{



    width: 100%;



    float: left;



}



#main .entry-header{



    margin-bottom: 20px;



}



#main .post_content .image_thumb{



    float: right;



}



#main .post_content .discript{



    float: left;



}



.commentlist li.comment article[id*="comment-"] p, .post_content p {



    margin: 0 0 10px;



}



#main .post_content .discript_left{



    width: 78%;



}



#main .post_content .discript .more-link{



    float: right;



    clear: both;



    width: 100%;



}



#inner-header #access{



    width: 100%;



    float: left;



}



.entry-header .entry-title, #main .entry-meta{



    text-align: right;



    line-height: 32px;



    



}



.download_btns {



    float: right;



    margin-bottom: 20px;



    width: 100%;



}



.download_btns .dbtn {



    float: right;



    margin-bottom: 10px;



    margin-left: 20px;



    min-width: 150px;



    position: relative;



}



.download_btns .dbtn_s {



    float: left;



    margin-left: 40%;



    margin-top: 30px;



    min-width: 150px;



    position: relative;



}



.download_btns a {



    border-radius: 6px;



    display: inline-block;



    position: relative;



}



.download_btns .download_button_windows {







    background: rgb(119, 196, 113) url("images/download-windows.png") no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 16px;



    padding: 0px 8px 0 45px;



    line-height: 40px;



}







.download_btns .download_button_ios {







    background: rgb(119, 196, 113) url("images/download-ios.png") no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 16px;



    padding: 0px 8px 0 45px;



    line-height: 40px;



}



.download_btns .download_button_android {







    background: rgb(119, 196, 113) url("images/download-android.png") no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 16px;



    padding: 0px 8px 0 45px;



    line-height: 40px;



}



.download_btns .download_button_blackberry {







    background: rgb(119, 196, 113) url("images/download_blackberry.png") no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 16px;



    padding: 0px 8px 0 45px;



    line-height: 40px;



}



.download_btns .download_button_mac {







    background: rgb(119, 196, 113) url("images/download_mac.png") no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 16px;



    padding: 0px 8px 0 45px;



    line-height: 40px;



}



.download_btns .download_button_windows_s {







    background: rgb(119, 196, 113)  no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 18px;



    padding: 0px 20px 0px 20px;



    line-height: 50px;



}







.download_btns .download_button_ios_s {







    background: rgb(119, 196, 113)  no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 18px;



    padding: 0px 20px 0px 20px;



    line-height: 50px;



}



.download_btns .download_button_android_s {







    background: rgb(119, 196, 113)  no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 18px;



    padding: 0px 20px 0px 20px;



    line-height: 50px;



}



.download_btns .download_button_blackberry_s {







    background: rgb(119, 196, 113)  no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 18px;



    padding: 0px 20px 0px 20px;



    line-height: 50px;



}



.download_btns .download_button_mac_s {







    background: rgb(119, 196, 113)  no-repeat scroll 0 0;



    color: #ffffff;



    font-size: 18px;



    padding: 0px 20px 0px 20px;



    line-height: 50px;



}



#container .outer_download{



    width: 100%;



    float: left;



}



#container .outer_download .download_discription{



    float: left;



    width: 100%;



}



.outer_download .download_discription h2{



    text-align: right;



    margin-top: 15px;



}



#container footer[role="contentinfo"]{



    width: 100%;



    float: left;



}



nav[role="navigation"] div.menu{



    width: 100%;



    float: left;



}



nav[role="navigation"] .menu #menu-icon{



    float: left;



}



#main #comments{



    width: 100%;



    float: left;



}

.post_content .sw_video_discript{

    float: left;

    width: 100%;

    margin: 15px 0;

}

.adv_head_banner{
    
    float: left;
    width: 100%;
}
.adv_head_banner .widget{
    margin-right: 15px;
    margin-left: 15px;
}
/******************************************************************







MEDIA QUERIES & DEVICE STYLES







Developed by: Andy Clarke & the 320 & Up Extension







URL: http://stuffandnonsense.co.uk/projects/320andup/







******************************************************************/



















@media screen and (max-width: 1180px) {



    #container{



        width: 100%;



    }    



}



@media screen and (max-width: 1100px) {



    #main .post_content .discript_left{



        width: 75%;



    }



}



@media screen and (max-width: 960px) {



    #main .post_content .discript_left{



        width: 70%;



    }



}



@media screen and (max-width: 887px) {
    #sidebar{
        margin: 0;
    }



}







@media screen and (max-width: 800px) {

    .adv_head_banner .widget a img{
        width: 100%;
        height: auto;
    }

    #main article{



        padding: 0 8px;



        width: 97%;



        padding-bottom: 15px;



    }    



    #access, div.menu { position:relative; }







    .menu ul li { list-style-type: none; float:none; }







    nav[role=navigation] ul.menu, div.menu ul {



        background:#999; 



        position:absolute;



        top:41px;



        z-index:9999;



        display:none;



        left: 0;



        width: 100%;        



    }



    div.menu ul li{



        float: left;



        width: 100%;



        line-height: 26px;



        text-align: center;



    }



    nav[role=navigation] .menu #menu-icon { display:block }







    header[role=banner] #searchform  {



        top:6px; right:10px;



        left: auto;



    }















    .menu ul li:hover ul { left:-9999em; }















    header[role=banner] #s {







        font-size:1em;







        background:url(library/images/icon-search.png) no-repeat 5px 4px #fff;







        padding:4px 5px 4px 26px;







        border-radius:7px;







        border:1px solid #fff;







        box-shadow:3px 3px 5px #777 inset;







        min-width:150px;







    }















    header[role=banner] #searchform input[type=submit] {







        display:none;







    }















    #main.col620 {







        width:100%;







        display:block;



        margin: 0;







    }















    #sidebar.col300 {







        float:none;







        display:block;







        width:100%;







        clear:both;



        margin: 0;







    }















    .widget {







        margin:2.2em 30px 2.2em 20px;







    }







}



@media screen and (min-width: 800px) {







    nav[role=navigation] ul.menu, div.menu ul { display:block !important; }







}


@media screen and (max-width: 645px) {

	#site-generator{
	text-align: left;
	padding-left: 5px;	
}
}




@media screen and (max-width: 545px) {



    #main .post_content .image_thumb{



        float: left;



        width: 100%;



        text-align: center;



    }



    #main .post_content .discript_left{



        width: 100%;



    }



    #site-heading{



        padding-left: 0;



    }



}



@media screen and (max-width: 512px) {



    #main article{



        width:95%;



    }



    #site-heading #site-title{



        font-size: 32px;



        width: 96%;



    }



    #site-heading #site-description{



        width: 96%;



    }



}







@media screen and (max-width: 450px) {



   



    #site-heading #site-title{



        font-size: 27px;



        width: 96%;        



    }



   



}































@media print { }