/*  
Theme Name: StandardTheme 
Version: 1.0
Description: A simple, elegant, and flawlessly coded, documented, and SEO-ready Wordpress Theme for the casual and professional blogger. We have a growing and active community ready to help you as well! Say "Hi" over at the Support Forums: http://standardtheme.com/support.
Author: Standard Theme
Author URI: http://www.standardtheme.com
*/

/*
The following code is wonderfully optimized:
-Merged classes!
-Removed any useless properties!
-Standardized format throughout! (You've never seen anything more consistent!)
-Simple documentation for your creativity and customization!
Have fun and enjoy! This will make search engines happy as well as your users.
*/

/* ********************************************** */
/* CUSTOM CSS ~~~> ??? <~~~ READ BELOW!!! */
/* ********************************************** */

/* 
If you're going to make STYLE changes to your theme then please make them in the CUSTOM.CSS file!
To do this you can COPY any piece of code here and then PASTE it in the CUSTOM.CSS file with your changes.
If you need any clarification, help, or suggestions, check out the SUPPORT FORUMS: http://standardtheme.com/support.
*/


/* ********************************************** */
/* Default Styles and Hyperlinks */
/* ********************************************** */

@import "css/reset.css";

body {background: #efefef; font: 14px Arial, Helvetica, sans-serif; line-height: 1.5; color: #404040;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Arial, Helvetica, Sans-serif; color: #000;}
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}

/* URLs and Hyperlinks */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
a:link, a:visited  { color: #4096EE;text-decoration:none;}
a:hover  {text-decoration:underline;}

/* ********************************************** */
/* Core Site Design and General Appearance */
/* ********************************************** */

#container {}

/* Columns */
.col-left {float: left;}
.col-right {float: right;}
.col-full {width: 940px; margin: 0 auto;}

/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

#navigation {text-transform: uppercase; font-size: 11px; background-color: #000;}
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}

/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px;}
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px 0 0 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}

/* Top Page Navigation */
#top_navigation {width: 450px;}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 12px 20px 0 0; line-height: 10px;text-decoration: none; color: #fff;font-weight:bold;}
#top_navigation a:hover {text-decoration: underline;}
#top_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#top_navigation li ul a:link, #top_navigation li ul a:visited {padding: 0 0 0 10px;}
#top_navigation li ul a:hover {color: #000!important; background: #d8d8d8;}

/* ********************************************** */
/* Social Networking Icons, WebKit*** */
/* ********************************************** */

#socialnetworking {margin:5px 0;}

ul.social_icons {margin: 0 auto !important; overflow: hidden;}
ul.social_icons img {position: absolute; left: 0; top: 0; border: 0;}
ul.social_icons .small {display: inline; top: 8px; left: 8px;}
ul.social_icons, ul.social_icons li {list-style: none; padding: 0;	margin: 0;}
ul.social_icons li {width: 32px; height: 32px; float: left; line-height: 32px; text-align: center; position: relative;}
/* 
If you'd like to enable a cool WebKit roll-over "expand" functionality for your Social Media icons, uncomment the following. Then, rename the "socialnetworking.php" file to "socialnetworking_OLD.php" and rename the "socialnetworking-webkit.php" file to "socialnetworking.php"
*/

/*
ul.social_icons li img {-webkit-transition: opacity .5s linear; opacity: 0; vertical-align: middle;}
ul.social_icons li img.small {opacity: 0.5;}
ul.social_icons li:hover img{opacity: 1;}	
ul.social_icons li:hover img.small {opacity: 0;}
*/			

/* The following is for testing. Do not un-comment. */
/* ul.social_icons li:hover ~ li img {opacity: 1;} */

ul.social_icons li, ul.social_icons li img {float: right;}
ul.social_icons li strong {position: absolute; left: -9000px;}

/* ********************************************** */
/* Header, Logo, Search, Top Level */
/* ********************************************** */

#header {padding: 45px 0; clear: both; position: relative;}

/* Top Search Box */
#topsearch {width: 300px; line-height: 0;}
#topsearch #searchform_top {margin: 14px 0 0 0;}

