/*
    this css made by Ahmed Saeed, Designer and Developer from Egypt
    all rights resived to Ahmed Saeed the owner of the template
    E-Mail: mr.ahmedsaeed1@gmail.com 
*/
/* fonts from google
================================================== */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:700|Droid+Serif:400,400italic|Oswald);


/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
      margin:0;
      padding:0;
    }





/* #Site Styles
================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	background: #e8e8e8 url('../images/icons/backgrounds/shattered.png') top left;
	position: relative;
    font:12px/24px 'Droid Serif', serif;
    color:#666;
    margin:0;
    padding:0;
}



/*================ h3 heading style ==========*/
table.heading {
    border-collapse:collapse;
    border-spacing:0;
    margin:0 0 30px 0;
    width:100%;
}
table.heading tr {
    display: table-row;
}
table.heading tr td {
    display: table-cell;
}
table.heading tr td.right_border {
    width:100%;
    background:url('../images/icons/header_border.png') repeat-x center;
}
table.heading tr td.title_text {
    white-space: nowrap;
    padding:0 12px 0 0;
}
table.heading tr td.title_text h3 {
    font: 16px/21px 'Oswald', sans-serif;
    padding:0;
    margin: 0;
    color:#333;
    text-transform:uppercase;
    /* text shadow */
    text-shadow:0 1px 0 #eee;
    -webkit-text-shadow:0 1px 0 #eee;
    -moz-text-shadow:0 1px 0 #eee;
    -o-text-shadow:0 1px 0 #eee;
}
/*====== end it ======*/


