/*
* GENERAL SECTION
*-----------------
*/

body{
    text-align: left;
}

.ui-page {
    background: url('../images/bg.png');
}

p{
    color: #636363;
    font-weight: normal;
    line-height: 1.7em;
    font-size: 0.8em;
}

h1, 
h2, 
h3, 
h4, 
h5,
h6{
    font-weight: normal; 
    text-shadow: none;
}

h3{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

section{
    text-shadow: none;
}

h2{
    color: #cb5432;
}

form input{
    margin: 20px 0;
}

h4{
    margin-top: 2em !important;
    text-transform: uppercase; 
    text-shadow: none;  
}

h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px !important;
	margin: 5px !important;
	text-shadow: 0 0 3px black;
}

h5{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	margin: 5px !important;
	text-shadow: 0 0 3px black;
}
a{
    color: #cb5432 !important;
    text-decoration: none;
    font-weight: normal !important;
    font-size: 0.8em;
}

p{
    text-shadow: none;
}

nav{
    text-transform: uppercase;
    font-weight: normal;    
    text-align: center;
    font-size: 0.7em;
}

nav a{
    text-shadow: 0 0 3px black;
    color: #ffffff !important;
    padding: 10px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.wrappedWidth{
    margin: 0 auto;
    max-width: 360px;
}

input{
    border: none;
}

input,
textarea{
    background: #ffffff !important;
    border: 1px solid #e3e3e3 !important;
    border-bottom: 2px solid #e3e3e3 !important;

    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    padding: 10px 0 10px 10px !important;
    font-size: 12px !important;

    color: #d6d6d6 !important;

    outline: none !important;

    box-shadow: none !important;
}

textarea{
    font-family: 'Arial', sans-serif;

    min-height: 200px;
}

input:focus,
textarea:focus{
    outline: none !important;
    border: 1px solid #d3d3d3 !important;
    border-bottom: 2px solid #d3d3d3 !important;
}

/*
* =GENERAL SECTION
*-----------------
*/









/*
* FOOTER SECTION
*----------------
*/
footer{

}

footer .ui-title{
    text-align: left !important;  
}

.shareIcons img{
    width: 55px;
}

.shareIcons{
    margin: 1.7em 0.5em;
}

footer p{
    color: #b5b5b5;
    margin: 2em;
    font-weight: normal;
    line-height: 1.7em;
    font-size: 0.7em;
}

footer .wrappedWidth{
    text-align: center;
}

footer h4{
    margin-left: 2em;
}

footer nav{
    padding: 1.5em 0;
    margin: 2.5em 1em;
}

/*
* =FOOTER SECTION
*----------------
*/









/*
* HEADER SECTION
*----------------
*/

hr{
    border: none;
}

.divider{
    background: url('../images/stripe_bg.jpg') !important;
    height: 10px;
    margin: 0;
    padding: 0;

    z-index: 888;

    border: none;
}

.navSelected{
    background: rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-top: 1px solid rgba(0,0,0,.3);
}

nav a:hover{        
    background: rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-top: 1px solid rgba(0,0,0,.3);
}

header nav {
    padding: 1.5em 0;
    margin: 2.5em 1em 1em;
}

/*
* =HEADER SECTION
*-----------------
*/














/*
* PORTFOLIO SECTION
*----------------
*/

.checklist{
    font-size: 0.8em;
    list-style: none;
    line-height: 1.8em;
    font-style: italic;
    color: #636363;
    padding-left: 1em;
}

.checklist li{

}

.checklist li:before{
    content: '✔ ';
    color: #8A9B0F;
    font-style: normal;
}

#portfolio article{
    position: relative;
    overflow: hidden;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2em;
}

#portfolio-single article{
    position: relative;
    overflow: hidden;

    background: white;
    border-bottom: 2px solid #e3e3e3 !important;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2em;
}

#portfolio article:last-child,
#portfolio-single article{
    margin-bottom: 0;
}

#portfolio-single article h2,
#portfolio article h2{
    color: white;
    text-transform: uppercase;
    background: #cb5432;
    padding: 16px;
    font-size: 1em;

    position: absolute;

    top: 120px;
}

#portfolio-single article p,
#portfolio article p{
    margin-top: 0;
}

.mainIMG{
    height: 220px;


    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}


#portfolio-single .mainIMG{
    height: 300px;
}

#portfolio .mainIMG{
    height: 300px;

    border-bottom: 2px solid #636363;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#portfolio-single a,
#portfolio article a{
    font-size: 0.8em;
}

#portfolio-single hr,
#portfolio hr{
    border-top: 1px dotted #eaeaea;
}

#portfolio-single article span,
#portfolio article span{
    color: white;
    text-transform: uppercase;
    background: #cb5432;
    padding: 10px 16px;
    font-size: 0.8em;

    position: absolute;

    top: 200px;
}

.article-wrapper{
    padding: 5px 15px 15px;
}

blockquote{
    margin: 1.5em 0;
    overflow: hidden;
}

blockquote p{
    font-family: 'Times new Roman', serif;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 1em;
    text-align: center;
    font-style: italic;
}

blockquote p:before{
    content: ',,';
}

blockquote p:after{
    content: '"';
}

blockquote span{
    font-size: 0.7em;
    color: #2b2b2b;
    float: right;
}

.info{
    text-align: center;
    margin: 0 1em 1em;
}

[data-role=content] img{
    width: 100%;
}