/* Logo Style */
#logo {}
#logo img {}
#logo .site-title, #logo .site-description {display: none;}

/* ********************************************** */
/* Top Advertisment */
/* ********************************************** */

#topad {margin: 10px 0 -40px 0; float: right; }

/* ********************************************** */
/* Main Content Area */
/* ********************************************** */

#content {min-height: 550px; padding: 0;}
#html #content {height: 550px;}
#main {width: 620px;}

.post .post_thumb1 {background:url("images/post_thumb1.png") no-repeat scroll 0 0 transparent;float:left;height:170px;margin:10px 20px 10px 0;padding:22px 0 0 18px;width:275px;}
.post .post_thumb2 {background:url("images/post_thumb2.png") no-repeat scroll 0 0 transparent;float:right;height:170px;margin:10px 0 10px 20px;padding:22px 0 0 18px;width:275px;}
.post .post_screenshot {background:url("images/post_screenshot.png") no-repeat scroll 0 0 transparent;height:190px;margin:0 0 15px 0;padding:12px 0 0 11px;width:556px;}

a.more-link  {background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF;border:1px solid #404040;color:#CCCCCC;font-weight:bold;font-size:14px;padding:4px 20px 5px;text-decoration:none;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);text-transform:none;}
a.more-link:hover  {background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF;border:1px solid #404040;color:#FFFFFF;font-size:14px;padding:4px 20px 5px;text-decoration:underline;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);text-transform:none;}

/* Full Width Content Area */
#main.fullwidth {width: 940px;}

/* ********************************************** */
/* Sidebar */
/* ********************************************** */

#sidebar {width: 300px; overflow: hidden;}

/* ********************************************** */
/* Footer */
/* ********************************************** */

#footer {font-size: 11px; line-height: 0px; margin: 50px 0 0px 0; padding: 19px 0 19px 0; background-color: #000; color: #fff; text-transform: uppercase;}
#footer a:link, #footer a:visited {color: #fff;}
#footer p {margin: 5px 0 0 0;}
#footer #credit img {vertical-align: middle;}
#footer #credit span {display: none;}

/* ********************************************** */
/* Posts, Post-Meta, Breadcrumbs */
/* ********************************************** */

.post {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0;}

/* Breadcrumbs */
#breadcrumb, .archive_header {display: block; margin: 10px 0; padding: 0 25px; font-size: 18px; font-weight: bold; color: #000;}
#breadcrumb {font-size: 14px; font-weight: normal; padding: 0;}
.archive_header .catrss a {font-size: 14px; text-decoration: none; line-height: 28px;}

/* Post Title */
.post .title {width: 100%; position: relative; margin: 0; padding: 0; color: #000; font-size: 32px; line-height: 32px;text-shadow:2px 2px 4px #BBBBBB;}
.post .title a:link, .post .title a:visited {color: #000;}
.post .title a:hover {text-decoration: none;}

/* Post Meta */
.post-meta {width: 100%; position: relative; margin: 0 0 15px 0; padding: 0 0 10px 0; color: #404040; border-bottom:1px solid #b0b0b0;}
.post-meta .the_author {font-style: italic;}
.post-meta .the_time {}
.post-meta .the_category {}
.post-meta .the_comment_link {}

/* Post Image Thumb */
.post img.attachment-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Author Information */
/* ********************************************** */
.author_info {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0;}
.author_info .avatar {float: left; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}
.author-details {font-size:12px;margin:-10px 0 0 94px;}

/* ********************************************** */
/* Tweetmeme Button */
/* ********************************************** */
.tweetmeme_button {float: right; position: relative; padding: 0 0 10px 10px; margin-right: -25px; background-color: transparent;}

/* Share Post */
.sharepost{float:left; border:1px solid #B0B0B0;margin-right:10px; position:fixed; background:#FFF; margin-left:-75px; margin-top:40px; width: 60px; z-index: 0;}
.sharer{ padding: 5px; border-bottom: 1px solid #B0B0B0; }

/* ********************************************** */
/* Post Entry, Typographic Elements */
/* ********************************************** */

.entry {}

/* Image */
.entry img  { border: 1px solid #b0b0b0; }
.entry .attachment-post-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* H1-H6 Elements */
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin: 0 0 15px 0;}

/* Paragraph Element */
.entry p {margin: 0 0 15px 0;text-align:justify;}

/* Blockquote Element */
.entry blockquote {color: #666; font-style: italic; font-size: 16px;margin:10px 0 0 50px;padding-left: 15px;border-left: 2px solid #ccc;} 
.entry .source {text-align:right;}

/* Unordered List Element */
.entry ul {margin: 0 0 15px 0; padding: 0 0 0 30px;}
.entry ul ul {margin: 0;}
.entry ul li {list-style-type: circle;}
.entry ul ul li {list-style-type: disc;}

/* Ordered List Element */
.entry ol {margin: 0 0 15px 0; padding: 0 0 0 30px;}
.entry ol ol {margin: 0;}
.entry  ol li {list-style-type: upper-latin;}
.entry  ol li ol li {list-style-type: lower-latin;}

/* ********************************************** */
/* Post Images, Alignment, Captions */
/* ********************************************** */

/* Smiley Faces, Emoticons */
img.wp-smiley {padding: 0; border: none;}

/* Image Alignment Elements */
.entry .alignleft {float: left; width: auto; margin: 0px 10px 0px 0;}
.entry .alignright {float: right; width: auto; margin: 0px 0 0px 10px;}
.entry .aligncenter {text-align: center;}

/* Image Caption Elements */
.entry .wp-caption {margin-bottom: 20px; padding: 1px; text-align: center; background: #F8F8F4; border: solid 1px #e6e6e6;}
.entry .wp-caption img {margin: 0; padding: 4px 0; background: none; border: 0;}
.entry .wp-caption-text {margin: 0; padding: 0; font-size: 11px; text-align: center;}

/* ********************************************** */
/* Post Pagination */
/* ********************************************** */

/* Newer, Older Entries */
.more_entries {margin-top: 0px; padding: 10px 25px; background-color: #fff; border: 1px solid #b0b0b0;}
.more_entries a {display: block; margin: 0 0 0 0; text-transform: uppercase; text-decoration: none;}

/* ********************************************** */
/* WP-Pagenavi Styling */
/* ********************************************** */

.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px;background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF;border:1px solid #404040;color:#CCC;text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none;}

.wp-pagenavi a:hover {color: #FFFFFF;border:1px solid #FFFFFF;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none;	border: 1px solid #333333; color: #333333; background-color: #FFFFFF;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: -2px 2px 2px 2px; color: #000000; display: block;  background-color: #FFFFFF; margin-bottom: 0.5em; float:right;}
.wp-pagenavi span.current {padding: 13px 15px 13px 15px; margin: 2px; font-weight: bold;color: #FFFFFF;background-color: #404040;text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px;	margin: 2px; border: 1px solid #000000;	color: #000000; background-color: #FFFFFF;}

.more_entries .wp-pagenavi {margin: 0;}
.more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited {display: inline; text-decoration: none!important; padding: 2px 8px!important;}
.more_entries .wp-pagenavi .extend {background: none; border: none;}

/* ********************************************** */
/* Widgets */
/* ********************************************** */

.widget {margin: 0 0 30px 0;}
.widget h3 {border-bottom: 1px solid #b0b0b0; margin: 0; padding: 10px 0; text-transform: uppercase; color: #404040;text-shadow:2px 2px 4px #BBBBBB;}

/* Unordered List */
.widget ul {clear: both;}
.widget ul li {}
.widget ul li a:link, 
.widget ul li a:visited {background: url(images/bullet.png) no-repeat 10px center; border-bottom: 1px solid #b0b0b0; display: block; padding: 0 0 0 25px; line-height: 30px; text-decoration: none; color: #666;}
.widget ul li a:hover {color: #333333; background: url(images/bullet_hover.png) no-repeat 10px center; font-weight: bold; }
.widget ul ul {padding: 0 0 0 15px; border-top: none;}

/* Recent Comments, Twitter Reset */
.widget_recent_comments li, #twitter li {border-bottom: 1px solid #b0b0b0; padding: 6px 0 6px 10px; line-height: 18px;}
.widget_recent_comments li a, #twitter a {color: #333333!important; display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important;}

/* Forms */
#searchform  {margin: 15px 0 0 0; }
input#s, input.field  { border: 1px solid #b0b0b0; float: left; width: 216px; padding: 5px 0 5px 5px; }
input#s:focus, input.field:focus  { border: 1px solid #333333; }
input.submit  { background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF; display:block; float: right; line-height: 17px; border:1px solid #404040; padding: 4px 5px; color: #CCCCCC; text-transform: uppercase; font-size: 12px; text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
input.submit:hover  { background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF; display:block; float: right; line-height: 17px; border:1px solid #404040; padding: 4px 5px; color: #FFFFFF;text-decoration:underline; text-transform: uppercase; font-size: 12px; }
.widget .screen-reader-text  { display: none; }

/* Flickr */
#flickr h3  {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 34px 0 0; }
#flickr .pictures  { margin-right: -28px; }
#flickr a img  { border: #b0b0b0 1px solid; float: left; display: block;}
#flickr a:hover img  { border:#333333 1px solid; }

/* Text */
.textwidget  { padding: 10px 0; }

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th  { color: #333333; }
#wp-calendar td{background:#b0b0b0; text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* Ads */
#sidebar .ads125 { border: 1px solid #b0b0b0; padding: 0 0 10px 15px; background: #fff; }
.ads125 img  { margin: 15px 14px 0 0; }

/* ********************************************** */
/* Comments */
/* ********************************************** */

#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0; background-color: #fff; border: 1px solid #b0b0b0;}
#comments h3 {margin: 0 0 20px 0;}
#comments .comment {list-style-type: none;}
#comments .comment .comment-container {padding:0;}
#comments .comment-head {margin:0;padding:0;}

/* Styling for Authors */
.bypostauthor {}

/* Styling for Registered Users */
.byuser {}

/* Avatars */
#comments .comment-head .avatar {float: left;}
#comments .comment-head .avatar img {margin:0; vertical-align: middle; border: 1px solid #B0B0B0;}

/* Pre-Avatar */
.pre_comment_avatar {float:left;margin:19px 10px 0 0;border:1px solid #B0B0B0;}

/* Meta */
#comments .comment-entry p {margin:0 0 10px 100px}
#comments .comment-meta {left:-15px;margin:0 0 10px;position:relative;top:15px;}
#comments .comment-meta .author {background-color:#4096EE;color:#FFFFFF;font-weight:bold;padding:3px 20px;text-decoration:none;text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
#comments .comment-meta .author a {background-image:url("images/link.png");background-position:left center;background-repeat:no-repeat;color:#FFFFFF;font-weight:bold;margin-left:-15px;padding-bottom:2px;padding-left:20px;text-decoration:none;}
#comments .comment-meta .author a:hover {background-image:url("images/link_go.png");background-position:left center;background-repeat:no-repeat;color:#FFFFFF;font-weight:bold;margin-left:-15px;padding-bottom:2px;padding-left:20px;text-decoration:none;}
#comments .comment-meta .datetime {color:#999999;font-size:10px;padding:0 0 0 5px;}
#comments .comment-content {margin:0 0 30px 95px;padding:10px 0 0;}
#comments .comment-container{margin:0;padding:5px;}
#comments .comment-container .reply {text-align:right;}
#comments .comment-container .reply a {background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF;border:1px solid #404040;color:#CCCCCC;font-size:12px;padding:4px 10px;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
#comments .comment-container .reply a:hover {background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF;border:1px solid #404040;color:#FFFFFF;font-size:12px;padding:4px 10px;text-decoration:underline;text-transform:uppercase;}
.depth-1 {padding-right:10px;}
.depth-1 .author  {background-color:#4096EE;color:#FFFFFF;font-weight:bold;padding:3px 20px;text-decoration:none;border-top:1px solid #FFFFFF;border-left:2px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.depth-2 {background-color:#EFEFEF;border-left:2px solid #B0B0B0;margin-bottom:35px;padding:10px 10px 10px;}
.depth-2 .author  {background-color:#4096EE;color:#FFFFFF;font-weight:bold;padding:3px 20px;text-decoration:none;border-top:1px solid #EFEFEF;border-left:2px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}
.depth-3 {background-color:#F9F9F9;border-top:1px solid #CCCCCC;padding:10px;}
.depth-3 .author  {background-color:#4096EE;color:#FFFFFF;font-weight:bold;padding:3px 20px;text-decoration:none;border-top:1px solid #EAEAEA;border-left:2px solid #EAEAEA;border-bottom:1px solid #EAEAEA;}


#comments .unapproved {background-color:#FFEBE8;border:1px solid #CC0000;font-size:12px;font-weight:bold;margin:15px;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;width:350px;}

/* Replies */
#comments ul.children {margin:25px 0 0 50px;padding:0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link {text-transform:uppercase;text-decoration:underline;font-size:11px;}

/* Navigation */
#comments .navigation {}
#comments .navigation a {display: block; margin: 15px 0 0 0; text-decoration: none;}
#comments .navigation a:hover {}

/* Pingbacks, Trackbacks */
#pings {margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #FFFFFF; border: 1px solid #b0b0b0;}
#pings h3 {margin: 0 0 20px 0;}
.pinglist li {margin: 0 0 0 20px; list-style-type: decimal;}
.pinglist li .author {font-weight: bold; font-size: 15px;}
.pinglist li .date {font-size: 11px;}
.pinglist li .pingcontent {display: block; margin: 10px 0;}

/* Comment Form */
#respond {margin: 15px 0 0 0; padding: 20px 25px 0px; background-color: #FFFFFF; border: 1px solid #b0b0b0;}
#comments #respond {border:medium none;margin:15px 0 0;padding:10px;}
#comments #respond h3 {margin-bottom: 0;}
#respond h3 {}
#respond .cancel-comment-reply {margin-bottom:10px;}
#respond .cancel-comment-reply a {background-color:#FF3333;border-top:1px solid #FF3333;color:#CCCCCC;font-size:12px;margin-left:15px;padding:5px 10px;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
#respond .cancel-comment-reply a:hover {background-color:#FF3333;border-top:1px solid #FF3333;color:#FFFFFF;font-size:12px;margin-left:15px;padding:5px 10px;text-decoration:underline;text-transform:uppercase;}
#respond .allowed_tags {color:#999999;font-size:12px;}
#commentform {margin: 15px 0 20px 0;}
#commentform input.txt {width:45%;margin:0 5px 10px 0;padding:7px 5px;border:1px solid #B0B0B0;}
#commentform input.txt:focus {border:1px solid #333;}
#commentform label {font-size: 11px;text-transform: uppercase;font-weight: bold;}
#commentform textarea {width: 98%!important;border:1px solid #B0B0B0;margin:10px 0;padding:5px;}
#commentform textarea:focus {border:1px solid #333;}
#commentform #submit {background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF; border:1px solid #404040;margin: 10px 0 0 0; padding: 4px 10px; color: #CCCCCC;text-transform: uppercase; font-size: 12px;text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
#commentform #submit:hover {background:url("images/bg_masthead.jpg") repeat-x scroll left top #FFFFFF; border: 1px solid #404040;margin: 10px 0 0 0; padding: 4px 10px; color: #FFFFFF;text-transform: uppercase; font-size: 12px;}
#commentbox {background:#EEEEEE;border:1px solid #B0B0B0;float:right;height:140px;margin:17px 5px 0 0;padding:4px;width:260px;}

.info, .success, .warning, .error, .validation, .download {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;border: 1px solid #00529B;background-color: #BDE5F8;background-image: url('images/info.png');}
.success {color: #4F8A10;border: 1px solid #4F8A10;background-color: #DFF2BF;background-image:url('images/success.png');}
.warning {color: #9F6000;border: 1px solid #9F6000;background-color: #FEEFB3;background-image: url('images/warning.png');}
.error {color: #D8000C;border: 1px solid #D8000C;background-color: #FFBABA;background-image: url('images/error.png');}
.download {color: #404040;border: 1px solid #B0B0B0;background-color: #EAEAEA;background-image: url('images/download.png');}