/*
	Theme Name: Ruthie Dee
	Description: Ruthie Dee Wordpress Theme
	Version: 1.0
	Author: FL1 Group
	Author URI: http://www.fl1group.com/
	Tags: Ruthie Dee
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float:left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float:right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float:left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;}
.wp-caption p.wp-caption-text { font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

h1 { font-family:Calibri, Arial; font-weight:normal; }
h2 { font-family:Calibri, Arial; font-weight:normal; }
h3 { font-family:Calibri, Arial; font-weight:normal; }

:focus{ border:0; }
.clear { clear:both; }

html { margin:0; padding:0; }
body {  background:#101010 url('img/bg.jpg') top center no-repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

.container { margin:0 auto; width:1163px; }

/*----- header -----*/
.header { clear:both; height:137px; border-bottom:1px #2c2c2c solid; }

/* ---- Logo ------ */
.header .logo { float:left; width:247px; height:64px; background:url('img/logo.png') no-repeat; margin:2.2em 0 0 1em; }
.header .logo span { display:none; }

/* Navigation */
.navigation { float:right; width:700px; margin:5em 0 0 0; }
.navigation ul { margin:0; padding:0; list-style:none; float:right; }
.navigation ul li { float:left; margin:0; padding:0; }
.navigation ul li a { display:block; padding:0; margin:0 14px; color:#FFF; font-size:25px; text-decoration:none; font-weight:bold; font-family:Calibri, Arial; font-weight:normal;  }
.navigation ul li a:hover { color:#f20780; font-family:Calibri;  }

.navigation ul .current-menu-item a { color:#f20780; }


/* Homepage content */
.homepage-content { clear:both; margin:0 auto; padding:10px 0; position:relative; }
.homepage-content #prev { position:absolute; display:block; width:19px; height:198px; background:url('img/left_arrow_homepage.png') no-repeat; top:220px; left:-50px; cursor:hand; cursor:pointer; }
.homepage-content #prev span { display:none; }
.homepage-content #next { position:absolute; display:block; width:19px; height:198px; background:url('img/right_arrow_homepage.png') no-repeat; top:220px; right:-50px; cursor:hand; cursor:pointer; }
.homepage-content #next span { display:none; }


.homepage-content .scrolling-images { float:left; width:781px; background:none !important; }
.homepage-content .scrolling-images ul { margin:0 auto; list-style:none; padding:0; overflow:hidden; background:none !important;}
.homepage-content .scrolling-images ul li { margin:10px 20px 10px 0; padding:0; float:left; background:none !important; width:239px; height:180px; }

.homepage-content .about-us-content { float:right; width:290px; margin-top:2em; }
.homepage-content .about-us-content h1 { color:#FFF; font-size:50px; margin:0; padding:0; text-transform:uppercase; margin-top:1.8em; margin-bottom:0.8em; }
.homepage-content .about-us-content h1 strong { font-size:35px !important; color:#f20780 !important; }
.homepage-content .about-us-content p { font-size:15px; color:#d5d5d5; line-height:20px; }
.homepage-content .about-us-content h3 { font-size:20px; color:#d5d5d5; line-height:25px; margin-left:10px; }
.homepage-content .about-us-content a { text-decoration:none; color:#f20780; }


/* Portfolio page */
.portfolio-section { position:relative; margin:0 auto; clear:both; height:750px; }

.page-top { margin:0 auto; padding:10px; }
.page-top h1 { font-size:50px; color:#FFF; margin:20px 20px 20px 0; float:left; width:209px; }
.page-top .content-box { float:left; width:880px; border-left:1px #FFF solid; padding:10px 0 10px 30px; }
.page-top .content-box p { color:#FFF; font-size:16px; line-height:19px; }
.page-top .content-box a { font-weight:bold; font-size:16px; text-decoration:none; color:#d70a74; }

.contact-us { margin:0 auto; padding:10px; }
.contact-us h1 { font-size:50px; color:#FFF; margin:20px 20px 20px 0; float:left; width:272px; }
.contact-us .content-box { float:left; width:719px; border-left:1px #FFF solid; padding:10px 0 10px 30px; }
.contact-us .content-box p { color:#FFF; font-size:16px; line-height:19px; }



.gallery { list-style:none; margin:0 auto; padding:0; margin-top:20px; margin-bottom:40px; overflow:hidden; }
.gallery li { margin:9px; padding:0; text-align:center; float:left; width:213px; text-align:center; }
.gallery li h1 { display:block !important;}
.gallery li img { border:9px #FFF solid; }
.gallery li img:hover { border:9px #f20780 solid; }


.pagination { position:absolute; bottom:0px; right:0; width:500px; text-align:right; }
.pagination .previous_link { color:#b9b9b9; text-decoration:none; font-weight:bold; font-size:13px; padding:6px; display:inline-block; width:31px; }
.pagination .next_link { color:#b9b9b9; text-decoration:none; font-weight:bold; font-size:13px; padding:6px; display:inline-block; width:31px; }
.pagination .page_link { color:#FFF; font-size:14px; text-decoration:none; font-weight:bold; display:inline-block; padding:6px; }
.pagination .page_link:hover { background:#282828; }
.pagination .active_page { background:#d70a74; }
.pagination .active_page:hover { background:#d70a74; }

.content-section { position:relative; margin:0 auto; clear:both; }

/* Contact us page */
.wpcf7-form { margin:1em; padding:0; }
.wpcf7-form p { clear:both; }
.wpcf7-form label { display:block; float:left; width:150px; font-size:13px; font-weight:bold; }
.wpcf7-form .wpcf7-text { border:0px; padding:4px; width:300px; font-size:13px; }
.wpcf7-form textarea { width:450px; height:200px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.wpcf7-form .wpcf7-submit { border:0; padding:7px 12px; font-weight:bold; color:#FFF; background:#f60c80; }
.wpcf7-not-valid-tip { font-weight:bold; color:#F00 !important; font-size:13px !important; width:201px !important; border:0 !important; left:320px !important; top:0px !important; background:none !important; }
.wpcf7-response-output { font-weight:bold; color:#fff; border:0; font-size:13px; }


/* Footer */
.footer { margin:0 auto; border-top:1px #2c2c2c solid; }
.footer .footer-left { float:left; width:700px; color:#b0b0b0; font-size:14px; padding:20px 2px; }
.footer .footer-left ul { margin:5px 0; padding:0; list-style:none; }
.footer .footer-left ul li { float:left; margin:0; padding:0; }
.footer .footer-left ul li a { text-transform:uppercase; color:#b0b0b0; font-size:14px; text-decoration:none; display:block; padding:0 4px; float:left; }
.footer .footer-left p { color:#767676; font-size:13px; padding-left:5px; }
.footer .footer-left a { color:#767676; font-size:13px; text-decoration:none; }

.footer .footer-right { float:right; width:200px; color:#b0b0b0; font-size:14px; padding:20px 2px; }
.footer .footer-right p { color:#b0b0b0; font-size:14px; padding-left:5px; }