/*
* =PORTFOLIO SECTION
*-----------------
*/












/*
* BLOG SECTION
*----------------
*/

.comment-info:before{
    content: ' ';
    background: url('../images/comments.png');
    width: 16px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 0;
}

.comment-info{
    position: relative;
    padding-left: 35px;
}

.date-info:before{
    content: ' ';
    background: url('../images/date.png');
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.date-info{
    position: relative;
    padding-left: 20px;
}

#blog-single article h2,
#blog article h2{
    color: white;
    text-transform: uppercase;
    background: #cb5432;
    padding: 20px;
    font-size: 0.8em;

    position: absolute;

    top: 120px;
}

#commentSection div,
#blog article,
#blog-single article{
    position: relative;
    overflow: hidden;

    background: white;
    border-bottom: 2px solid #e3e3e3 !important;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2em;
}

#pagination a{
    position: relative;
    overflow: hidden;

    font-size: 0.8em;

    background: white;
    border-bottom: 2px solid #e3e3e3;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    color: #d6d6d6 !important;

    padding: 0.5em 1em;
}

#pagination{
    margin-bottom: 1.5em;
}


#pagination a:hover,
#pagination a:first-child,
#pagination a:last-child{
    background: #cb5432 !important;
    color: white !important;
    border-bottom: 2px solid #636363 !important;
}

#blog article:last-child{
    margin-bottom: 0;
}

#blog a{
    font-size: 0.8em;
}

#blog .article-wrapper{
    padding: 10px 15px 15px;
}

#blog-single .article-wrapper{
    padding: 10px 15px 0;
}

#blog span,
#blog-single span{
    font-size: 0.8em;
}

#blog hr,
hr,
#blog-single hr{
    border-top: 1px dotted #eaeaea;
}

#commentSection h2{
    margin-top: 50px;
}

#commentSection img{
    width: 50px;
    float: left;
    margin: 5px 10px 5px 0;
}

#commentSection p{
    font-size: 0.7em;
}

#commentSection h6{
    font-size: 0.8em;
    color: #cb5432;
    margin-bottom: 0;
    margin-top: 0;
    display: inline;
}

#commentSection span{
    font-size: 0.8em;
    color: #636363;
    float: right;
}

#commentSection div{
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px 15px 0;
}

.abcd {
	 background: #cb5432 !important;
    color:#ffffff !important;
    border-bottom: 2px solid #636363 !important;
}
/*
* =BLOG SECTION
*-----------------
*/











/*
* CONTACT SECTION
*----------------
*/

#contact{
    overflow: hidden;
    position: relative; 

    background: white;
    border-bottom: 2px solid #e3e3e3 !important;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contact .article-wrapper{
    padding: 0px 15px 10px;
}

#contact h2{
    color: white;
    text-transform: uppercase;
    background: #cb5432;
    padding: 20px;
    font-size: 0.8em;

    position: absolute;

    top: 120px;
}

#contact span{
    display: block;
    font-size: 0.8em;
}

.name-contact:before,
.mail-contact:before,
.number-contact:before{
    content: ' ';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.name-contact:before{
    background: url('../images/contact-name.png');
}

.mail-contact:before{
    background: url('../images/contact-mail.png');
}

.number-contact:before{
    background: url('../images/contact-phone.png');
}


.name-contact,
.mail-contact,
.number-contact{
    position: relative;
    display: block;
    padding-left: 20px;
    margin-bottom: 0.8em;
}

/*
* =CONTACT SECTION
*-----------------
*/












/*
* INDEX SECTION
*----------------
*/

.section-image h2{
    color: white;
    text-transform: uppercase;
    background: #cb5432;
    padding: 20px;
    font-size: 0.8em;

    position: absolute;

    top: 120px;
}

.portfolio-featured h4{
    color: white;
    text-transform: uppercase;
    background: #cb5432;
    padding: 10px;
    font-size: 0.6em;

    position: absolute;

    top: 50px;
}

.portfolio-featured.ui-block-a:first-child img{
    border-radius: 7px 0 0 0;
    -moz-border-radius: 7px 0 0 0;
    -webkit-border-radius: 7px 0 0 0;
}

.portfolio-featured.ui-block-b img{
    border-radius: 0 7px 0 0;
    -moz-border-radius: 0 7px 0 0;
    -webkit-border-radius: 0 7px 0 0;
}

.portfolio-featured.ui-block-b:last-child img{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.portfolio-featured{
    position: relative;
    margin: -2px 0;
    padding: 0;
}

.portfolio-featured img{
    height: 120px;
}

.portfolio-featured .ui-block-a a,
.portfolio-featured .ui-block-b a{
    margin-top: -2px;
}


h3{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#latest-projects h3{
    margin-top: 10px;
    color: #cb5432;
    text-transform: uppercase;
    font-size: 1em;
}

.section-image{
	overflow: visible;
	position: relative;
	background: white;
	border-bottom: 2px solid #e3e3e3 !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 2em;
}

.section-image .article-wrapper{
    padding: 0px 15px 5px;
}

#latest-news h4{
    font-size: 1em;
    color: #cb5432;
    margin: 3px 0 !important;
}

#latest-news span{
    font-size: 0.8em;
}


#latest-news article{
    margin: 10px 0;
}

.sign-image{
	padding: 5px 5px 5px 5px;
	position: absolute;
}

/*
* =INDEX SECTION
*-----------------
*/