/*  
Theme Name: webpress
Theme URI: http://www.blogohblog.com
Description: This Premium theme is designed and built by Jai Nischal Verma of <a href="http://www.blogohblog.com/" title="free wordpress themes">Blog Oh Blog</a>.
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*********************Body**********************/
*{margin:0;padding:0;outline:0;border:none;}
body{background:#FFFFFF; font-family:Arial; font-size:13px; color:#333;}
a, a:link, a:visited, a:active {text-decoration:none;}
#wrapper {width:950px; margin:auto;}

/**************** Navigation *********************/
#navigation { float:right; height:15px; margin-top:5px; text-transform:lowercase;}
#menu li{list-style:none; font-size:16px; display:inline; float:left; position:relative;}
.page_item a:link, .page_item a:visited{float:left; display:block; margin-left:25px;padding:5px 5px 12px 5px; }
.current_page_item a:link, .current_page_item a:visited{float:left; display:block; margin-left:25px; color:#ffffff; padding:5px 5px 12px 5px;}

/*Drop Down*/
#menu li ul {width:16em; z-index:300; position:absolute; display:none; top:2em; left:0;} 
#menu ul ul {top:auto;} 
#menu li ul ul {left:12em; margin:0px 0 0 10px;} 
#menu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#menu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 

/**************** Header/Logo *********************/
#header {padding:30px 0 0 0; height:100px;}
#logo {width:450px; float:left;}
#logo h1 {text-indent:-10000px;}
#logo h1 a {height:79px; display:block;}
#textlogo {float:left; width:450px; padding-top:10px;}
#textlogo a:link, #textlogo a:visited {letter-spacing:-1px; font-size:32px;}
#textlogo h2 {font-size:12px; text-transform:uppercase; font-weight:normal;}

/**************** Twitter *********************/
.authorbio {width:380px; height:135px; float:left; text-align:left; padding:0px 10px 0px 10px; color:#666; }
.authorbio h2 {font-size:22px; letter-spacing:-1px; text-transform:uppercase; padding-bottom:10px;}
.authorinfo {line-height:20px; font-size:13px; padding:10px 10px 0px 0; height:78px;}
.banner468 {float:right; width:468px; height:60px;}
.banner125 {float:left; margin:0 6px 20px 6px;}
.banner300 {float:right; margin:0 0px 0px 10px; width:300px; height:250px;}
#tweet {float:right; width:315px; height:51px; padding:8px 10px 0 60px;}
#tweet li {list-style:none;font-style:italic;font-size:11px; line-height:14px;}

/**************** Search *********************/
#searchbar {position:absolute; width:176px; height:25px; top:-27px; right:0;}
#ls {background-color:#384149; color:#909db3; border: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:7px 0 0 7px;}

/**************** Slider *********************/
#slider {width:945px; border:1px solid #d9d9d9; background:url(images/slidebg.png) repeat-x top; height:330px; margin:auto; position:relative; margin-bottom:-10px;}
div.scrollable {position:relative;overflow:hidden;width: 856px;height:280px; margin:25px 0 0 5px;}
#thumbs {position:absolute;width:20000em;clear:both;}
a.prev, a.next {margin-top:118px;}
#thumbs div {float:left;width:214px;height:280px;color:#fff;cursor:pointer;}
#thumbs div.hover {background-color:#010101; background-image:none;}
#thumbs div.active {background-color:#010101; background-image:none;cursor:default;}
#thumbs p, #thumbs span {margin:13px;font-size:12px; line-height:16px;color:#ccc;}
#thumbs p a:link, #thumbs p a:visited {color:#fff;}
#thumbs h3 {font-size:14px; padding:5px 5px 5px 13px;}
#thumbs h3 em {font-style:normal;color:#CCE82E;}
div.scrollable {float:left;}
a.prev, a.next, a.prevPage, a.nextPage {display:block;width:24px;height:25px;background:url(images/left_slide.png) no-repeat;float:left;margin:140px 6px;cursor:pointer;}
a.disabled {visibility:hidden !important;}
a.next, a.nextPage {background-image:url(images/right_slide.png);clear:right;}

/**************** Category Navigation Bar *********************/
#catnav {width:950px; margin:auto; height:33px; line-height:28px; color:#FFFFFF; padding:0 10px 0 10px; margin-bottom:10px;}
#catnav li {display:inline; float:left; position:relative;}
#catnav li a:link, #catnav li a:visited {color:#FFFFFF; font-size:12px; display:block; padding:2px 14px 6px 14px; font-weight:bold;}

/*Drop Down*/
#catnav li ul {width:14.1em; z-index:2000; position:absolute; display:none; top:2em; left:0;} 
#catnav li ul li a:link, #menu li ul li a:visited {width:11.5em; height:auto; float:left;  border-bottom:1px solid #333333;display:block; padding:2px 0 2px 1em; color: #ccc; text-decoration:none;position: relative;z-index:2000; } 
#catnav li ul li a:hover {background:#000; color:#fff;}
#catnav ul ul {top:auto;} 
#catnav li ul ul {left:12em; margin:0px 0 0 10px;} 
#catnav li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#catnav li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 

/**************** Entry/Post *********************/
.entry {padding-top:10px;}
.post { width:300px;margin:0 8px 30px 8px; float:left;}
.post h2, .fullpost h2 {line-height:30px; padding-bottom:6px; background:url(blue/line.png) bottom left no-repeat;}
.post h2 a, .fullpost h2 a {font-size:22px; letter-spacing:-1px; text-transform:uppercase;}
.post h2 a:hover, .fullpost h2 a:hover { color:#000;}
.details {color:#999999; font-size:11px; padding:0 0 0px 6px;}
.comms a { font-weight:bold; background:url(blue/comments.png) no-repeat; display:block; text-align:center; width:84px; height:15px; padding:5px; float:left; margin-right:5px;}
.rest {display:block; padding-top:4px; border-bottom:1px dotted #CCC; font-style:italic;}
.content { padding:15px 15px 15px 0px; font-size:13px; line-height:20px; color:#333333; height:200px;}
.content a {text-decoration:underline;}
.content a:hover {text-decoration:none; color:#000000;}
.fullcontent{padding:15px 10px 10px 0;-moz-border-radius:10px;}
.fullcontent ul, .fullcontent ol {padding: 0 0 15px 0px; list-style: none;} 
.fullcontent li { margin: 8px 0 8px 10px; }
.fullcontent ul li:before{ content: "\00BB \0020"; }
.fullcontent a{text-decoration:underline;}
.fullcontent p {line-height:20px; padding-bottom:15px;font-size:13px; color:#333333;}
.fullcontent img {margin-bottom:10px;}
.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}
.postimage {float:left; margin-right:10px; border:1px solid #ccc; padding:4px; background-color:#FFF;}
.meta {color:#999999;font-size:11px; font-weight:bold; padding:10px 0 0 0px; margin-top:10px; line-height:20px; clear:both;}
.meta a:hover {color:#333;}
.date {background:url(images/calendar.png) left no-repeat; padding:3px 0 3px 20px; float:left;}
.cats {background:url(images/file.png) left no-repeat; padding:3px 0 3px 20px; float:left; margin-left:10px;}
.tags {background:url(images/star.png) left no-repeat; padding:3px 0 3px 20px; float:left; margin-left:10px;}
.editlink {background:url(images/edit.png) left no-repeat; padding:3px 0 3px 20px; float:left; margin-left:10px;}
.rmore a:link, .rmore a:visited{color:#333; display:block; text-decoration:none; margin-top:10px; text-decoration:underline;}

/**************** Footer *********************/
#foot_wrap {width:950px; margin:auto;}

/**************** Sidebars *********************/
.col {width:300px; float:left; padding:20px 10px 20px 5px;}
.col h2 {width:237px; font-size:16px; text-transform:uppercase; height:20px; padding:8px 10px 10px 15px;}
.col ul li ul li{list-style:none; margin-left:5px; line-height:18px; font-size:12px; font-weight:bold; text-transform:uppercase; margin-bottom:15px;padding-left:30px;}
.col ul {list-style:none;}
.col ul li ul {padding-top:15px;}
.col p {padding:10px 10px 10px 6px; color:#CCCCCC; font-size:12px; line-height:18px;}

/**************** Copyright *********************/
#copyright {height:27px; text-align:center; font-size:11px;padding-top:11px;}
#copyright a:hover {color:#CCCCCC; text-decoration:underline;}

/**************** Miscellaneous *********************/
h2.arch {font-size:13px; padding:5px; margin-bottom:20px; font-weight:normal;}
.wp-pagenavi {clear:both; text-align:center; margin:auto auto 20px auto;}
.alignleft a:link, .alignleft a:visited {display:block; padding:5px 10px 5px 10px; color:#fff; width:75px; font-size:12px; font-weight:bold; float:left; -moz-border-radius:5px;}
.alignright a:link, .alignright a:visited {display:block; padding:5px 10px 5px 10px; color:#fff; width:80px; font-size:12px; font-weight:bold; float:right; -moz-border-radius:5px;}
blockquote { margin: 15px 30px 15px 30px; padding-left: 20px; border-left: 1px solid #ccc; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
.center {text-align:center;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Comments *********************/
.commentlist li{display: block;padding: 10px;margin-left: 0px;margin-bottom: 20px; font-size:13px; -moz-border-radius:10px;}
.commentlist li p {padding-bottom:15px; color:#666;}
.commentlist blockquote {margin-left:100px;}
.commentlist ol {margin-left: 0px;padding-left: 0px;}
#commentwrap {display: block;margin-bottom: 20px;margin-top: 20px;}
.commentlist ol li{margin-left: 0px;}
.commenteditlink {background:url(images/edit.png) left no-repeat; padding:3px 0 3px 20px; margin-left:10px;}
.commentlist {margin-left: 0px;padding-left: 0px;}
#commentform {margin: 1em 0;background: #FFFFFF;}
#commentform textarea {background: #f8f7f6;border: 1px solid #d6d3d3;width: 370px; font-size: 1.1em; padding:5px;}
#commentform textarea:hover {background: #FFFFFF;border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #ffffff;border: 1px solid #939793;}
#commentform #email {font-size: 1.1em;background: #f8f7f6;border: 1px solid #d6d3d3;width: 280px;background-image: url(images/comment-email.gif);background-position: 7px 7px;background-repeat: no-repeat;height: 20px;padding-left: 30px;padding-top: 6px; padding-bottom:5px;}
#commentform #author {font-size: 1.1em;background: #f8f7f6;border: 1px solid #d6d3d3;width: 280px;background-image: url(images/comment-author.gif);background-position: 7px 7px;background-repeat: no-repeat;height: 20px;padding-left: 30px;padding-top: 6px; padding-bottom:5px;}
#commentform #url {font-size: 1.1em;background: #f8f7f6;border: 1px solid #d6d3d3;width: 280px;background-image: url(images/comment-website.gif);background-position: 7px 7px;background-repeat: no-repeat;height: 20px;padding-left: 30px;padding-top: 6px; padding-bottom:5px;}
#commentform #email:focus {font-size: 1.1em;background: #ffffff;border: 1px solid #939793;width: 280px;background-image: url(images/comment-email.gif);background-position: 7px 7px;background-repeat: no-repeat;height: 20px;padding-left: 30px;padding-top: 6px; padding-bottom:5px;}
#commentform #author:focus {font-size: 1.1em;background: #ffffff;border: 1px solid #939793;width: 280px;background-image: url(images/comment-author.gif);background-position: 7px 7px;background-repeat: no-repeat;height: 20px;padding-left: 30px;padding-top: 6px; padding-bottom:5px;}
#commentform #url:focus {font-size: 1.1em;background: #ffffff;border: 1px solid #939793;width: 280px;background-image: url(images/comment-website.gif);background-position: 7px 7px;background-repeat: no-repeat;height: 20px;padding-left: 30px;padding-top: 6px; padding-bottom:5px;}
#commentform input{margin-bottom: 3px;}
.grav {padding:1px; float:left; margin:0px 10px 5px 0px; border:1px solid #ccc;}
.comauth { font-size:12px; padding-bottom:5px; margin-left:95px; margin-bottom:5px; font-style:italic; font-weight:bold;}
#comments, #postcomment {font-size:20px; text-transform:uppercase; letter-spacing:-1px;}
#commentform label {font-size:11px; color:#999;}
#submit {font-size: 1.1em; padding:5px; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; border:1px solid #CCC; margin-top:10px;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999;}