/* Import Client CSS */
@import url('/_resources/css/style.css');
@import url('/_resources/css/color.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,700,500'); 

/* default background */
body{
	/*background:#FFF url("/_resources/ou/editor/images/fullwidth_main.gif") no-repeat;*/
	margin: 20px 20px 0px 20px;
}
body#tinymce {
    background: none repeat scroll 0 0 #333942;
}


/* footer-specific styles from client css */
a {
    color: #7e8793;
}
body {
    /*background: none repeat scroll 0 0 #333942;*/
    color: #7e8793;
    float: left;
    height: auto;
    /*margin-top: 40px;
    padding: 40px 0;*/
    position: relative;
    width: 100%;
}
.s2 {
    background: none repeat scroll 0 0 #3b3b3b;
    color: #999999;
}
.s2 a {
    color: #ababab;
}
.s2 ul li {
    border-bottom: 1px solid #464646;
}
.s2 a:hover {
    color: #fff;
    text-decoration: none;
}
.s2 .flickr-widget li {
    border: 3px solid #2a2929;
}
.s2 .flickr-widget li:hover {
    border: 3px solid #6b6b6b;
}
.s3 {
    background: none repeat scroll 0 0 #f6f7fb;
    color: #656d78;
}
.s3 h4 {
    color: #656d78;
}
.s3 a, #copyrights.s3 a {
    color: #656d78;
}
.s3 ul li {
    border-bottom: 1px solid #e6e9ee;
}
.s3 a:hover, #copyrights.s3 a:hover {
    color: #929ca9;
    text-decoration: none;
}
.s3 .flickr-widget li {
    border: 3px solid #aab2bd;
}
.s3 .flickr-widget li:hover {
    border: 3px solid #c1c6cc;
}
h4 {
    color: #fff;
    font-family: "Roboto",Arial,Verdana;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
}
ul {
    float: left;
    list-style: none outside none;
}
ul li {
    border-bottom: 1px solid #434a54;
    float: left;
    list-style: none outside none;
    padding: 12px 0;
    width: 100%;
}
ul li a i {
    margin-right: 5px;
}
a:hover {
    color: #e6e9ee;
    transition: all 0.25s ease-out 0s;
}


/* styling for ou buttons in edit mode */
#footer a.ou-btn {
    color: #fff;
}

/*font awesome icon styling during edit*/
.ou_font_awesome {
    background-color: #999;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-style: italic;
    margin: 0 3px;
    padding: 0 2px;
}

/* table transformation styling */
table[class^="ou_"] {
	background: rgba(225, 225, 235, 0.05);
}
table[class^="ou_"] caption {
    background: none repeat scroll 0 0 rgba(0, 0, 10, 0.5);
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    padding: 5px;
}
table[class^="ou_"] th {
    background: none repeat scroll 0 0 rgba(185, 185, 195, 0.5);
	color: #666;
}
table[class^="ou_"] td {
	padding: 5px 10px;
    color: #898989;
}
table[class^="ou_"] td img {
    max-width: 30%;
}