/* 
Theme Name: 120mobile theme (Based on Brightness Theme)
Theme URI: http://www.dailywp.com/brightness-wordpress-theme/
Description: Free Wordpress Theme released at <a href="http://www.dailywp.com/" title="DailyWP.com">DailyWP.com</a>.
Version: 1.1
Author: Sorel Mihai (sorel.mihai at gmail.com)
Author URI: http://www.dailywp.com
*/

body { margin: 0px; padding: 0px; font-size: 12px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; }
p{ line-height:18px;}
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
a, a:link, a:active { color: #EE4705; }
a:hover { color: #000000; }
a img{ border:none;}

/** GENERAL TAGS **/

.smalltitle { color: #A49A8C; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 12px; text-transform: uppercase; display:block; }
.wrap { width:980px; margin:0 auto;}
.header-wrap{ background:#fff url(images/header_bg.jpg) repeat-x; padding: 0 0 13px;}
.front .header-wrap{ background:#F6EEE3 url(images/header_bg.jpg) repeat-x;}
.leftalign { width: 570px; float: left; }	
.rightalign { width: 310px; float: right; }
a.more-link { width: 187px; height: 28px; display: block; text-indent: -9999px; background: #000000 url(images/morelink.jpg); }
.clear { clear: both; }
.heading { border-top: solid 5px #D8CFC1; border-bottom: solid 1px #D8CFC1; margin-bottom: 10px; padding: 5px 0 5px 0; }
h3 { font-size: 16px; font-weight: bold; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; text-transform: uppercase; }
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/rss.jpg) no-repeat center top; float: right; }
.navigation a { text-decoration: none; background: #F5EBDD; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; width: 160px; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/** HEADER **/

.header { margin: 0 auto; padding:0; width:996px;}

#headlogo {width: 268px; height:81px; background: url(images/logo.png) no-repeat 0 top; text-indent:-9999px; float: left; text-align: center; padding:0; font-weight: bold; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; letter-spacing: -1px; cursor:pointer;}
#headlogo:hover { color: #ffffff; }	
.header h1 a { text-decoration: none; color: #ffffff;}
.header h1 a span { font-weight: normal; color: #EF4723; }
.header ul {margin:10px 0px 0px; padding: 0px 5px 0 0; list-style: none; float: right; }
.header ul li { display: inline; float:left; line-height:20px; }
.header ul li a {font-size: 14px; text-decoration: none; display: block; float: left; color: #fff; padding:4px 10px 4px 10px}
.header ul li a:hover { color: #ffffff; }
.header ul li.current_page_item{ background:url(images/active.jpg) no-repeat 0 0; color:#fff; padding:0 0 0 5px; margin:0 5px;}
.header ul li.current_page_item a { background: url(images/active.jpg) no-repeat 100% -30px; color: #fff; padding:4px 15px 4px 10px; }

.header .rss{ width:60px; height:30px; display:block; float:right; font-size:14px; color:#fff; text-decoration:none; padding:2px 7px 4px 26px; margin:14px 0 0; background:url(images/rss.png) no-repeat; cursor:pointer;}


/** FEATURED SECTION **/

.featured { background: #F6EEE3; padding:0 0 20px;}
* html .featured{ padding:10px 0;}
.featured h2 { font-family: 'Trebuchet Ms', 'Arial', 'Verdana', sans-serif; font-size: 32px; font-weight: bold; line-height: 42px; margin: 5px 0 15px 0; }
.featured h2 a { color: #EE4705; text-decoration: none; }
.featured .leftalign img { border: solid 3px #E7D9C6; padding: 2px; width: 250px; float: left; margin-right: 15px; }
.featured .postcontent { width: 295px; float: right; }
.featured p, .postcontent { margin: 0px 0px 15px 0px; font-size: 12px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; color: #6A5E4C; line-height: 18px; }
.advertisment { width: 300px; border: solid 3px #E7D9C6; padding: 2px; margin-top: 5px; }
.advertisment p{ padding:8px; margin:0;}

.introads1{ background:url(images/120ads1.jpg) no-repeat; padding:100px 10px 46px;}
.introads1 p{ color:#fff; margin:0; padding:0 0 16px; text-align:right;}

/** ARTICLE COLUMNS **/

.maincontent { width: 700px; float: left; }
.articlecolumn { width: 340px; } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #EE4705; }
.articlecolumn { margin-bottom: 10px; }
.newssection .article, .articlecolumn .article { border-bottom: solid 1px #D8CFC1; margin-bottom: 10px; padding-bottom: 10px; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 18px; font-weight: bold; border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; line-height: 20px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; }
.newssection .article h2 a, .articlecolumn .article h2 a { color: #000000; text-decoration: none; }
.newssection .article p, .articlecolumn .article p { color: #6A5E4C; font-size: 12px; line-height: 16px; font-family: 'Verdana', 'Arial', sans-serif;  }
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }
.newssection .article .left, .articlecolumn .article .left { width: 95px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; line-height: 14px; }
.newssection .article .left img, .articlecolumn .article .left img { border: solid 3px #E7D9C6; padding: 2px;}
.newssection .article .right, .articlecolumn .article .right { width: 230px; float: right; overflow:hidden;}

.post .left img{border: solid 3px #E7D9C6; padding: 2px;}
.post .left { width: 95px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; line-height: 14px; }
.post .right{ width: 520px; float: right; overflow:hidden;}

.date{ padding:4px 0 0; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; line-height: 14px;}
.category{ padding:6px 0; color:#EE4705;}
.category a{ text-decoration:none;} 
.entry img{ padding:10px 10px 10px 0; border:none;}
.single{ border-bottom:1px dashed #B1A289; margin:0 0 10px}
.single .title h2 a{ text-decoration:none;}
/** SIDEBAR **/

.homesidebar { width: 260px; border-top: solid 6px #D8CFC1; float: right; padding-top: 5px; }
.homesidebar h3 { border-bottom: solid 1px #D8CFC1; line-height: 17px; padding-bottom: 7px; margin-bottom: 10px; }
.homesidebar ul { list-style: none; padding: 0px; margin: 0px; color: #C3B39D; font-size: 11px; }
.homesidebar ul li { border-bottom: dashed 1px #D8CFC1; padding-bottom: 6px; margin-bottom: 5px; }
.homesidebar ul li a { font-size: 12px; margin-right: 4px; }
.homesidebar .item { margin-bottom: 40px; }

.singlesidebar { width: 310px; float: right; margin: 20px 0 0 0; }
.singlesidebar .item { margin: 10px 0 30px 0; }

/** SINGLE POST **/

.singlepost { width: 640px; float: left; margin: 20px 0 0 0; }
.singlepost .postcontent { color: #6A5E4C; line-height: 18px; }
.singlepost .posthead h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 38px; line-height: 50px; margin: 0px 0px 4px 0px;  }
.singlepost .posthead span { font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 13px; color: #b1a289; }
.singlepost .posthead p { font-size: 15px; line-height: 18px; font-style: italic; color: #e35b25; border-top: dashed 1px #B1A289; padding-top: 10px; }
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic;  }
.singlepost .post .posthead h2 { font-size: 30px; line-height: 30px;  }
.singlepost .post { margin-bottom: 40px; }
.singlepost .posthead h2 a { text-decoration: none; }

/** HOMEPAGE NEWS SECTIONS **/

.newssection { margin: 0px 0px 20px; }
.newssection .article { width: 340px; float: left; height: 170px;  }
.newssection .even { float: right; }
.newssection ul { width: 340px; float: right; margin: 0px; padding: 0px; list-style: none; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;}
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; }
.newssection ul li h2 a { text-decoration: none; }
.newssection ul li { border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; margin-bottom: 5px; }

.singlesidebar .newssection .article { width: 310px; }
.singlesidebar .newssection .article .right { width: 200px; overflow:hidden;}
.singlesidebar .newssection  ul { width: 310px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer { margin-top: 40px; background: url(images/footer_bg.jpg) repeat-x; border-top: solid 6px #E0D6CC; padding:0; height:71px;}
.footer-wrap{ width:97%; margin:0 auto;}
.footer h1 { display: block; float: right; width: 221px; text-indent: -9999px; background: url(images/footer_logo.png) no-repeat 100% 0; line-height:32px; text-align: center; padding: 16px 0; font-size: 28px; font-weight: bold; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; letter-spacing: -1px;}
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: #EF4723; }
.footer .left { width: 500px; float: left; margin-top: 26px; color: #CAB4AA;}
.footer .left a { color: #CAB4AA; }
.footer .left h2 { font-family:'Trebuchet MS', 'Verdana', sans-serif; font-size: 13px; color: #ffffff; font-weight: bold; }

/** COMMENTS **/

.comments { padding: 0px; border-top: dotted 4px #F6F4F4; margin-top: 20px; }
.comment-meta { width: 130px; float: left; padding: 0px 0 10px 0; text-align: right;}
.commenttext { float: right; width: 400px; padding-left: 20px; border-left: dashed 1px #aaaaaa; margin-top: -5px; margin-bottom: -5px;}
.comment-author { display: block; font-weight: bold; }
.comment-date { font-size: 12px; color: #B4AB9D; }
.comment-meta a { color: #000000; text-decoration: underline; }
.comment { margin-bottom: 15px; }
h2#comments { display: block; padding-bottom: 10px; margin: 40px 0 20px 0; border-bottom: solid 3px #dddddd; }
#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}
#commentform input { border: solid 2px #dddddd; background-color: #ffffff; padding: 3px; width: 300px; margin-right: 10px; }
#commentform textarea { width: 560px; border: solid 2px #dddddd; padding: 3px;  margin-bottom: 10px;}


/** SEARCH **/
#search{ float: right; margin:8px 0 0; padding:0 8px 0 0;}
.search-text{background: url(images/search_bg.jpg) no-repeat 0 -34px; border:none; height:20px; float:left; width:146px; padding:6px 0 6px 6px; font-size:16px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;}
.search-submit{background: url(images/search_bg.jpg) no-repeat 100% 0; border:none; height:32px; float:left; width:32px; padding:0; cursor:pointer;}

/** ABOUT **/
ol,ul { list-style: none;margin:0; padding:0; }
#about{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 72.5%; color: #B4AB9D; font-weight:bold;}
#about .right {padding:20px; background:#F6EEE3; -moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

    #about .right ul li {
        font-size: 2em;
        line-height: 2em; margin:0; padding:0;
    }
    
    #about .right ul li a {
        text-decoration: none;
        color: #000;
        padding: 2px 4px;
    }
    
        #about .right ul li a:hover {
            color: #777;
        }
    
    #about .right ul li:hover a {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #444;
        color: #fff;
    }
    
        #about .right ul li:hover a:hover {
            background: #555;
            color: #222;
        }
    
    /* mobile */
    #about .right ul li:hover.mobile { color: #93CE0C; }
    #about .right ul li:hover.mobile a { background-color: #93CE0C; }
    #about .right ul li:hover.mobile a:hover { background-color: #C1F54B; }

    /* apps */ 
    #about .right ul li:hover.apps { color: #0C7BCE; }
    #about .right ul li:hover.apps a { background-color: #0C7BCE; }
    #about .right ul li:hover.apps a:hover { background-color: #4BACF5; }

    /* nowifi */ 
    #about .right ul li:hover.nowifi { color: #B60B09; }
    #about .right ul li:hover.nowifi a { background-color: #B60B09; }
    #about .right ul li:hover.nowifi a:hover { background-color: #F53230; }

    /* Music */
    #about .right ul li:hover.music { color: #FF005A; }
    #about .right ul li:hover.music a { background-color: #FF005A; }
    #about .right ul li:hover.music a:hover { background-color: #FF669C; }
    
    /* os */
    #about .right ul li:hover.os { color: #0063DC; }
    #about .right ul li:hover.os a{ background-color: #0063DC; }
    #about .right ul li:hover.os a:hover { background-color: #2085FF; }

    /* anthony */ 
    #about .right ul li:hover.anthony { color: #0CCEAE; }
    #about .right ul li:hover.anthony a { background-color: #0CCEAE; }
    #about .right ul li:hover.anthony a:hover { background-color: #4DF4D8; }

    /* member */ 
	#about .right ul li.member{ padding:20px 0 0;color: #FF6600;}
	#about .right ul li.member a{ color: #FF6600; }
    #about .right ul li:hover.member { color: #FF6600; }
    #about .right ul li:hover.member a { background-color: #FF6600; }
    #about .right ul li:hover.member a:hover { background-color: #FFA366; }

    /* idhum */ 
    #about .right ul li:hover.idhum { color: #4C70BA; }
    #about .right ul li:hover.idhum a { background-color: #4C70BA; }
    #about .right ul li:hover.idhum a:hover { background-color: #96ABD6; }
	
    /* lazy */ 
    #about .right ul li:hover.lazyone { color: #0E3D51; }
    #about .right ul li:hover.lazyone a { background-color:#0E3D51;  }
    #about .right ul li:hover.lazyone a:hover { background-color: #125876; }