/* h2, h3, h4, h5, h6
================================================== */
h2 { line-height:24px; margin-bottom:60px; }
h3 { line-height:21px; margin-bottom:24px; }
h4 { line-height:18px; margin-bottom:12px; color:#333; }
h5 {
    font:400 16px/18px 'Droid Sans', sans-serif;
    color:#333;
    margin:0 0 12px 0;
}
h4 a {color:#333;}
h4 a:hover {color:#cd4450;}

/* ancher links
================================================== */
a {
	text-decoration:none;
	outline:none;
	margin:0;
	padding:0;
    color:#cd4450;
	/* transition */
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}
a:hover {
    color:#111;
}


/* link with class [black_btn] (this is the black button) */
a.black_btn:link, a.black_btn:visited, input.black_btn {
	padding:10px 20px;
    border:1px solid #3c3c3c;
    background:none;
    font:400 14px 'Droid Serif', serif;
    color:#fff;
    background: #444444;
    background: -moz-linear-gradient(top, #444444 1%, #2b2b2b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#444444), color-stop(100%,#2b2b2b));
    background: -webkit-linear-gradient(top, #444444 1%,#2b2b2b 100%);
    background: -o-linear-gradient(top, #444444 1%,#2b2b2b 100%);
    background: -ms-linear-gradient(top, #444444 1%,#2b2b2b 100%);
    background: linear-gradient(to bottom, #444444 1%,#2b2b2b 100%);
    /* border rounded */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /* box shadow */
    box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
    -moz-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
    -o-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
}
a.black_btn:hover, a.black_btn:active, input.black_btn:hover {
	background: #2b2b2b;
    background: -moz-linear-gradient(top, #2b2b2b 0%, #444444 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(99%,#444444));
    background: -webkit-linear-gradient(top, #2b2b2b 0%,#444444 99%);
    background: -o-linear-gradient(top, #2b2b2b 0%,#444444 99%);
    background: -ms-linear-gradient(top, #2b2b2b 0%,#444444 99%);
    background: linear-gradient(to bottom, #2b2b2b 0%,#444444 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#444444',GradientType=0 );
}

/* link with class [red_btn] (this is the red button) */
a.red_btn:link, a.red_btn:visited, input.red_btn {
    padding:10px 20px;
    border:1px solid #c25b63;
    background:none;
    font:400 14px 'Droid Serif', serif;
    color:#fff;
    background: #c25b63;
    background: -moz-linear-gradient(top, #c25b63 0%, #aa474f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c25b63), color-stop(100%,#aa474f));
    background: -webkit-linear-gradient(top, #c25b63 0%,#aa474f 100%);
    background: -o-linear-gradient(top, #c25b63 0%,#aa474f 100%);
    background: -ms-linear-gradient(top, #c25b63 0%,#aa474f 100%);
    background: linear-gradient(to bottom, #c25b63 0%,#aa474f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c25b63', endColorstr='#aa474f',GradientType=0 );
    /* border rounded */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /* box shadow */
    box-shadow: 0 1px 0 #121212, inset 0 1px 1px #aaa;
    -webkit-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #aaa;
    -moz-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #aaa;
    -o-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #aaa;
}
a.red_btn:hover, a.red_btn:active, input.red_btn:hover {
    background: #aa474f;
    background: -moz-linear-gradient(top, #aa474f 0%, #c25b63 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa474f), color-stop(100%,#c25b63));
    background: -webkit-linear-gradient(top, #aa474f 0%,#c25b63 100%);
    background: -o-linear-gradient(top, #aa474f 0%,#c25b63 100%);
    background: -ms-linear-gradient(top, #aa474f 0%,#c25b63 100%);
    background: linear-gradient(to bottom, #aa474f 0%,#c25b63 100%);
}




/* ul & ol & li
================================================== */
ul, ol {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	margin:0;
	padding:0;
}


/* inputs, select,, textarea
================================================== */
input, select, textarea {
	outline:none;
}


/* Global style for placeholder */
.placeholder { /* ie */
    font:11px 'Droid Serif', serif;
    color:#c9c9c9;
    font-style:italic;
}
:-ms-placeholder { /* ie 10 */
    font:11px 'Droid Serif', serif;
    color:#c9c9c9;
    font-style:italic;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* webkits */
    font:11px 'Droid Serif', serif;
    color:#c9c9c9;
    font-style:italic;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* mozilla */
    font:10px 'Droid Serif', serif;
    color:#c9c9c9;
    font-style:italic;
}
/*== end placeholder style ==*/


/*======= Selecion Style =========*/
::selection {
    background:#cd4450;
    color:#fff;
}
::-moz-selection {
    background:#cd4450;
    color:#fff;
}
::-webkit-selection {
    background-color:#cd4450;
    color:#fff;
}
/*==== end selection ====*/


/* #Page Styles Header
================================================== */
/*==== header tag style ====*/
header {
	margin:0;
    position:relative;
    display: block;
    width:100%;
    z-index:10000;
    border-bottom:2px solid #cf4450;
    background:#222;
}

/* ====site Logo=== */
header h1 {
    margin:14px 0 0 0;
    padding:0;
}
header h1 a {
    background:url('../images/icons/logo.png') no-repeat left top;
    width:90px;
    height:30px;
    display:block;
    font:0/0 a;
    text-shadow:none;
    color:transparent;
}
header h1 a:hover {
    opacity: .7;
    -moz-opacity: .7;
    filter:alpha(opacity=70);
}
/* end */

/* select menu */
header nav select {
	display:none;	
}
/* ul menu */
header nav ul li {
    float:left;
	position:relative;
}
header nav ul li a {
    display:block;
	padding:12px 22px;
    margin:0;
	font:700 14px 'Droid Sans', sans-serif;
	color:#f2f2f2;
	border-left:1px solid #454545;
	text-transform:uppercase;
}
header nav ul li:first-child a {
    border-left:none;
}
header nav ul li a:hover {
    color:#f2f2f2;
	border-color:#e03f4c;
    background:#cd4450;
}
header nav ul li:hover a {
	border-color:#e03f4c;
    background:#cd4450;
}
header nav ul li a.currentNav {
	background:#cd4450;
	color:#fff;
}
header nav ul li a span.tagline {
	font-size:12px;
	font-weight:400;
	color:#b4b4b4;
	text-transform:capitalize;
}
header nav ul li a.currentNav span.tagline {
    color:#ddd;
}

/*=== ul nested inside ul li ====*/
header nav ul li ul.submenu {
	position:absolute;
	left:0;
	z-index:500;
    padding:0;
    display:none;
	background:#222;
	min-width:230px;
	max-width:450px;
	/* transition */
	transition: display .3s linear;
	-webkit-transition: display .3s linear;
	-moz-transition: display .3s linear;
	-o-transition: display .3s linear;
}
header nav ul li ul.submenu li.menu_top_arrow {
    position:absolute;
    top:-10px;
    left:22px;
    width:27px;
    height:19px;
    display:block;
    border:none;
    background:url('../images/icons/menu_top_arrow.png') no-repeat left top;
}
header nav ul li ul.submenu li {
	float:none;
	display:list-item;
	margin:0;
	width:100%;
	display:block;
    border-top:1px dotted #444;
    background:none;
}
header nav ul li ul.submenu li a {
	border:none;
	display:block;
	padding:14px 12px;
    background:none;
}
header nav ul li ul.submenu li a:hover {
	border:none;
	padding-left:18px;
    background:#cd4450;
    color:#fff;
}
header nav ul li ul.submenu li a.sub_current {
    border:none;
    padding-left:18px;
    background:#cd4450;
    color:#fff;
    cursor:default;
}
header nav ul li ul.submenu li a span.inside {
    display:none;
}

header nav ul li:hover ul.submenu {
    display: block;
}


/*============= featured =============*/
#featured {
    background:#bf3641 url('../images/icons/slide_bg.png') repeat left top;
    /*padding:24px 0;*/
    margin:0 0 60px 0;
    padding:0;
    width:100%;
    border-bottom:5px solid #afafaf;
}
#featured div h2 {
    font:700 24px/22px 'Droid Sans', sans-serif;
    color:#eee;
    padding:24px 0;
    text-align:left;
    margin:0;
    text-transform:uppercase;
    text-shadow:0 1px 0 #333;
    -webkit-text-shadow:0 1px 0 #333;
}
#featured div h2 em {
    font:400 12px 'Droid Serif', serif;
    color:#eee;
    font-style: normal;
    text-transform:uppercase;
    text-shadow:none;
}
#featured div h2 em a {
    color:#fff;
}
#featured div h2 em a:hover {
    color:#ecbc53;
}
/*search form */
#featured form {
    margin:24px 0;
    background:#f8f2f3;
    border:2px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
}
#featured form input[type="text"] {
    padding:3px 6px;
    font:400 14px 'Droid Serif', serif;
    color:#333;
    float:left;
    width:73%;
    background:none;
    border:none;
}
#featured form input[type="submit"] {
    width:18px;
    height:18px;
    padding:14px 18px;
    border:none;
    font:0/0 a;
    margin:0;
    float:right;
    cursor:pointer;
    background:#b5333e url('../images/icons/searchIcon.png') no-repeat 50% 50%;
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -o-border-radius:0 5px 5px 0;
}
#featured form input[type="submit"]:hover {
    background-color:#961f29;
}




/* #Page Styles Footer
================================================== */
footer {
	background:#292929/* url('../images/icons/footer.png') repeat left top*/;
	margin:60px 0 0;
    border-top:5px solid #afafaf;
}
footer div.container div div {
	margin: 18px 0;
}
/* footer heading */
footer table.heading {
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:24px;
    width:100%;
}
footer table.heading tr {
    display: table-row;
}
footer table.heading tr td {
    display: table-cell;
}
footer table.heading tr td.right_border {
    width:100%;
    background:url('../images/icons/footer_header_border.png') repeat-x center;
}
footer table.heading tr td.title_text {
    white-space: nowrap;
    padding:0 12px 0 0;
}
footer table.heading tr td.title_text h3 {
    font: 16px/21px 'Oswald', sans-serif;
    padding:0;
    margin: 0;
    color:#9f9f9f;
    text-transform:uppercase;
    text-shadow:none;
    -moz-text-shadow:none;
    -webkit-text-shadow:none;
    -o-text-shadow:none;
}
/*=== end it ====*/



/* intro_about */
footer div.intro_about p {
    color:#777;
    padding-right:14px;
    margin:0 0 18px 0;
    text-shadow: 0 1px 0 #000;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
}


/* Socials */
footer div.intro_about div.footer_socials {
    margin:0;
    padding:0;
}
footer div.intro_about ul {
    margin:0;
    padding:0;
}
footer div.intro_about ul li {
    display:inline-block;
    width:32px;
    height:30px;
    margin:0 5px 0 0;
    padding:0;
}
footer div.intro_about ul li a {
    text-indent: -999999px;
    width:32px;
    height:30px;
    display: block;
    background:url('../images/icons/footer_socials.png') no-repeat;
}
/* twitter icon */
footer div.intro_about a.twitter {
    background-position:0 0;
}
footer div.intro_about a.twitter:hover {
    background-position:0 -30px;
}
/* facebook icon */
footer div.intro_about a.facebook {
    background-position:-38px 0;
}
footer div.intro_about a.facebook:hover {
    background-position:-38px -30px;
}
/* googlePlus icon */
footer div.intro_about a.googlep {
    background-position:-76px 0;
}
footer div.intro_about a.googlep:hover {
    background-position:-76px -30px;
}
/* vimeo icon */
footer div.intro_about a.vimeo {
    background-position:-113px 0;
}
footer div.intro_about a.vimeo:hover {
    background-position:-113px -30px;
}
/* deviant icon */
footer div.intro_about a.deviant {
    background-position:-152px 0;
}
footer div.intro_about a.deviant:hover {
    background-position:-152px -30px;
}





/* recent_posts */
footer div.recent_posts ul li {
    padding:6px 0;
    border-bottom:1px solid #101010;
    box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    -moz-box-shadow: 0 1px 0 #444;
    -o-box-shadow: 0 1px 0 #444;
}
footer div.recent_posts ul li:first-child {
    padding-top:0;
}
footer div.recent_posts ul li:last-child {
    border:none;
    box-shadow: none;
}
footer div.recent_posts ul li a {
    color:#999;
    text-shadow: 0 1px 0 #000;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
}
footer div.recent_posts ul li a:hover {
    color:#eee;
}


/* tweets */
footer div.tweets ul li {
    margin-bottom:18px;
    padding-left:35px;
    background:url('../images/icons/footer_tweet.png') no-repeat left 5px;
}
footer div.tweets ul li:last-child {
    margin-bottom:0;
}
footer div.tweets ul li a {
    color:#999;
    text-shadow: 0 1px 0 #000;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
}
footer div.tweets ul li a:hover {
    color:#eee;
}


/* flickr stream */
footer ul.flickr_img li {
    padding:4px;
    float:left;
}
footer ul.flickr_img li a,
footer ul.flickr_img li a img{
    width:44px;
    height:44px;
    display:block;
    border:1px solid #333;
}
footer ul.flickr_img li a:hover {
    opacity: .6;
    -moz-opacity: .6;
    filter:alpha(opacity=60); 
}



/*======= Copyright ========*/
footer div.copyright {
    background:#181818;
    padding:18px 0;
    border-top:1px solid #111;
}
/* footer Nav */
footer div.copyright div.fNav span {
     color:#9f9f9f;
     font:13px/21px 'Droid Sans', sans-serif;
     margin:0 3px;
}
footer div.copyright div.fNav a {
    color:#9f9f9f;
    font:10px/21px 'Droid Sans', sans-serif;
    text-transform:uppercase;
    text-shadow: 0 1px 0 #000;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
}
footer div.copyright div.fNav a:hover {
    color:#cd4450;
}
/* copyright p*/
footer div.copyright p {
    margin:0;
    padding:0;
    font:10px/21px 'Droid Sans', sans-serif;
    color:#9f9f9f;
    text-transform:uppercase;
    text-shadow: 0 1px 0 #000;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
}
footer div.copyright p a {
    color:#9f9f9f;
}
footer div.copyright p a:hover {
    color:#cd4450;
}



/*
widget panel style 
=============================*/
a.goToTop {
    position:fixed;
    right:20px;
    top:16px;
    font:0/0 a;
    z-index:999999999;
    width:14px;
    height:23px;
    display: block;
    background:url('../images/icons/goToTop.png') no-repeat left top;
    opacity: .7;
    -moz-opacity: .7;
    filter:alpha(opacity=70); 
}
a.goToTop:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100); 
}
/*=========== end it ===========*/



/*
widget panel style 
=============================*/
#sideWidget {
    position:fixed;
    top:85px;
    left:-168px;
    z-index:999999;
}
#sideWidget div.bgPatterns {
    float:left;
    width:140px;
    background:#fff;
    padding:12px;
    border:1px solid #bbb;
}
#sideWidget div.bgPatterns h4 {
    font:700 14px 'Droid Sans', sans-serif;
    color:#555;
}
#sideWidget div.bgPatterns a {
    font:0/0 a;
    width:24px;
    height:24px;
    display:block;
    float:left;
    margin:0 6px 12px 0;
    border:1px solid #ddd;
}
#sideWidget div.bgPatterns a:hover {
    opacity: .7;
    -moz-opacity: .7;
    filter:alpha(opacity=70);  
}
/* the ancher link */
#sideWidget a.WidgetLink {
    float:left;
    font:0/0 a;
    padding:20px;
    border-left:none;
    display: block;
    background:#444 url('../images/icons/widgetIcon.png') no-repeat 50% 50%;
}
/*========= end it ==========*/




/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

        header nav ul li a {
            padding:12px 8px;
        }

        /* side panel widget */
        #sideWidget {
            top:155px;
        }
        /* featured */
        #featured form input[type=text] {
            width:69%;
        }

        /* blog & post pages */
        aside div.blogTab ul li {
            float:none !important;
        }
        aside div.blogTab ul li a {
            width:100% !important;
            display:block !important;
            border:none !important;
            border-bottom:1px solid #212121 !important;
        }
        aside div.blogTab div.tabContent div {
            margin-bottom:12px !important;
        }
        aside div.blogTab div.tabContent div img {
            width:55px !important;
            height:55px !important;
        }

        /* portfoli category */
        table.category_heading tr td.right_border {
            width:23% !important;
        }
    }


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

        header h1 {
            display:block;
            text-align:center;
        }
        header h1 a {
            display:block;
            margin:14px auto 0;
            text-align:center;
        }
		/*===== topHeader =====*/
		header nav ul {
			display:none;
		}
		header nav select {
			width:100%;
			display:block;
			padding:8px 3px;
			margin:18px 0;
            cursor:pointer;
		}
        /* pageName & search form */
        #featured div h2, #featured form {
            padding:0 !important;
            margin:12px 0 !important;
        }
        #featured div h2 {
            margin:12px auto !important;
            text-align:center;
        }

		/*==== footer ====*/
		footer div.container div {
			margin-bottom:60px ;
		}
        footer div.subscribe {
            padding-top:21px;
        }
        footer div.subscribe form {
            margin:0 auto;
            width:88%;
        }

        /* side panel widget */
        #sideWidget {
            top:10px;
        }

        /* go to top link */
        a.goToTop {
            top:20px;
        }


        /* home page */
        #latestFolio ul.folioContainer li.folio {
            margin-bottom:12px;
        }
        #latestFolio ul.folioContainer li.folio:last-child {
            margin-bottom:0 !important;
        }


        /* about page */
        #team ul li {
            margin-bottom:24px !important;
        }
        #team ul li:last-child {
            margin-bottom:0 !important;
        }
        #leftContent div.workSpace {
            margin-bottom:60px !important;
        }


        /* blog & post pages */
        #leftSide hr {
            height:60px !important;
        }
        /* tabs in blog and post */
        aside div.blogTab ul li a {
            width:137px !important;
            display:block !important;
        }
        /* about author */
        #leftSide #aboutAuthor a img {
            width:60px !important;
            height:60px !important;
            display:block !important;
        }

        /* portfolio category */
        table.category_heading tr td.right_border,
        table.category_heading tr td.left_border {
            display: none
        }
        table.category_heading tr td ul.category li {
            float:none !important;
        }
        table.category_heading tr td ul.category li h4 a {
            display: block;
            padding:8px 0;
            text-align: center;
            background:#fff;
            border-left:1px solid #ddd;
            border-right:1px solid #ddd;
            border-top:1px solid #ddd;
        }
        table.category_heading tr td ul.category li:last-child h4 a {
            border-bottom:1px solid #ddd;
        }

        /* portfolio post1 & post2 */
        #related_portfolio ul li {
            margin-bottom:12px !important;
        }
        #related_portfolio ul li:last-child {
            margin-bottom:0 !important;
        }

        /* portfolio list page */
        #listFolio div.folioContainer div.date {
            display:none;
        }
        #listFolio div.folioContainer div.folioImg {
            margin-bottom:18px;
        }

        /* portfolio three page */
        #threeFolio div.sixteen ul li {
            margin-right:0;
        }

        /* services tab */
        #servicesOuter {
            background:none !important;
        }
        #servicesTab {
            width:100% !important;
            float:none !important;
            padding-top:0 !important;
            margin-bottom:12px !important;
        }
        #servicesTab li {
            padding:0;
            margin:0 !important;
        }
        #servicesTab li a {
            padding:8px 0;
            margin:0 !important;
            display:block;
            text-align:center;
            background:#fff;
        }
        #servicesTab li a.currentTab {
            border:none !important;
        }
        #content_outer {
            width:100% !important;
            margin:0 !important;
            padding:0 !important;
        }
        #content_outer div.tabContent,
        #content_outer div.service_text {
            margin:0 !important;
            padding:0 !important;
        }

        /* contact page */
        #contactForm {
            margin-bottom:60px;
        }
        

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

         /* blog & post pages */
        aside div.blogTab ul li {
            float:none !important;
        }
        aside div.blogTab ul li a {
            width:100% !important;
            display:block !important;
            border:none !important;
            border-bottom:1px solid #212121 !important;
        }
        aside div.blogTab div.tabContent div {
            margin-bottom:12px !important;
        }
        aside div.blogTab div.tabContent div img {
            width:55px !important;
            height:55px !important;
        }
        /* about author */
        #leftSide #aboutAuthor a img {
            width:50px !important;
            height:50px !important;
            display:block !important;
        }

    }