/*  



Theme Name: TSMGO



Theme URI: http://www.tsmgo.es/



Description: Designed by <a href="http://www.tsmgo.es">Design Disease</a> for <a href="http://premiumthemes.com">Premium Themes</a>. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>



Version: 1



Author: TSMGO



Author URI: http://www.tsmgo.es



Tags: white, grey, orange, three columns, fluid width, widgets



*/











/* Begin Typography & Colors */



* { margin: 0; padding: 0; }



body { background: #fff; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px 25px 25px 25px; color:#4c4c4c; background-color:inherit; }



input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#2d3538; vertical-align: middle; }



legend { display: none; }



fieldset { border: none; }



ul, ol { list-style: none; }



ol { list-style-type: decimal;}



table { border-collapse: collapse; width: 100%; }



hr { display: none; }



img { padding: 0px; margin: 0px; border: none; text-align: center;}







a:link { text-decoration: none; color : #cc6600; border: 0px; }



a:active { text-decoration: underline; color : #cc6600; border: 0px; }



a:visited { text-decoration: none; color : #cc6600; border: 0px; }



a:hover	{ text-decoration: underline; color : #4779ac; border: 0px; } 



a:focus { outline: none;}







h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }







/* Header 



############################################################################################################## */



#header { overflow: hidden; padding-top: 25px;}



* html #header { height: 1%;}











/* Menu



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.head { overflow: hidden; }



* html .head { height: 1%;}







/* Logo



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.head .logo { float: left; }



.head .logo .txt h1 { font: bold 54px/50px "Arial Black"; letter-spacing: -4px; text-transform: uppercase; padding-bottom: 5px; }



.head .logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#000;}



.head .logo .txt p.desc { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#999; text-transform: uppercase;}



.head .logo .img {}



.head .logo .img img { margin-bottom: 5px; }







/* Search



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.head .search { float: right; width: 260px; height: 45px; background: #e0e3e4 url(images/widget-dotted.png) repeat-y left; padding: 10px 15px 15px 25px; background-color:inherit; }



.head .search h2 { font: bold 14px/14px "Arial"; padding-bottom:4px; color:#000; letter-spacing: -1px;}



.head .search form { border: 1px solid #dfe2e3; }



.head .search fieldset { overflow: hidden; }



.head .search input { float: left; margin-right: 4px; background: #fff; border: 1px #b3b6b7 solid; padding: 4px; width: 180px; color:#666; background-color:inherit; }



.head .search #searchsubmit { float: left; background: #000; width: 55px; cursor: pointer; font: bold 11px/11px "Arial"; color:#fff; border: inset 1px #000; padding: 4px; background-color:inherit; }

.head .search #searchsubmit2 { float: left; background-color: #000; width: 55px; cursor: pointer; font: bold 11px/11px "Arial"; color:#fff; border: inset 1px #000; padding: 4px; }





/* Date



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.head .date { float: right; width: 125px; height: 40px; background: #f0f2f3 url(images/widget-dotted.png) repeat-y left; padding: 15px 15px 15px 20px; margin-right: 25px;background-color:inherit;   }



.head .date span.day { font: normal 21px/24px 'Arial'; display: block; text-transform: uppercase; letter-spacing: -1px; color:#000;}



.head .date span.time { font: normal 12px/12px 'Verdana'; color:#999; }











/* Menu



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.menu { padding: 25px 0px 20px 0px; overflow: hidden;}



* html .menu { height: 1%; float: left;}



.menu .pages { float: left;}



.menu .pages ul { border-left: solid 2px #ccc; float:left; }



.menu .pages li { display: inline; font: bold 14px/14px "Arial"; letter-spacing: -1px; float: left; border-right: solid 2px #ccc; height: 23px; }



.menu .pages li ul li { font-weight: normal; letter-spacing: normal;}





.menu .pages li h2  { color:#ff7e00; float: left; padding: 0; margin:0}

.menu .pages li h2 a { color:#ff7e00; float: left; padding: 4px 8px 10px 8px;}

.menu .pages li h2 a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#000; text-decoration: none; background-color:inherit; }



.menu .pages li a { color:#ff7e00; float: left; padding: 4px 8px 10px 8px;}



.menu .pages li a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#000; text-decoration: none; background-color:inherit; }



.menu .pages .current_page_item a, .menu .pages .current_page_item a:visited, .menu .pages .current_page_item a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#000; background-color:inherit; }







.menu .pages .current_page_item .page_item a, .menu .pages .current_page_item .page_item a:visited { background: #fff; color:#ff7e00;background-color:inherit; }



.menu .pages .current_page_item .page_item a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#fff;background-color:inherit;  }







/* Feed



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.menu .feed { float: right; width: 300px;}



.menu .feed li { display: inline; font: bold 14px/14px "Arial"; letter-spacing: -1px; float: left; height: 22px; margin-right: 20px; }



.menu .feed li a { color:#ff7e00;}



.menu .feed .rss { background: url(images/feed-rss.png) no-repeat left 0px; padding-left: 27px;background-color:inherit; }



.menu .feed .email { background: url(images/feed-email.png) no-repeat left 0px; padding-left: 25px;background-color:inherit; }











/* Center 



############################################################################################################## */



#container { overflow: hidden; padding: 25px 0px; width: 100%;}



* html #container { height: 1%; }







/* Center 



############################################################################################################## */



#center { margin-right:515px; height:auto !important;}



#center-wap { float: left; width: 100%; }



.center-attachment { margin-right: 0px; height:auto !important;}







.border { background: url(images/border-bkg.png); overflow: hidden; height: 1px;background-color:inherit; }



.title { color:#000; font: bold 34px/38px "Arial"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}







/* Post Single



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.post, .attachment { width: 100%;}



/**/ * html .post, .attachment { width: 99%;} /**/ 







.p-head { position: relative; padding-right: 100px;}



.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#000; font: bold 34px/34px "Arial"; letter-spacing: -1px; }



.p-head h1 a:hover { color:#ff7e00; text-decoration: none; }







.p-head h2 { color:#000; font: bold 34px/34px "Arial"; letter-spacing: -1px; }



.p-head h2 a, .p-head h2 a:visited { color:#000; }



.p-head h2 a:hover { color:#ff7e00; text-decoration: none; }







.p-head h3 { color:#000; font: bold 26px/26px "Arial"; letter-spacing: -1px; }



.p-head h3 a, .p-head h3 a:visited { color:#000;}



.p-head h3 a:hover { color:#ff7e00; text-decoration: none;}







.p-time { position: absolute; right: 0px; top: 5px; border-left: solid 4px #adadad; padding-left: 7px; width: 80px; }



.p-time strong { letter-spacing: -1px; float: left;}



.p-time .day { font: normal 34px/30px "Helvetica"; color:#000; padding-right: 7px; }



.p-time .month-year { font: bold 14px/15px 'Arial'; text-transform: lowercase; color:#ccc;}







.p-con {}



.p-con p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}



.p-con ol { list-style: decimal inside; }



.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }



.p-con ol li { padding: 2px 0px 2px 0px; }



.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }



.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; background-color:inherit; }



.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #f4f4f4; color:#666; background-color:inherit; }



.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }



.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}







.p-det { margin: 5px 0px; text-align: left;}



.p-det li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 17px; margin-right: 5px;}



.p-det li.p-det-cat { background: url("images/p-det-cat-ico.png") left center no-repeat; background-color:inherit; }



.p-det li.p-det-tag { background: url("images/p-det-tag-ico.png") left center no-repeat; background-color:inherit; }



.p-det li a, .p-det li a:visited, .p-det li a:hover { color:#7f7f7f; text-decoration: underline; margin-right: 3px;}







.p-more { padding-top: 10px; text-align: right;}



.p-more li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 20px; margin-right: 5px;}



.p-more li.p-more-read { background: url("images/p-more-read-ico.png") left center no-repeat; background-color:inherit; }



.p-more li.p-more-com { background: url("images/p-more-com-ico.png") left center no-repeat; background-color:inherit; }



.p-more li a,.p-more li a:visited { color:#ff7e00; font: bold 14px/18px "Arial"; letter-spacing: -1px; margin-right: 3px;}



.p-more li a:hover { color:#4779ac; }







.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }



.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }







/* Images



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.p-con img { padding: 0; max-width: 100%; }



.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}



.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }



.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}



.p-con .alignright { float: right; }



.p-con .alignleft { float: left }







/* Navigation



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.nav { overflow: hidden; padding-bottom: 20px;}



.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; background-color:inherit; }



.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; background-color:inherit; }



.nav a, .nav a:visited { color:#ff7e00;  font: bold 14px/16px "Arial"; letter-spacing: -1px; }



.nav a:hover { color:#4779ac; }











/* Side Right 



############################################################################################################## */



.comments-list {}



.comments-list h2 { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 20px;}



.comments-list div.entry { margin-bottom: 25px; padding: 25px; border: 1px solid #e5e5e5; background: #ffffff;background-color:inherit; }



.comments-list div.alt { border: 1px solid #e5e5e5; background: #f4f4f4;background-color:inherit; }



.comments-list p.name {  letter-spacing: -1px; color:#000; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif}



.comments-list p.avt { padding: 0px; margin: 0px; float: right;}



.comments-list p.avt img { border: solid 1px #ccc;}



* html .comments-list p.avt { left: -60px; }



.comments-list p.date { font-size: 11px; margin-bottom: 5px;}



.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999; text-decoration: underline;}







.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;}



.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}



.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }



.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }











/* Comments Form



++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.comments-form { border: 1px solid #e5e5e5; background: #f4f4f4; padding: 20px; color: #333333;background-color:inherit; }



.comments-form h3 { color:#000; font: bold 26px/30px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #e5e5e5; }



.comments-form p { padding: 7px 0px; color:#808080;}



.comments-form .required { font-weight: normal; color:#cc0000;}



.comments-form input { border: 1px solid #ccc; background: #ffffff; padding: 5px; width: 250px; margin-right: 7px; background-color:inherit; }



.comments-form textarea { border: 1px solid #ccc; background: #ffffff; padding: 4px; width: 98%;background-color:inherit; }



.comments-form .button { border: outset 1px #000; background: #666; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 5px;background-color:inherit; }















/* Side Right 



############################################################################################################## */



#right { float: right; width:485px; height:auto !important;}







/* R1



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.r1 { float: left; width: 160px;}



.r1 .widget { width: 160px; margin-bottom: 20px;}



.r1 .widget h3 { color:#000; font-size: 14px; letter-spacing: -1px; background: #f0f2f3; padding: 3px 4px; margin-bottom: 3px;background-color:inherit;  }



.r1 .widget label { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#000; background: #f0f2f3; padding: 3px 4px; margin-bottom: 3px; background-color:inherit; }



.r1 .widget li { padding: 2px 0px 2px 7px; color:#999; background: url(images/r1-widget-li.png) no-repeat left 7px; background-color:inherit; }



.r1 .widget li ul li { padding-bottom: 0px;}







.r1 .widget_flickrRSS { overflow: hidden; margin-bottom: 10px;}



* html .r1 .widget_flickrRSS { height: 1%;}



.r1 .widget_flickrRSS h3 { margin-bottom: 10px;}



.r1 .widget_flickrRSS li { background: none; list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left;  }



.r1 .widget_flickrRSS li a img, .r1 .widget_flickrRSS li a:visited img { border: solid 1px #999; padding: 1px; background: #fff; width: 53px; height: 53px;background-color:inherit; }



.r1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}







.r1 .widget_text { font: normal 12px/17px "Verdana";}



.r1 .widget_text p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px;}



.r1 .widget_text blockquote { font: italic 13px/17px "Georgia"; padding: 10px; margin: 0px; background: #e4e4e4;background-color:inherit; }







.r1 .widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}



.r1 .widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}







.r1 .widget_tag_cloud { font-family: Arial, Helvetica, sans-serif; line-height: 22px;}







.r1 .widget_calendar table { width: 100%;}



.r1 .widget_calendar table td { text-align: center; padding: 4px 3px; font-size: 11px; }



.r1 .widget_calendar caption { background: #f0f2f3; padding: 5px 0px; margin-bottom: 5px;background-color:inherit; }



.r1 .widget_calendar #today { background: #f0f2f3; font-weight: bold;background-color:inherit; }







.r1 .widget_search #s { border: 1px solid #ccc; padding: 2px; margin-right: 0px; }



.r1 .widget_search #searchsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold; padding: 2px;background-color:inherit; }











/* R2



+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.r2 { float: right; width: 300px;}



.r2 .widget { margin-bottom: 20px; background: #e7e9ea url(images/widget-dotted.png) repeat-y left; padding: 15px 15px 15px 25px;background-color:inherit; }



.r2 .widget h3 { font-weight: normal; color:#000; font-size: 19px; letter-spacing: -1px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: solid 1px #c3c4c5;}



.r2 .widget label { font: bold 19px/19px "Arial"; letter-spacing: -1px; display: block; color:#000; background: #f0f2f3; padding: 3px 4px; margin-bottom: 3px; background-color:inherit; }



.r2 .widget a { text-decoration: underline;}







.r2 .widget li { padding: 2px 0px 2px 7px; color:#999; background: url(images/r1-widget-li.png) no-repeat left 7px;  color:#000; background-color:inherit; }



.r2 .widget li ul li { padding-bottom: 0px;}



	



.r2 .widget_flickrRSS { padding: 15px 0px 5px 25px; overflow: hidden}



.r2 .widget_flickrRSS h3 { width: 260px;}



* html .r2 .widget_flickrRSS { height: 1%;}



.r2 .widget_flickrRSS ul { padding: 0px; margin: 5px 0px 10px 0px; float: left;}



.r2 .widget_flickrRSS li { list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left; }



.r2 .widget_flickrRSS li a img, .r2 .widget_flickrRSS li a:visited img { border: solid 1px #999; padding: 1px; background: #fff; width: 53px; height: 53px;background-color:inherit; }



.r2 .widget_flickrRSS li a:hover img { border: solid 1px #000;}







.r2 .widget_text { font: normal 12px/17px "Verdana";}



.r2 .widget_text p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px;}



.r2 .widget_text blockquote { font: italic 13px/17px "Georgia"; padding: 10px; margin: 0px; background: #e4e4e4; background-color:inherit; }







.r2 .widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}



.r2 .widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}







.r2 .widget_tag_cloud { font-family: Arial, Helvetica, sans-serif; line-height: 22px;}







.r2 .widget_calendar table { width: 100%;}



.r2 .widget_calendar table td { text-align: center; padding: 5px 3px; }



.r2 .widget_calendar caption { background: #f0f2f3; padding: 5px 0px; margin-bottom: 5px;background-color:inherit; }



.r2 .widget_calendar #today { background: #f0f2f3; font-weight: bold; background-color:inherit; }







.r2 .widget_search #s { border: 1px solid #ccc; padding: 2px; margin-right: 0px; }



.r2 .widget_search label { font-weight: normal; color:#000; font-size: 19px; letter-spacing: -1px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: solid 1px #c3c4c5; background: none;}



.r2 .widget_search #searchsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold; padding: 2px; background-color:inherit; }











/* Top



############################################################################################################## */



#b-top { clear:both; padding-bottom: 20px;}



#b-top span { background: #000 url(images/top-bkg.png) no-repeat top center; color:#fff; font: bold 14px/14px "Arial"; letter-spacing: -1px; padding: 7px 7px 3px 7px; background-color:inherit; background-color:inherit; }



#b-top span a, #b-top span a:visited, #b-top span a:hover { color:#fff; text-decoration: none; background-color:inherit;}











/* Footer



############################################################################################################## */



#footer { clear:both; padding: 20px 0px; background: url(images/border-bkg.png) repeat-x top; background-color:inherit; }



#footer p.by { color:#999; padding: 2px 0px; }



#footer p.by a { text-decoration: underline; color:#999; }



#footer p.copy { padding: 2px 0px; }