/*

Theme Name: ElegantWP

Theme URI: http://www.mywebpp.com/themes/

Description: This WordPress theme is based on <a href="http://www.mywebpp.com/onlinefinancemagazines/">Online Finance Magazines</a>

Version: 1.0

Author: Arindam Mitra

Author URI: http://www.mywebpp.com/blog/

This theme was designed and built by Arindam Mitra, whose blog you will find at http://www.mywebpp.com/blog/

*/



/***** General *****/

* {margin:0;padding:0;}

body {background:#DDEEC2;font-family:Verdana;font-style:normal;font-weight:normal;margin:0;padding:0;}

form {margin:0;padding:0;}

table {border:1px solid #eee;}

td {padding:2px 0;text-align:center;}

th {font-style:normal;text-transform:capitalize;}

blockquote {margin-left:10px;padding:6px 10px 6px 10px;background:#FCFDF2;border-left:6px solid #44617B;}

code {background:#FCFDF2;padding:6px;color:#06C;}

.alignleft {margin-right:6px;border:0;}

.alignright {margin-left:6px;border:0;}

.clear {clear:both;}

img {border:0;}

/***** General *****/



/***** Structure *****/

#wrapper {margin:10px 0 10px 10px;padding:0;width:98%;}

#header {background:#fff;margin:0;padding:5px 0 30px 15px;}

#topbar {text-align:left;font-size:14px;font-weight:bold;margin:0;background:#fff;padding:6px 0 6px 10px;}

#maincontent {background:#FCFDF2;border-top:2px solid #ccc;margin:0;padding:0;width:100%;}

#content {float:left;width:54%;margin:8px;padding:10px;text-align:left;background:#fff;line-height:1.7em;font-size:13px;border:2px solid #ccc;}

#right {float:right;width:39%;position:relative;background:#69A5E0;margin:10px 8px 10px 0;padding:0;}

#sidebar1 {float:left;position:relative;width:44%;margin:0;padding:6px;}

#sidebar2 {float:left;position:relative;width:44%;margin:0;padding:6px;}

#footer {background:#000;text-align:center;height:40px;margin:0;padding-top:10px;}

/***** Structure *****/



/***** Header Details *****/

#header h1 {font-size:24px;margin:0;padding:10px 0 5px 25px;}

#header span {font-size:14px;font-weight:bold;padding-left:25px;color:#3C78AE;}

#header a {color:#3C78AE;text-decoration:none;}

#search {position:absolute;top:2.5%;right:1.5%;background:#69A5E0;border:1px solid #ccc;margin:0;padding:5px 25px 5px 25px;}

/***** Header Details *****/



/***** Topbar Details *****/

#topbar a {background:#30BA47;color:#fff;border:1px solid #921609;text-decoration:none;padding:5px 25px 5px 25px;}

#topbar a:hover {background:#3C78AE;color:#fff;text-decoration:underline;}

/***** Topbar Details *****/



/***** Main Content Details *****/

#content .navbar {font-size:10px;color:#EE7733;}

#content .navbar a, #content .navbar a:hover, #content .navbar a:visited {font-size:10px;color:#0066CC;}

#content .meta {background:#FCFDF2;padding:3px;color:#000;margin:0 0 10px 0;font-size:10px;font-weight:600;}

#content .meta a, #content .meta a:hover, #content .meta a:visited {color:#0066CC;text-decoration:none;}

#content .file{url:('/images/file.png') no-repeat;width:16px; height:16px; padding:20px;}

#content .date {text-align:right;font-size:10px;font-weight:bold;}

#content h2,h3 {color:#EE7733;}

#content h2 a, h3 a {color:#EE7733;text-decoration:none;}

#content h2 a:hover, #content h3 a:hover {color:#0066CC;}

#content h2 a:visited, #content h3 a:visited {color:#EE7733;}

#content p a {color:#0066CC;text-decoration:underline;}

#content p a:hover {color:#EE7733;text-decoration:none;}

#content a:visited {color:#0066AA;text-decoration:none;}

#content h1 {font-size:20px;}

#content h2 {font-size:18px;}

#content h3 {font-size:15px;}

#content p {padding:10px 0 10px 0;}

#content b, strong {font-size:inherit;}

#content ul {list-style-type:square;}

#content ul, ol {margin-left:30px;padding:10px;}

#content li {padding-bottom:5px;}

#content li a, #content li a:hover, #content li a:visited {color:#0066CC;}

.more-link {font-weight:bold;display:block;}

#content ul .ulbm {list-style-type:none;}

#content li .bm {display:inline;padding-left:1.5em;}

#content .postspace {background:#FCFDF2;padding:6px;margin:10px 0 20px 0;font-size:11px;}

#commentsection {font-size:11px;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background:#FCFDF2;border:1px solid #ccc;padding:.2em;}

#commentform textarea {width:80%;}







#comments li {border-left:5px solid #EDF6FE;margin-left:10px;padding-left:10px;}

#comments li .avatar {float:right;margin-right:25px;border:1px dotted #ccc;padding:2px;}

/***** Main Content Details *****/



/***** Sidebar Details *****/

#right .about {padding:10px;font-size:11px;border:2px solid #ccc;background:#fff;}

#sidebar1 .box, #sidebar2 .box {background:#fff;font-size:12px;margin-bottom:20px;padding:0;border:1px solid #ccc;}

#sidebar1 h2, #sidebar2 h2 {color:#EE7733;border-bottom:1px solid #ccc;font-size:14px;padding:3px;}

#sidebar1 .box a, #sidebar2 .box a {color:#0066CC;text-decoration:none;}

#sidebar1 .box a:hover, #sidebar2 .box a:hover {color:#EE7733;text-decoration:underline;}

#sidebar1 a:visited, #sidebar2 a:visited {color:#0066AA;text-decoration:none;}

#sidebar1 ul, #sidebar2 ul {list-style-type:circle;margin:20px;padding:0;}

#sidebar1 ul li, #sidebar2 ul li {padding-bottom:5px;}

#sidebar1 ul ul, #sidebar2 ul ul {list-style-type:none;margin:5px;padding:0;}

#sidebar1 ul li ul li, #sidebar2 ul li ul li {padding-bottom:5px;}

#wp-calendar {border:1px solid #ddd;empty-cells:show;font-size:14px;margin:0;width:90%;}

#wp-calendar caption {color:#999;font-size:16px;text-align:left;}

/***** Sidebar Details *****/



/***** Footer Details *****/

#footer p {padding-top:5px;color:#fff;font-size:12px;}

#footer a {color:#fff;}

/***** Footer Details *****/

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }