/*
Theme Name: WebRevolutionary theme
Theme URI: http://webrevolutionary.com
Description: Main WordPress theme for <a href="http://webrevolutionary.com/">WebRevolutionary</a>.
Version: 1.0.1
*/

* {margin: 0; padding: 0;}

body {font: 75%/150% Arial, Helvetica, sans-serif; color: #2D2D2D; background: url(img/topbg.gif) repeat-x top; margin: 0;	padding: 0;}

a {color:#0083BC; text-decoration: none; outline: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color:#000;}

p {padding: 0 0 1em; text-align:justify;}

/* ### TITLES ### */
h1, h2, h3 {margin-bottom:15px;}

img {border: none;}

/* ### WRAPERS, CONTAINERS
--------------------------- ### */
.bgfix {background:url(img/headerbg.gif) no-repeat top;}

#wrap {width:940px; margin:0 auto; padding:15px;}
.wspacer {padding:0px;}
.spacer {padding:25px;}

/* ### HEADER
----------------------- ### */

#header {height:125px; width:970px; margin:0 auto;}

.link {position:absolute; width:300px; height:43px; margin-top:30px; margin-left:30px; z-index:100; outline:none;}
#header .moto {color:#fff; font-size:1.4em; position:absolute; margin-left:25px; margin-top:63px; font-family:"Trebuchet MS"; width:400px; overflow:hidden;}

#header h1 { margin:0; padding:0 0 5px 0; font-size:3em; font-family:"Trebuchet MS";}
#header h1 a {color: #fff;}
#header h1 a:hover {color:#fff; text-decoration:none;}


/* Demo header */
.demo-bgfix {background:url(img/demo-headerbg.gif) no-repeat top left; width:960px; margin:0 auto;}
#demo-header {height:130px;}
#demo-header .demo-ads { width:415px; height:125px; position: absolute; margin-left:320px; margin-top:6px; z-index:10;}
#demo-header .demo-ads img {padding:0 5px 0 5px;}

#demo-header .toolz {position: absolute; width:240px; margin-left:730px; text-align:right; font-weight:bold; margin-top:20px; font-size:1.3em;}
#demo-header .back { background:#fff; border:1px solid #1DA1C4; padding:5px; float:right;}
#demo-header .download { background:#fff; border:1px solid #1DA1C4; padding:5px; float:right; margin-left:10px;}
#demo-header .annual { background:#fff; border:1px solid #1DA1C4; padding:5px; float:right; margin-left:10px;}


/* Top navigation */
#topnav {position:absolute; z-index:3000; margin-top:69px; margin-left:390px; font-size:1.1em; width:590px; height:34px;}
#topnav a {text-decoration:none; color:#fff;}
#topnav a:hover {text-decoration:none; color:#000;}
#topnav .top-menu { padding:7px 10px 10px 10px; text-align:center;}
#topnav .top-menu ul {list-style:none; font-weight:bold;}
#topnav .top-menu ul li {display:inline; padding:0 13px 0 0px;}
#topnav .current_page_item a {text-decoration:none; color:#000;}

/* SEARCH */
#search input {font: bold 1.1em Arial, Tahoma, sans-serif; color: #454545; width: 190px; padding: 2px; float:left;}
#sidebar li #searchsubmit {font: bold 1.1em Arial, Tahoma, sans-serif; color: #fff;	width: 70px; border: none; padding: 3px 0 3px 0; background: #444 url(img/searchbg.gif) repeat-x; float:right; text-transform:uppercase;}


/* Featured */
#topboard {height:280px; margin-bottom:15px; overflow:hidden;}
#topboard .spacer {padding:0;}
#topboard .posts {width:510px; height:280px; overflow:hidden; line-height:normal;}
#topboard .posts h2 {margin-bottom:8px;}
#topboard .wrap {}

#topboard .sticky {width:415px; height:280px; overflow:hidden; font-size:11px; line-height:normal; text-align:center;}
#topboard .ads {padding:0 0 0 0;}
#topboard .sticky img {padding:0 5px 10px 5px}

#topwidget {width:570px; height:50px; overflow:hidden; position:absolute;  margin-left:395px; margin-top:10px; font-size:11px; line-height:normal;}


/* ### FRONT, MIDLE, SIDEBARS
----------------------- ### */

/* Front page */
#front {}

/* Thumb */
#front .thumb {width:300px; height:380px; margin:5px; overflow:hidden; display:inline; float:left; background:url(img/thumbbg.gif) no-repeat bottom;}
#front .thumb h2 {background:url(img/thumbtitle.gif) no-repeat; width:280px; height:32px; padding:7px 10px 0 10px; font-family:"Trebuchet MS"; font-size:1.5em; margin:0 0 5px 0; overflow:hidden;}
#front .thumb h2.fix { background: url(img/thumbtitlefix.gif) no-repeat !important;}
#front .thumb h2 a {color:#fff; margin-left:11px; font-size:.80em;}
#front .thumb h2 a:hover {text-decoration:none; margin-left:11px; font-size:.80em;}
#front .free {width:90px; height:92px; position:absolute; margin-left:200px; margin-top:110px;}
#front .annual {width:90px; height:92px; position:absolute; margin-left:200px; margin-top:110px;}

#front .shot {margin-bottom:5px;}
#front .description {text-align:justify; line-height:15px; padding:5px 15px 0 15px;}
#front .tools { background:url(img/toolsbg.gif) repeat-x top; margin-bottom:5px; border:1px solid #D8D8D8; padding:5px; text-align:center;}
#front .tools ul {margin:0; list-style:none;}
#front .tools ul li {display:inline; font-size:1.2em; font-weight:bold;}
#front .tools ul li.demo { background:url(img/demo.gif) no-repeat 0 2px; padding:0 10px 0 17px;}
#front .tools ul li.details { background:url(img/details.gif) no-repeat 0 2px; padding:0 10px 0 17px;}

/* Midle */
#midle {/*WIDTH*/ width:610px;}
#midle .spacer {padding:0;}
#midle .more-link {padding:0px 0 15px 18px; display:block; margin-top:10px; float:right; background:url(img/demo.gif) no-repeat 0 3px; font-weight:bold;}


/* Post style */
#midle .post {margin-bottom:25px; background:url(img/postbg.gif) no-repeat bottom;}
#midle .post .spacer { padding:0 15px 20px 15px;}

#midle .post h2 {margin-bottom:15px; font-size:2.3em; font-family:"Trebuchet MS"; line-height:20px; color:#4b4b4b;}
#midle .post h2 a {color:#4b4b4b;}
#midle .post h2 a:hover {text-decoration:none; color:#999;}

#midle .post h3 {margin-bottom:10px; font-size:1.6em; line-height:20px; color:#21ACD4; font-weight:normal;}


#midle .lgpreview {width:610px; height:280px; overflow:hidden; margin-bottom:10px;}
#midle .get { background:url(img/getbg.jpg) no-repeat top; width:590px; height:70px; font-size:1.6em; padding:12px 0 0 20px;}
#midle .free {width:90px; height:92px; position:absolute; margin-left:500px; margin-top:170px;}
#midle .annual {width:90px; height:92px; position:absolute; margin-left:500px; margin-top:170px;}


/* post data */
#midle .postdata {font-size:11px; font-family:"Trebuchet MS"; font-weight:bold; margin-bottom:10px; background:url(img/postdatabg.gif) no-repeat; padding:3px 0 0 10px; width:600px; height:21px;}
#midle .postdata ul { list-style:none; margin:0; padding:0; color:#707070;}
#midle .postdata ul li { display:inline; padding:0 5px 0 5px;}
#midle .postdata .time {background:url(img/time.gif) no-repeat 0 2px; padding: 0 5px 0 20px; margin-right:5px;}
#midle .postdata .comments {background:url(img/comment.gif) no-repeat 0 2px; padding: 0 10px 0 18px;}
#midle .postdata .posted {background:url(img/posted.gif) no-repeat 0 2px; padding: 0 5px 0 20px; margin-right:10px;}
#midle .postdata .posted a {color:#707070;}
#midle .postdata .posted a:hover {text-decoration:none;}
#midle .postdata .edit {background:none;}

#midle ul {list-style:none; margin-bottom:20px;}
#midle ul li {padding:0 0 0 10px;}
#midle ul li {padding:0 0 0 15px; background:url(img/bullet-blue.gif) no-repeat 0 6px;}

/* Img aligns */
#midle img.alignleft {float:left; border:1px solid #C87910; padding:3px; margin-right:10px;}
#midle img.alignright {float:right; border:1px solid #C87910; padding:3px; margin-left:10px;}
#midle .thumb {float:left; padding:0 10px 0 0; border:1px solid #C87910; padding:3px;}
#midle .thumb img {border:1px solid #390B08; padding:3px;}



/* Comments */
.even {margin-bottom:10px; background:#F3F3F3; padding:10px;}
.odd {margin-bottom:10px; padding:10px;}
h3.ctitle {margin-bottom:10px;}
.commentlist { list-style:none;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist cite {background:url(img/author.png) no-repeat 0 2px; padding:0 0 0 18px;}
.comment-author img {display:none;}

.commentmetadata {margin-bottom:10px; font-size:11px;}

.box {width:545px; background:#A40035 url(img/blockbg.gif) repeat-x top; border:1px solid #999; font-family:arial; font-size:12px; color:#000; padding:5px; overflow:hidden;}
.field { background:#A40035 url(img/blockbg.gif) repeat-x top !important; border:1px solid #999; font-family:arial; font-size:12px; color:#000; padding:3px;}

.submit { background:url(img/submit.gif) no-repeat; width:68px; height:32px; border:none; cursor:pointer;}

/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 250px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: left;	width: 100%; font-weight:bold;}
#wp-calendar td {padding:0;	text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Navigation */
#navigation {font-weight:bold;}
#navigation .alignleft {float:left; padding:0 0 0 20px;}
#navigation .alignright {float:right; padding:0 20px 0 0;}


/* Sidebar 01 */
#sidebar {/* WIDTH */ width:300px;}
#sidebar .spacer {padding:0;}
#sidebar a { color:#000;}
#sidebar a:hover {}
#sidebar h2 {font-size:1.3em; color:#fff; margin-bottom:10px; font-family:"Trebuchet MS"; background:url(img/h2bg.gif) no-repeat; overflow:hidden; width:252px; height:24px; padding:10px 13px 5px 20px; font-weight:normal;}
#sidebar ul { margin:0; padding:0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; padding:10px; background:#fff url(img/blockbg.gif) repeat-x top; border:1px solid #A8D9EA;}
#sidebar ul ul {margin:0 5px 0 5px;}
#sidebar ul ul li {margin:0; padding: 2px 0 2px 17px; background:url(img/bullet.gif) no-repeat 0 7px; border:none; border-bottom:1px solid #A8D9EA;}
#sidebar ul ul ul {margin: 0 0 0 10px;}
#sidebar ul ul ul li {margin:0; border:none;}

#sidebar label {font-size:1.3em; color:#fff; margin-bottom:10px; font-family:"Trebuchet MS"; background: url(img/h2bg.gif) repeat-x; width:252px; height:24px; padding:10px 13px 5px 13px; display: block; border: none;}

#sidebar img.mbanner {padding:5px 5px 5px 7px}



/* ### FOOTER
----------------------- ### */
#footer {text-align:center; background:url(img/footerbg.gif) no-repeat top;}
#footer .fspacer {padding:10px;}

#footer .copyrighted {font-size:11px;}

#footer .bot-menu {padding:0px;}
#footer .bot-menu a {text-decoration:none;}
#footer .bot-menu a:hover {text-decoration: underline;}
#footer .bot-menu ul {list-style:none; font-size:12px; font-weight:bold;}
#footer .bot-menu ul li {display:inline; padding:0 5px 0 5px;}


/* Floating options */
.fl {float:left;}
.fr {float:right;}

.mgright {margin-right:10px;}
.mgtop {margin-top:10px;}
.mgbottom {margin-bottom:10px;}


/* Clearing */
.clr {clear:both;}
