/* 

This stylesheet was designed by Mario Edgar.
Visit marioedgar.com to view more information.
Thanks to blueprint css for layout. http://www.blueprintcss.org/

*/


/* General CSS [start] */
body{background:url('../images/grad_2.png') repeat-x; 	font-family: Tahoma, Arial;}
ul{list-style:none; margin:0; padding:0;list-style-type:disc; margin:20px;}
a{color: #2A8AA6; text-decoration:none; }
a:hover{color: #E18700; text-decoration:underline; }
h2{color:#666;}
.button{background: url('../images/test.png') no-repeat; display:block; line-height: 25px; height: 25px; text-align:left; padding-left: 12px;  width: 105px; text-decoration:none; font-family:arial; font-weight:bold; color: #fff; cursor:pointer; }
a.button:hover, .button:hover{background-position:0 -27px; color: #fff; text-decoration:none;}
.button_long{background: url('../images/button_long_s.png') no-repeat; display:block; line-height: 25px; height: 25px; text-align:left; padding-left: 15px;  width: 175px; text-decoration:none; font-family:arial; font-weight:bold; color: #fff; cursor:pointer; }
a.button_long:hover, .button_long:hover{background-position:0 -27px; color: #fff; text-decoration:none;}
.submit{border:none; padding-bottom: 2px; width: 107px; padding-left: 10px; }
.rounded{-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.rounded_top_left{-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
.rounded_top_right{-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;}
.rounded_bottom_left{-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;}
.rounded_bottom_right{-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;}
.header_image{margin-bottom: 20px; margin-top: 15px; }
.input_field{border:1px solid #ccc !important; background:#f2f2f2!important;  }
.input_field:focus{border:1px solid #ccc !important; background:#fff!important; }
.field_small{ padding:4px; width: 167px; }
*html .field_small{height:25px; line-height:15px; }
.white{background: #fff; }
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
/* General CSS [end]*/


/* Header section [start] */
#logo{margin-left: 15px; }
#logo a{outline:none;}
#logo, #menu{margin-top: 5px; }
#header_right{text-align:right; }
#menu{color:#666; margin-bottom: 18px;}
#menu ul{ padding:0; text-align:right; margin-right:0;}
#menu li{display:inline;padding:0 5px 0 5px;}
#menu a{ font-weight:bold; text-transform:lowercase; }
#menu a:hover{text-decoration:none;}
#top_items{margin: 20px 0 15px 0;}
/* Header section [end] */


/* Homeapge layout [start] */
#flash_content{margin-top: 15px; background:url('../images/header.jpg') no-repeat center; width: 948px; height:285px;}
#main_content{background: #ccc; margin-top: 10px; padding:10px;}
.checkus_button{position:relative; top: 157px; left: 724px;}
.checkus_button_homeleft{position:relative; top:100; left: 60;}
.main_button{margin-top: 10px; border:1px solid #ccc; background: #eee; padding:10px; }
#dev{background:url('../images/dev.jpg') no-repeat; background-position:0 -94px; height: 92px; width: 230px; display:block; margin-top: 10px; cursor:pointer;}
#dev:hover{background-position:0 0px; text-decoration:none;}
#logo_design{background:url('../images/media.jpg') no-repeat; background-position:0 -94px; height: 92px; width: 230px; display:block; margin-top: 10px; cursor:pointer;}
#logo_design:hover{background-position:0 0px; text-decoration:none;}
#seo{background:url('../images/looking_good.jpg') no-repeat; background-position:0 -94px; height: 92px; width: 230px; display:block; margin-top: 10px; cursor:pointer;}
#seo:hover{background-position:0 0; text-decoration:none;}
#cms{background:url('../images/cms.jpg') no-repeat; background-position:0 -94px; height: 92px; width: 230px; display:block; margin-top: 10px; cursor:pointer;}
#cms:hover{background-position:0 0; text-decoration:none;}
.cta_buttons{margin-top: 5px; margin-bottom: 5px; }
#articles h2{margin-bottom:5px;}
#top_button{margin-bottom: 25px;}
.smaller_bodytext{font-size:15px; line-height:2;}
#articles h2.rss_heading{line-height:18px; font-size:16px; font-weight:bold; margin:0; padding:0; }
.rss_date{margin:0; padding:0; font-size:10px; color:#999;}
.rss_description{margin:0 0 10px 0; padding:0;}
#social{padding-top: 25px;}
/* Homeapge layout [end] */


/* Two column layout [start] */
#left_column{ padding: 5px 10px 0 0;}
#left_column a{color: #2A8AA6;}
#sidebar h2{ background:#fff; border: 1px solid #DBDBDB; padding-left: 25px;}
#sidebar ul{margin: 0 0 20px 25px ;}
#sidebar{position:relative; background-color:#F2F2F2;  padding: 10px; margin-top:30px;  border:1px solid #DBDBDB; margin-bottom:20px;}
#sidebar blockquote{margin-top:0; margin-bottom:0;}
.blog_sidebar ul, .blog_sidebar li{margin:0 !important; padding:0 !important}
.screen-reader-text{display:none;}
.sidebar_container{margin-bottom: 15px;}
.sidebar_container {margin-left:25px;}
.image_left{float:left; margin-left:  50px;}
.image_right{float:right; margin-right:  50px;}
.small_desc{ font-weight: bold;  color: #FF9900; font-size: 14px;}
.large_desc{font-size: 25px; color: #666; line-height: 30px; margin-bottom: 16px;}
.large_number{font-size: 25px; font-weight:bold; line-height: 12px; color: #FF9900;}
.web_dev{margin:0 0 0 25px;}
.web_dev li{margin-bottom: 5px; font-weight:bold;}
.web_dev li p{font-weight:normal; margin-top:20px; margin-right:23px;}
.quote_author{text-align:right; margin-right: 22px;}
.quote_title{font-size: 10px; color: #999; text-align:right;margin-right: 22px}
#sidebar #top_button{margin: 20px 0 15px 20px;}
#sidebar #bottom_button{margin: 0 0 10px 20px;}
/* Two column layout [end] */



/* Blog style [start]*/

/* Do not display the hidden page in any menu, this page is strickly for the homepage */
.page-item-31{display:none;}

/*Blog page style for entry's*/
.span-15 h2{color:#FF9900;font-weight:bold;}
.entry h2{border-bottom:2px solid #D0D0D0;border-top:2px solid #D0D0D0;color:#5D5D5D;font-size:1.6em;font-weight:bold;padding:6px 0}
.postmetadata a{color:#666666;text-decoration:none}
.postmetadata a:hover{color:#E18700;text-decoration:underline;}
.blog_page_home{padding-top: 25px !important;}
.blog_page_home h2, .single_post_page h2{font-size: 18px; margin:0;}
.single_post_page h2{margin-bottom: 10px;}
.blog_page_home h2 a:hover{color: #E18700 !important; text-decoration:none ;}
.blog_page_home small{color: #999;}
.blog_page_home .entry p{margin-bottom:10px;}
.blog_page_home .postmetadata {font-size:12px; color: #999; }
.blog_page_home .post {border-bottom: 1px dashed #ccc; margin-bottom: 15px;}

.alignleft{float:left;}
.alignright{float:right;}
.navigation{display:block; height: 45px; line-height:45px; margin-top: 15px;}


/* Blog style [end]*/

/* Footer [start] */
#footer{margin-top: 70px;   background:url('../images/grad_bottom.png') repeat-x; height:470px;}
#inner_footer{width:950px; margin:0 auto; text-align:left; text-align:left;}
#footer_logo{position:absolute;margin-top: -31px; left:50%; margin-left: -600px; }
.footer_container{width:300px; height:350px; float:left; border-right:1px solid #ECECEC;border-left:1px solid #DADADA; position:relative; top: 75px; } 
#footer_right{border-right:none;}
#injectRssFooterFeed{border-left:none; }
#injectRssFooterFeed .rss_description{font-size:11px; margin-bottom: 10px;} 

#fancy_title{width:250px; }
div#fancy_title table td {text-align:center;}

.footer_container h2, .footer_container p, .footer_container ul{padding: 0 15px 0 15px; margin:0;}
.footer_container h2{margin-bottom: 10px;}
.footer_container ul{margin: 0 5px 0 5px; list-style:none;}
.footer_container li{margin-bottom:5px;}


#footer2{margin:0 auto; width:950px; position:relative; z-index: 10; height:25px;}
#footer2 p.left, #footer2 p.right{font-size: 12px;  }
#footer2 p.left{font-size:10px;}


#left_footer_list{float:left;}
#right_footer_list{float:right;text-align:right;}


/* Footer [end] */

#contacForm label{display:block; margin-top: 15px;}
#contacForm input, #contacForm textarea{width:320px !important;  border:1px solid #ddd !important; padding: 10px; font-size:14px; }
#contacForm select {width:25%; border:1px solid #ddd !important;}
*html #contacForm input, *html  #contacForm textarea {padding:0;height:38px; line-height:38px; padding-left: 10px;}
#contacForm textarea{height:150px !important;}

#contacForm .submit{border:none !important;padding:0 0 2px 0 !important;width:107px !important;padding-left:10px !important;line-height:25px;height:25px;}
#tooltip{position:absolute;border:1px solid #313131;background:black;text-shadow:1px 1px 1px black;-webkit-border-radius:5px;-moz-border-radius:5px;padding:2px 5px;color:white;display:none;z-index:999;opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
a.more-link{float:right;background:url('http://www.m2volt.com/images/read_more.jpg') no-repeat left top;font-style:none;width:119px;height:28px;font-size:10px;display:block;line-height:28px;color:#fff !important;font-weight:bold;text-decoration:none;text-align:center;}
a.more-link:hover{background-position:0 -28px;}
#qcButton{padding:5px;color:#fff;font-weight:bold;margin:175px 0 10px 5px;background:url('http://www.marioedgar.com/images/bg_tran.png');-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #666;cursor:pointer;border:2px solid #000;}
#injectForm{text-align:left;position:relative;z-index:0;left:15px;}
#injectForm form{width:330px !important;height:310px;border:none;margin:0;padding:0;}
.red{color:#ff0000;}
#injectForm input{padding:5px; border:2px solid #ddd;background-image:url('http://www.marioedgar.com/images/error.jpg') no-repeat right;background-position:500px 2px;margin-bottom:10px !important;-webkit-border-radius:5px;-moz-border-radius:5px;width:320px !important;}
#injectForm textArea{border:2px solid #ddd;background-image:url('http://www.marioedgar.com/images/error.jpg') no-repeat right;background-position:500px 2px;margin-bottom:10px !important;width:320px !important;-webkit-border-radius:5px;-moz-border-radius:5px;width:320px !important;}
#injectForm #qcMessage{height:100px;overflow:hidden;}
#injectForm label{font-weight:bold;color:#333;text-align:left;padding-left:0px;display:block;}
#injectForm #messageDisplay,#injectForm p{margin:10px 0 10px 0;font-size:10px;font-weight:bold;color:#666;}
#injectForm #qcSubmit{width:75px !important;float:right;height:32px;line-height:32px;padding:0;cursor:pointer;font-weight:bold;color:#666;}
p#qcErrorMessage{padding:0;float:left;color:#000 !important;display:none;height:32px;line-height:32px;background:url('http://www.marioedgar.com/images/error.png') left center no-repeat;padding-left:45px;}
p#qcValidMessage{margin:10px 0 0 18px;padding:0;float:left;color:#000 !important;display:none;height:32px;line-height:32px;background:url('http://www.marioedgar.com/images/valid.png') left center no-repeat;padding-left:50px;}

#error_area{height:100px; background:red;}


                                      
#twitter_update_list{margin:0;padding:0; list-style:none;}            
#twitter_update_list li{display:block; margin-bottom: 5px; padding-bottom:5px; border-bottom: 1px dashed #ddd; }
#twitter_update_list li.lastTweet{border:none;}



#follow_us_link{float:right; position:relative; }
.main_hp_img h2{text-align:center; font-size: 24px; margin-bottom: 10px; color:#2A8AA6; font-weight:bold;}
.main_hp_img span, .main_hp_img p{font-size:12px !important;}

.main_hp_img_inner{padding:0 10px 0 10px; border-right:1px solid #E6E6E6; height: 230px; }
.main_hp_img_inner_last{border:none; padding-right:0;}


.who_we_are_image_left{float:left; width:150px; height: 200px; border:1px solid #ddd; padding: 2px; background: #eee; margin-right: 20px; }

.who_we_are_image_right{float:right; width:150px; height: 200px;border:1px solid #ddd; padding: 2px;  background: #eee; margin-left: 20px;}
.who_container_right{text-align:right;}

.single_post_page p img{border:1px solid #c0c0c0; background: #ddd; padding: 2px; }


.user_blog_cat{margin: 10px 0 10px 29px;}