/*

Theme Name: MashUp

Theme URL: http://vikiworks.com 
Theme URL: http://3oneseven.com 

Description: Mashup is a 2 column theme with stylish background, widget ready plus custom widgets.
Tags: styleswitcher 2 column fixed

Author: Yichi  

Author: miloIIIIVII 

Author URI: http://vikiworks.com

Author URI: http://3oneseven.com 

Version: 1.0



Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.



*/



body { background:#EBEBEB; font:12px/20px "arial", "Segoe UI",verdana, arial,sans-serif; margin:0;padding:0;}



/* ----------------------------------- base */



a   { color:#9FD077;text-decoration:none;outline:0; }

a:hover { color:#000; }

a img { border: none; }



ul, li { list-style: none;margin:0;padding:0; }

h2  { font-size:14px;border:0; } 

h3  { font:bold 11px arial,helvetica;color:#aaa;line-height:1.4em;border:0;  }

h3 SPAN.slash { font:bold 10px Arial !important; border:0;  }

h4  { font-size:14px; border:0; }



code { font: 11px  "Courier New"; color:#333; padding:6px;margin:8px;display:block;background:#eee; }

blockquote { color:#000; padding:5px; font: 14px tahoma,verdana,arial;  }

.pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#000;font-size:11px; }

.right,.alignright { float:right;margin-left:8px; padding:5px;}

.left,.alignleft { float:left;margin-top:3px;margin-right:8px; padding:5px;}

.center,.aligncenter{ margin:0 auto;padding:8px;text-align:center;display:block; }

.clear { clear: both; }

.clear-both { clear: both; }



/* ----------------------------------- header */



#header { width:990px;margin:0 auto;padding:0;background: url(mis/01.jpg) no-repeat 0 0;height:256px;}

#header .mast{ float:left;margin:0;padding:10px 0 0 70px;background:transparent;height:100px;display:inline;overflow:hidden; }

#header h1 a { margin:0;padding:0;color:#9FD077;font:normal 32px impact,helvetica,serif;margin:0;padding:0;text-transform:uppercase;letter-spacing:-2px;}

#header h1 a:hover { color: #7bc340; }

#header h1 span{color:#666;letter-spacing:-2px;}

.des{float:left;margin:-22px 0 0 0;padding:0 0 0 45px;color:#ccc;font-style:normal;}



/* ----------------------------------- navi */



ul.topnav   { list-style:none;text-align:left;float:right;height: 68px; background: transparent; padding: 30px 0; }

.topnav li   { float:left; margin: 0 10px;}

.topnav li a  { font: 13px/130% tahoma,"arial",helvetica,sans-serif;color:#333;display:block;padding:3px 0;text-transform:uppercase; text-align: center; }

.topnav li a:hover { color:#666;border-bottom: 2px solid #666; }

.topnav li a.fee{ color:#CD8623; }

.topnav li a.fee:hover   {  border-bottom: 2px solid #CD8623;}

.topnav li a.nav-a{ color: #bac337; }

.topnav li a.nav-a:hover { border-bottom: 2px solid #bac337; }



#blurb{clear:right;float:right;margin:0;padding:30px 20px 0 0;background:transparent;width:25%;font-size:95%;line-height:100%;font-style:italic;display:inline;overflow:hidden;color:#333;text-align:center;}

#blurb h2{ color: #ac331f; font: bold 20px/110% "Trebuchet MS", Verdana, Helvetica; }

#blurb em{  font: italic 13px/110% Georgia, "Times New Roman", Times, serif; color: #333; }



/* ----------------------------------- blue tops */



.bluetop{margin:0 auto;padding:0;width:950px;height:166px;background:#ccc url(mis/02.jpg);border:1px solid #ddd;}



.topleft{padding:0;margin:0;width:50%;float:left;}

.topright{padding:10px 0;margin:0;width:30%;float:right;}

.abo{padding:0 20px;margin:0;width:99%;line-height:150%;color:#6690AF;}

.abo a{color:#4ca305;}

.abo a:hover { color: #333; }



.theme{padding:0;margin:0;text-align:right;float:right;display:block;width:99%;min-height:25px;

background:transparent url(mis/16.jpg) no-repeat top right;}

.rss{clear:right;padding:10px;margin:0;text-align:right;font-size:80%;color:#fff;}



.feedcountdiv p{margin:0;padding:0;}

.feedcount{text-align:right;padding:3px;background:transparent;color:#666;font-weight:500;border:0;font-size:140%;}

.subscribers{color:#4ca305;padding:0 2px;font-weight:700;}

.feeder{margin:-5px 0 0 0;padding:0;font-size:90%;font-style:normal;color:#fff;}



/* ----------------------------------- wrapper */



#main-wrapper { margin: 0 auto;width: 950px; padding:0; text-align: left;background:#fff;color:#333; }

.home{ background: #fff;margin:0;padding:10px 0;}

.main { width: 540px;margin:0;padding:0;float:left; }



/* ----------------------------------- front posts */



.thumb-balloon { position: absolute; top: 0; right: 0; z-index: 102; background:transparent url(images/pxb.png); }

.thumb-balloon a { font:bold 9px arial; color: #999 !important; display: block; height: 1.8em; line-height: 1.8em; width: 2.4em; text-decoration: none; text-align: center; }



.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; border: 2px solid #ccc;overflow: hidden; height: 150px; margin: 10px 0 0 10px; position: relative; }

.thumb-title { display: block; background:transparent url(images/pxb.png); bottom: 5px; right: 0; position: absolute; width: 80%; z-index: 101; padding: 4px 0; }

.thumb-title h2 { margin: 0; line-height: 1.4em; }

.thumb-title h2 a { padding:4px 5px;font:bold 12px Arial,helvetica;display:block;letter-spacing:-1px;color: #999;text-decoration: none;text-align:right; }

.thumb-title h2 a:hover { color: #fff;}





/* ----------------------------------- entry style */



.postedby { float:left;width:40px;height: 40px;text-align:center;margin-right:8px;background:#efefef;border: 1px solid #ccc; }	



* {  }

.post-day { font: 20px arial, sans serif;color:#bbb;text-align:center; }

.post-month { font:11px arial, sans serif;text-transform: uppercase;color:#8e6a3a; }

.post.single { color:#333; width:485px;padding:3px 12px; }

.post.single h2, .post.single h2 a 

{ font:bold 22px arial,helvetica;letter-spacing:-1px;display: inline;line-height:1.4em;color:#35a23c;text-decoration:none; }



.post.single .entry { float:right;overflow:hidden;padding:5px 5px 25px 5px; }

.post .entry img.wp-smiley  { border:0; margin:0; }  

.post .entry img,.entry a img { border:4px solid #bbb; }

.post .entry a:hover img { border-color:#eee; }



.post.single h3 { font-size: 14px; color: #000; margin-top: 1em;border:0; display:inline; }

.post.single p { margin: 1em 0; }

.post.single p a,.post.single li a,.post.single a  { border-bottom:1px solid #ccc;color:#000; }

.post.single p a:hover,.post.single a:hover  { color:#ddd; }

.post.single p strong,.post.single ul li strong ,.post.single code strong{ font-weight: bold;color:#000; }

.post.single p em { font-style: normal; background: #fafafa; }



.post.single blockquote { margin: 0 1.5em; color: #000; }

.post.single ul, .post.single ol { margin: 1em 1.5em; }

.post.single ul li, .post.single ol li { margin: 0 0 14px 0; color: #333; line-height: 1.3em; }

.post.single ul li { background: url(images/li.gif) no-repeat 1px -1px; padding-left: 20px; }



.post.single code { font-family: courier, fixed, monospace; font-size: 12px; background: #eee; }



.share{ clear:both;padding-bottom: 5px; text-align: right;width:99%;height:18px;display:block;}



.share p{ padding-bottom: 3px; margin-right: 22px; border-bottom: 4px solid #666; }

.postMeta { font:11px Arial;margin-bottom:5px;padding:5px 10px;color:#333;background:#eee;}



.postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }

.postMeta span.comments a,.postMeta p{ color: #455561; padding-left: 20px; background: url(images/folder.png) no-repeat; margin-bottom: 1em;}

.postMeta p a{ color: #448099; }

.postMeta p a:hover{ text-decoration: underline; }



.icon { padding-left: 15px;background:transparent no-repeat 0 50%; }

.linkedin { background-image: url(images/linkedin.png); }

.facebook { background-image: url(images/facebook.png); }

.pownce { background-image: url(images/pownce.png); }

.digg { background-image: url(images/digg.png); }





/* ----------------------------------- bars */



#sidebar{margin:0;padding:0 0 80px 0;background:#fff;width:400px;float:right;

border:0;display:inline;overflow:hidden;color:#333;}

#sidebar .white{display:block;width:80%;background:#fff;border:1px solid #ccc;margin:0;padding:10px 20px;}

#sidebar .green{display:block;width:80%;background:transparent url(mis/09.jpg) no-repeat top center;

margin:0;padding:0;width:80%;height:35px;}

#recent{margin:0;padding:20px 0;}



#sidebar ul{padding:5px 0;margin:0;list-style-type:none;}

#sidebar li a{color:#666;text-decoration:none;}

#sidebar li a:hover{color:#9FD077;}



#featured{width:100%;margin:0;padding:0;background:transparent;}



#sidebar h3{margin:0;padding:10px 0;font:normal 16px arial,arial black,impact,tahoma,serif;color:#666;width:90%;}





/* ----------------------------------- head replacements*/



h4.popi{background:transparent url(mis/05.jpg) no-repeat 0 0;width:240px;height:37px;margin:0;padding:0;}

h4.rec{background:transparent url(mis/06.jpg) no-repeat 0 0;width:240px;height:37px;margin:0;padding:0;}

h4.flic{background:transparent url(mis/07.jpg) no-repeat 0 0;width:240px;height:37px;margin:0;padding:0;}

h4.pro{background:transparent url(mis/08.jpg) no-repeat 0 0;width:240px;height:37px;margin:0;padding:0;}

h4.foocat{background:transparent url(mis/11.jpg) no-repeat 0 0;width:197px;height:48px;margin:0;padding:0;}

h5.blur{background:transparent url(mis/12.jpg) no-repeat 0 0;width:100px;height:45px;margin:0;padding:0;}

#sidebar h4{display:block;height:50px;width:200px;text-indent:-90000px;margin:0;padding:0;}

#footer h4{display:block;height:48px;width:197px;text-indent:-90000px;margin:0;padding:0;}

#footer h5{display:block;height:45px;width:100px;text-indent:-90000px;margin:0;padding:0;}





/* ----------------------------------- flickr */



.flickr{margin:10px 0;display:block;width:80%;overflow:hidden;}

.flickr a img{margin:3px;padding:5px;background:#ddd;display:block;float:left;border:0;width:4.0em;height:4.0em;}

.flickr a:hover img{background:#9FD077;}

.flickr p{clear:both;margin:10px 0;display:block;width:99%;text-align:right;font-size:80%;}





/* ----------------------------------- calendar */



#wp-calendar{text-align:center;background:transparent;margin:0;width:95%;}

#wp-calendar td{line-height:10px;font-size:10px;color:#333;}

#wp-calendar td a{display:block;color:#333;text-decoration:none;line-height:10px;}

#wp-calendar #prev a{width:30px;font-size:90%;}

#wp-calendar #next a{width:30px;margin:0 0 0 30px;font-size:90%;}

#wp-calendar #today{background:#9FD077;color:#fff;}

#wp-calendar #today a{color:#333;font-weight:700;}

#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;font-variant:small-caps;}





/* ----------------------------------- footer */



#footer{clear:both;margin:0 auto;padding:0;color:#333;

width:950px;height:165px;font-size:0.9em;background:transparent url(mis/03.jpg) repeat-x 0 0;border:1px solid #ddd;}

#in{width:90%;margin:0 auto;padding:0;}

#footer h3{margin:0;}

#fooleft{padding:0;margin:0;width:58%;float:left;}

#fooright{padding:0;margin:0;width:35%;float:right;line-height:110%;}



.cat{height:85px;background:transparent;padding:0;}

.cat ul{margin:1px 0;}	

.cat ul li{list-style:none;padding:1px 0;display:inline;}

.cat ul li a:link,.cat ul li a:visited{color:#999;float:left;width:35%;padding:0;margin:0;}

.cat ul li a:hover{color:#9FD077;background:transparent;}





/* ----------------------------------- sec footer */



#s_footer{clear:both;margin:0 auto;

padding:0;width:967px;height:180px;font-size:0.9em;background:transparent url(mis/15.jpg) no-repeat top center;}



#sbm{clear:both;padding:55px 0 0 15px;font-size:80%;line-height:110%;color:#ccc;text-align:right;}

#sbm a{color:#ccc;text-decoration:none;border:0; }

#sbm a:hover{color:#fff;border-bottom:1px solid #ccc;}



/* ----------------------------------- ads */



#sponsor{padding:0;margin:10px 0 0 10px;height:200px;width:99%;display:block;}

#banner{padding:0;margin:10px 0;width:80%;height:190px;overflow:hidden;}

#banner ul li,#sponsor ul li{margin:0;padding:0;}

#banner ul li a,#sponsor ul li a{padding:3px;margin:0;float:left;}





/* ----------------------------------- comments */

h3#comments,h3#respond{font:normal 22px arial,arial black,impact,tahoma,serif;color:#666;padding:15px 0;}

h3#comments span{font-size:75%;}

h4#comments{margin:0;font:normal 23px arial,arial black,impact,tahoma,serif;color:#666;letter-spacing:-1px;padding:15px 0;}

h5.comments{margin:-3px 0 0 0;font-size:80%;color:#666;letter-spacing:-1px;padding:0;}

h3#trackback{background:transparent;font:bold 14px arial,arial black,impact,tahoma;color:#666;padding:13px 0;}

.cleft{float:left;width:66px;height:46px;list-style:none;}

.commentlist{list-style:none;margin:0;padding:0;}

.commentlist cite{font-style:normal;color:#ccc;}

.commentlist small,.commentmetadata{color:#666;font-size:75%;margin:-3px 0 0 0;}

.commentlist li{border-bottom:1px dotted #ccc;padding:10px;}

.commentlist li{background:transparent;}

.commentlist li#linkpage ul li{padding:4px 0;float:left;list-style:none;}

.alt,.commentlist .alt{background:#ccc;}.pingback{margin:20px 0;background:transparent;} 

.commentlist li span.moderate{background:transparent url(images/notice.png) no-repeat;padding:3px 0 3px 20px;color:#900;}

.commenttext-admin{clear:both;margin:5px 0 10px 0;padding:10px 10px 5px 10px;width:95%;background:#ccc;}

#commentform input#author,#commentform input#email,

#commentform input#url{font-family:arial;background:#fff url(images/icon_form.gif) no-repeat;border:1px solid #ccc;padding:4px 4px 4px 30px;width:200px;}

#commentform input#author{background-position:3px -3px;}

#commentform input#email{background-position:3px -33px;}

#commentform input#url{background-position:3px -63px;}

#commentform textarea{width:99%;padding:0;background:#fff;border:1px solid #ccc;font:14px arial;}

.count{float:right;font:46px impact;color:#666;line-height:33px;}

#commentform #submit{margin:0;padding:5px;font:normal 1.1em arial,arial black,impact,tahoma,sans-serif;}

.commentads { float: right; width: 340px; }



/* ----------------------------------- cats */



#categories { text-align: left; background: transparent url(images/category-folderbg.png) no-repeat 90% 90%;}

#categories ul { width: 300px; padding-left: 30px;}

#categories li { font:12px arial;float: left;margin-right: 25px; background: transparent url(images/folder.png) no-repeat 0 40%; padding: 2px 0 2px 20px; height: 20px;  width: 80px;}

#categories li a { color: #969a9d; text-decoration: none;border-bottom:1px solid #333; }

#categories li a:hover { color:#ddd; border-bottom: 2px solid #448099; }



#combo  { margin:10px 0;}

#combo a.hightlighted, #combo a.hightlighted_down { background:#151515;font:10px arial; text-transform:uppercase;padding:4px;padding-left:6px;padding-right:6px;text-decoration:none; color:#999; }

#combo a.hightlighted:hover  { background:#333; }

#combo a.hightlighted_down { background:#662704;color:#ddd; }





/* ----------------------------------- widgets */



#sidebar .widget{ clear: right; margin: 1em 0; padding-right: 10px;}

.twitter { background: transparent url(images/twitterbg.png) no-repeat 10px 5px; padding: 5px 0 0 140px; height: 20px; }

.sw{ padding-left: 10px; }

.sw a{ padding: 0 3px; }



#previous { padding-left: 10px; }

#previous h2{ font: 24px/100% Arial; color: #6f96ae;}

#previous p{ margin-top: -20px;color: #ac331f; }

#previous ul li a { display: block; color: #999; line-height: 150%; padding: 10px; }

#previous ul li a strong{ font-size: 16px; color: #898769; }

#previous ul li a:hover{ background-color: #15191f; }



/* ----------------------------------- search */



#search{background:transparent url(mis/04.jpg) repeat-x;height:34px;width:274px;float:right;margin:1em 0;padding: 0; }

#searchForm { margin-left: 7px; }

#searchForm input { vertical-align: middle; margin: 6px 0 0 0; }

#searchForm #s { color: #fff; font-size: 12px; border: none; padding: 3px; width: 180px; margin-right: 7px; background-color: #324D54; }



#bar{clear:both;display:block;margin:0 auto;padding:0;background:#fff url(mis/10.jpg) no-repeat bottom right;width:950px;height:100px;}

.navigation,.Nav{color:#333;clear:both;border:0;margin:0;padding:30px 0;width:99%;display:block;text-align:center;font-size:120%;}