/*
Theme Name: Civil Engineering V 3.0
Theme URI: http://www.technobeta.com
Description: Classy blue and orange colored theme. Now Responsive.
Version: 1.0
Author: Joel Fernandes
Author URI: http://www.technobeta.com
*/

* {margin:0;padding:0;}
body {font: 13px "Lucida Grande", Verdana, Lucida, Helvetica, Arial; color:#393939; }
a {text-decoration:none; color:#4c89bb; font-weight:bold; }
a:hover {text-decoration:underline; color:#dc143c;}
small {text-align:right;margin:1em 0;}
h1 {font-size:1.5em;}
h2, h3, h4 {font-size:1.2em;border-bottom:1px dashed #ddd;}
.info {width:95%;font-size:0.8em;color:#555;text-align:right; border-bottom:1px dashed #ccc;padding:1em;clear:both;}
.boxedup {clear:both;border:1px solid #eee;padding:0.5em;margin:0.5em;}

#header {background: #ABD4F2 url(http://www.engineeringcivil.com/wp-content/themes/civil_engineering_v3/images/headerback.jpg); text-align:center; margin:0 0 10px 0;max-height:150px;}
#header a img {border:none;}

.inner {width:980px;margin:0 auto;}
#main {float:left;width:790px;}

#content {float:right;width:560px;}
#content p {margin:0 0 1.5em 0;line-height:1.5em;text-align:justify;}
#content h1, #column1 h2, #column1 h3 {color:#333;font-weight:bold;margin:0.5em 0;padding-bottom:0.2em;border:0;}
#content h2 {font-size:1.5em;}
#content h2 a {color:#4C89BB;}
#content h2 a:hover {color:#666;}
#content ul, #content ol {margin:1em;padding:0.5em;border-top:1px dashed #eee;border-bottom:1px dashed #eee;}
#content ul li {margin:0 1em;padding:0.2em;}
#content blockquote {margin:15px; padding:0 0 10px 30px;font-style:italic; background:url('http://www.engineeringcivil.com/wp-content/themes/civil_engineering_v3/images/blockquote.png') no-repeat 0 0;}
#content blockquote p {margin:1em 2em 0 0;}

.entry p{padding:5px 0 0 0;}
.clear{clear:both;}

#sidebarleft {float:left;width: 220px;}
#sidebarleft ul {list-style-type:none;}

#sidebarright {float:left;width:180px;margin:0 0 0 10px;}
#sidebarright ul {list-style-type:none;}

#footer {clear:both;padding:5px 0 10px 0;margin:0;}
#footer p {text-align:center; margin:0; padding:0;}

#searchCSS {font-size:0.9em;position:absolute;top:10px;right:7px;}
#searchform {text-align:center;}
#searchform #s {width:135px;font-size:11px;padding:4px;border:2px solid #000;}
#searchform #s:focus {border:1px solid #aaa;background:#fafafa;}
#searchsubmit {font-size:9px;background:#fff url('icons/icon_search.png') no-repeat 1px 1px;cursor:pointer;padding:0 0 0 15px;border:1px solid #aaa;}
#searchsubmit:hover {border:1px solid #999;}
#submit {cursor:pointer;}
.entry form {text-align:center;}
select {width:140px;}

table td {padding:5px;background:#fcfcfc;border:1px solid #ccc;width:auto;}

#commentform input {width : 170px;padding : 2px;margin : 5px 5px 1px 0;border : 1px solid #ccc;
background : #fafafa;}
#commentform input:focus {border : 1px solid #aaa;background : #f6f6f6;}
#commentform textarea {width : 95%;padding : 2px;border : 1px solid #ccc;background : #fafafa;}
#commentform textarea:focus {border : 1px solid #aaa;background : #f6f6f6;}
#commentform #submit {border : 1px solid #ccc;color : #666;background : #fafafa;vertical-align : top;}
#commentform #submit:hover {border : 1px solid #aaa;background : #eee;}
.comment_no {padding-top : 10px;float : right;font-size : 3.5em;color : #eee;}
.commentlist {padding : 0;margin : 5px;list-style : none;}
.commentlist li {clear :both;list-style : none;padding:10px;
background:#fff url('http://www.engineeringcivil.com/wp-content/themes/civil_engineering_v3/images/gradient.png') repeat-x 0 -10px;border-top:1px solid #ddd;margin:10px;}
.commentlist li:hover {background-position : 0 0;border-top : 1px solid #ccc;}
.center {display:block;margin-left:auto;margin-right:auto;}
.alignright {float:right;}
.alignleft {float:left;}
.images {width:95%;text-align:center;}
.images img {float:left;clear:both;margin:0 auto;}

#sidebarleft ul, #sidebarright ul {margin-bottom:20px;background:#f0f8ff;border-bottom: solid 3px #e5ecf5; }
#sidebarleft ul li, #sidebarright ul li {margin:0;padding:5px 5px 8px 5px;}
#sidebarleft h2, #sidebarleft h3, #sidebarright h2, #sidebarright h3 {margin:0; padding:5px; color:#444; background:#e5ecf5;font-size:13px;}

.icons a {display:block;height:16px;padding-left:25px;}
.icons a:hover {background-position:left bottom;}
.icons .s_delicious {background:#fafafa url('icons/delicious.gif') no-repeat;}
.icons .s_digg {background:#f6f6f6 url('icons/digg.gif') no-repeat;}
.icons .s_technorati {background:#fafafa url('icons/technorati.gif') no-repeat;}
.icons .s_reddit {background:#f6f6f6 url('icons/reddit.gif') no-repeat;}
.icons .s_magnolia {background:#fafafa url('icons/magnolia.gif') no-repeat;}
.icons .s_stumbleupon {background:#f6f6f6 url('icons/stumbleupon.gif') no-repeat;}
.icons .s_yahoo {background:#fafafa url('icons/yahoo.gif') no-repeat;}
.icons .s_google {background:#f6f6f6 url('icons/google.gif') no-repeat;}
.iconcomment a {padding-left:20px; background:url('icons/icon_comment.png') no-repeat top left;}
.iconedit {background:url('icons/icon_edit.png') no-repeat top left;padding:1px 0 5px 20px;}
.iconrss {background:url('icons/icon_feed.gif') no-repeat;}
.yahoosidebar{background:#F0F8FF;padding-left:5px;margin-bottom:1em;font-size:10px;border-bottom: solid 20px #e5ecf5;}

.wp-email p { text-align: left; margin:0; padding:0; }
.wp-email-loading { display: none; text-align: center; height: 16px; }
.wp-email-image, .WP-EmailIcon { border: 0; padding: 0; margin:0; }

.wp-pagenavi {margin: 15px 0 15px 5px;padding:10px 0 0 0;}
.wp-pagenavi a{padding:8px 10px; margin:2px; text-decoration:none; border:1px solid #ccc; color:#366799; background:#fff;border-radius:3px;display:inline-block;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #3276AA;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#3276AA;border-radius:3px;}
.wp-pagenavi span.current{padding:10px 12px;margin:3px;font-weight:bold;border:1px solid #000;color:#fff; background:#3276AA;border-radius:3px;}
.wp-pagenavi span.extend {padding: 10px 12px; margin:3px;border:1px solid #000;color:#fff; background:#3276AA;}
.wp-pagenavi .next-comment-page, .wp-pagenavi .previous-comment-page{padding:12px 14px;border:1px solid #aaa;}
.wp-pagenavi a.nextpostslink{font-weight:bold;padding:12px 14px;font-size:14px;}

#content img, #header img {max-width:100%;height:auto}

#submitfiles h2 {display:none;}
#contactform {margin:20px 0 0 0;}
#contactform p{margin:0;padding:0 0 8px 0;}
#contactform input, #submitfiles input {padding:5px;background:#f9f9f9;border:1px solid #ddd;width:90%;border-radius:4px;}
#contactform textarea, #submitfiles textarea {width:90%;height:150px;padding:5px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;}
#contactform input:focus, #contactform  textarea:focus{background:#fff;border:1px solid #ccc;}
#contactform input.wpcf7-submit, #submitfiles input#ug_submit_button{width:80px;background:#4C89BB;color:#fff;}
#submitfiles textarea#ug_content {margin:0;float:none;display:block;}
#submitfiles .ugc-input-wrapper {padding:10px 0;width:90%;text-align:left;}
#submitfiles label {margin:0 0 5px 0;display:block;}

@media screen and (max-width:380px) {
img, textarea {max-width:99%;}
.inner {width:350px;padding:5px;}
#main {float:none;width:350px;}
#content {float:none; width:350px;}
#sidebarleft, #sidebarright {float:none;width:330px}
.boxl {float:none; margin:10px auto; text-align:center;}
.boxr {float:none; margin:10px auto; text-align:center;}
}

@media screen and (min-width:380px) and (max-width:900px) {
img, textarea {max-width:99%;}
.inner {width:98%;padding:1%;}
#main {float:none;width:100%;}
#content {float:none; width:100%;}
#sidebarleft, #sidebarright {float:none;width:95%}
.boxl {float:none; margin:10px auto; text-align:center;}
.boxr {float:none; margin:10px auto; text-align:center;}
}

@media screen and (min-width: 900px) {
.inner {width:880px;}
#main {width:690px;}
#content {width:460px;}
.boxl {float:none; margin:10px auto; }
.boxr {float:none; margin:10px auto; }
}

@media screen and (min-width: 1000px) {
.inner {width:980px;}
#main {width:790px;}
#content {width:560px;}
.boxl {float:left; margin:0 10px 5px 0; }
.boxr {float:right; margin:0 0 5px 20px; }
}

@media screen and (min-width: 1100px) {
.inner {width:1080px;}
#main {width:890px;}
#content {width:660px;}
}

@media screen and (min-width: 1200px) {
.inner {width:1180px;}
#main {width:990px;}
#content {width:760px;}
}

@media screen and (min-width: 1300px) {
.inner {width:1280px;}
#main {width:1090px;}
#content {width:860px;}
}
@media screen and (min-width: 1400px) {
.inner {width:1380px;}
#main {width:1190px;}
#content {width:960px;}
}

@media screen and (min-width: 1500px) {
.inner {width:1480px;}
#main {width:1290px;}
#content {width:1060px;}
}

@media screen and (min-width: 1700px) {
.inner {width:1680px;}
#main {width:1490px;}
#content {width:1260px;}
}


@media screen and (min-width: 1900px) {
.inner {width:1880px;}
#main {width:1690px;}
#content {width:1460px;}
}