/*
Theme Name: Rocking WP Theme
Description: Rocking WP Theme Official Theme
Version: 1.0
Author: null
Author URI: null/
Tags: 
*/
body { margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

a { text-decoration:none; color:#ce7428; }
a:hover { text-decoration:underline; }
a img { border:0px; }

.clear { clear:both; }

.wrapper { width:984px; margin:0px auto; }

.header-links { background:url(images/header-bg.gif) repeat top left; height:41px; padding:0px 10px; }
.header-links .links { height:41px; padding-right:12px; position:relative; top:-1px; }
.header-links .links .linkbox { background:#212121; height:31px; line-height:31px; float:right; }
.header-links .links .linkbox a { color:#ffffff; }
.header-links .links .linkbox span { color:#bba9a7; padding:0px 8px; }
.header-links .links img { float:right; }

.header { height:123px; border-top:1px solid #fff; background:#212121; text-align:center; }
.header .logoline { padding-top:34px; }
.header .logoline h1 { margin:0px; font-size:14px; }
.header .logoline h1 a {  }
.header .slogan { text-align:center; }
.header .slogan span { display:block; }
.header .slogan span.simple { text-transform:uppercase; color:#7ea43f; font-size:14px; font-weight:bold; padding:5px 0px; }
.header .slogan span.small { color:#5a5a5a; font-size:10px; }

.menu { background:#d7e9ad; height:28px; line-height:28px; }
.menu a { color:#212121; }
.menu span { color:#bba9a7; padding:0px 8px; }

.breadcrumb { background:#E5E5E5; margin:0px; color:#979797; font-size:12px; border:1px solid #E5E5E5; padding:4px 8px; }
.breadcrumb a { color:#181714; }
.breadcrumb img { padding:0px 6px; }

.body { padding:10px 5px; background:url(images/body-bg.gif) repeat-y top right; min-height:1025px; border:1px dotted #666666; border-top-width:0px; border-bottom:0px; width:991px; }
.body .leftside { width:566px; float:left; margin-left:6px; }
.body .rightside { width:400px; float:right; }

.gallery { height:271px; background:#FFF; }

.mostpop { background:#B92652; height:275px; }
.mheading{ padding:10px 10px 10px 0; margin:0 0 0 10px;  background:url(images/mheading.gif) repeat-x right 15px; }
.mheading h2, .mheading2 h2 { font-weight:normal; font-size:22px; color:#FFF; margin:0; padding:0 10px 0 0; float:left; background:#B92652; }
.mheading h2 span, .mheading2 h2 span { color:#212121; }

ul.mplink { margin:0; padding:0; list-style:none; width:378px; margin:0 auto; }
ul.mplink li { background:url(images/mplink.gif) no-repeat top left; padding:6px 4px; height:52px; margin:0 0 10px; }

.dload { width:53px; float:left; text-align:center; }
.dload p.counterT { color:#fff; margin:10px 0 5px; }
.dload a { color:#F58C21; }

.dPrev { width:306px; float:right; color:#fff; }
.dPrev h3 { margin:5px 0 6px; font-size:14px; }
.dPrev span.author a { color:#FFF; }

/* Posts */
.insidecontent .post { padding-bottom:15px; margin-bottom:15px; width:574px!important; }
.insidecontent .post .postHeader { margin-bottom:7px; height:114px; border:1px solid #e8e7e7; background:#fff; padding:1px;  }
.insidecontent .post .postHeader .postImage { height:114px; width:411px; float:left; }
.insidecontent .post .postHeader .postDigg { height:84px; width:70px; float:left; text-align:center; padding-top:10px; }
.insidecontent .post .postDescription { background:#fff; padding:0px 0 10px; }
.insidecontent .post .postDescription p a {  color:#E77910; }
.insidecontent .post .postDescription .postInfo { float:left; width:420px; }
.insidecontent .post .postDescription .postInfo h1 {  font-size:18px; font-weight:normal; margin:0px; float:left; margin-top:10px; }
.insidecontent .post .postDescription .postInfo h1 a { color:#12110f; }
.insidecontent .post .postDescription .postInfo p.postMeta { font-size:10px; color:#12110f; margin:0px; width:280px; }
.insidecontent .post .postDescription .postInfo p.postMeta a { color:#EA7A14; }
.insidecontent .post .postDescription .postAds { float:left; width:468px; }
.insidecontent .post .postDescription .btn { margin:6px 0 12px; }
.insidecontent .post .postDescription p { margin-top:4px; color:#3b3937; display:block; font-size:12px; line-height:18px; }
.insidecontent .post .datentime { width:112px; height:125px; background: url(images/icons/datetime.gif) no-repeat top left; float:right; }
.insidecontent .post .datentime2 { padding-top:8px; width:104px; height:86px; float:right; text-align:center; }
.insidecontent .post .datentime span { font-size:24px; padding-top:32px; display:block; text-align:center; color:#fff; }
.insidecontent .post .postDescription ul { margin:0px; padding:0px; list-style:none; list-style-type:none; color:#444; line-height:30px; }
.insidecontent .post .postDescription ul li { background:url(images/icons/ico-list.gif) no-repeat 0px 6px; padding-left:26px; }
.insidecontent .post .postOther { line-height:30px; background:#c8d65b; color:#fff; font-size:12px; font-weight:bold; }
.insidecontent .post .postOther a { display:block; float:left; color:#181714; width:138px; text-align:center; }
.insidecontent .post .postOther a:hover { text-decoration:none; background:#e77910; color:#fff; }
.insidecontent .post .postOther a.comments { border-right:1px solid #e8e7e7; }
.insidecontent .post .postOther a.simplelink { border-right:1px solid #e8e7e7; width:91px; }
.nobborder { border-right:0px!important }
.insidecontent .post .postOther a.comments span { color:#ea8617; }
.insidecontent .post .postOther a.download { border-right:1px solid #e8e7e7; }
.insidecontent .post .postOther a.livedemo {  }
.insidecontent .post .postOther a:hover span { color:#C8D65B; }

.postSep { margin-bottom:25px; border-bottom:4px solid #F27322; height:25px; clear:both; }
.post { width:276px; float:left;  }
.post .image { width:270px; height:210px; padding:2px; border:1px solid #D4D4D4; }
.post .image a { display:block; }
.post .image a:hover { }
.post .image a img { border:1px solid #fff; }
.post .detail { }
.post .detail h2.title { margin:4px 0px; }
.post .detail h2.title a { color:#b92652; font-size:12px; }
.post .detail p { margin:0px; font-size:11px; color:#343434; }

.post .detail2 { padding:0 0 4px; }
.post .detail2 h2.title { margin:8px 0px; font-weight:bold; font-size:12px; }
.post .detail2 h2.title a { color:#212121;  }
.post .detail2 p { margin:0px; font-size:11px; color:#839D47; }
.post .detail2 p a { color:#839D47; }
.post .btn { padding:4px 0 0; list-style:none; margin:0px; height:21px; font-size:11px; }
.post .btn li { float:left; text-align:center; margin-right:1px; }
.post .btn li a { display:block; height:21px; line-height:21px; padding:0 6px; border:1px solid #E0E0E0; text-decoration:none; background:#212121; color:#fff; }
.post .btn li.download { width:95px; }
.post .btn li.download a { background:#C02164; }
.post .btn li.preview { width:92px; margin:0px; }
.post .btn li.preview a { background:#EB0F6F; }
.post .btn li a:hover { text-decoration:none; }





.subscribe { padding:20px 15px; }
.subscribe .lw {  width:255px; float:left; }
.subscribe .rw {  width:88px; float:right; }
.subscribe h3 { font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 4px; font-size:18px; color:#616161; font-weight:normal; }
.subscribe .text { float:left; color:#0089D0; }
.subscribe .form { padding:6px 0 0; }
.subscribe .form .t { padding:3px; width:285px; border:1px solid #D5D5D5; font-size:11px; float:left; }
.subscribe .form .s { padding:2px 3px; width:62px; border:1px solid #D5D5D5; font-size:11px; background:#CDE5CD; float:right; text-transform:uppercase; }




.twocols {}
.twocols .cols, .twocols .cols1 { width:195px; }
.twocols .cols { float:left; }
.twocols .cols1 { float:right;  }

.catListing { list-style:none; padding:0px; margin:6px 0px 0px 6px; }
.catListing li { padding:4px 5px; font-size:11px; background:url(images/libg.gif) repeat-x top left; border:1px solid #d4d4d4; margin-bottom:4px; }
.catListing li a { color:#595959; display:block; background:url(images/typo/ico-featured-list.gif) no-repeat left 4px; padding-left:12px; }

.Sponsors { background:#fff; padding:10px 0px; }
.Sponsors .adSpot { width:125px; height:125px; float:left; padding-right:9px; padding-bottom:9px; }
.Sponsors .adSpotLast { padding-right:0px; }
.Sponsors ul { margin-bottom:0px!important; padding:0px!important; list-style:none; }
.Sponsors ul li { float:left!important; }

.heading, .heading2 { border-bottom:1px dotted #666666; padding:4px 4px 4px 0; background:url(images/mheading2.gif) repeat-x 0 7px; height:28px; }
.headings { border-bottom:1px dotted #666666; padding:4px; }
.headings .heading, .headings .heading2 { padding:0px; border-bottom-width:0px; }
.heading h1, .heading2 h1 { font-weight:normal; font-size:22px; color:#F27322; margin:0; background:#fff; float:left; padding-right:7px; }
.heading h1 span, .heading2 h1 span { color:#212121; }
.heading h2, .heading2 h2 { font-weight:normal; font-size:22px; color:#F27322; margin:0; background:#fff; float:left; padding-right:7px; }
.heading h2 span, .heading2 h2 span { color:#212121; }

.rightside .heading h2 { padding-left:10px; }

.showcase {  }
.showcase .showdivider { height:6px; background:#f7fbd7; clear:left; }
.showcase * { overflow:hidden; }
.showcase .templateBox { width:190px; padding:13px 0px 0px 0px; float:left; height:260px; }
.showcase .templateBox .templateImage { width:180px; height:141px; padding:4px; border:1px solid #e8e7e7; }
.showcase .templateBox h2 { font-size:12px; margin:4px 0px; padding:0px 4px; }
.showcase .templateBox h2 a { color:#3f3f3f; }
.showcase .templateBox p { padding:4px; margin:0px; font-size:11px; color:#595959; }


.slider { clear:both; padding:9px; margin:10px 0px; }
.slider .inside { padding:9px 0px; }
.slider .inside .post .detail { height:auto!important; }
img.prev, img.next { cursor:pointer; float:left; }
.slider .inside .mover h2 { color:#514C48; font-size:18px; font-weight:normal; margin:0px; float:left; margin-left:10px; }
.slider .inside ul { margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; width: 4000px; }
.slider .inside ul li { width:270px; float:left; padding:0px 6px; }
#slideshow { overflow: hidden; width:850px; margin:0px; float:left; margin:0px 38px; }
#slideshow .post { border-bottom-width:0px!important; margin:0; padding:0; }
#slideshow .post .image a {display:block; }


.catListingV { list-style:none; margin:5px 0px 10px; padding:0px; }
.catListingV li {font-size:11px; background:transparent url(images/typo/catBullet.gif) no-repeat 7px 8px; padding:6px 0px; padding-left:24px; }
.catListingV li a { color:#333333; padding:3px 0px; }

.footerBlock { background:#e4efca; border:1px solid #d7d7d7; border-left-width:0px; border-right-width:0px; padding:25px 0px; }
.footerBlock .heading { background:#E4EFCA; }
.footerBlock .heading h2 { background:#E4EFCA; }
.footerBlock .post { width:270px; float:left; margin-bottom:25px; border-bottom:4px solid #F27322; padding-bottom:25px; }
.footerBlock .post .image { width:266px; height:63px; padding:2px; border:1px solid #D4D4D4; }
.footerBlock .fotBox { width:307px; float:left; }
.footerBlock .fotBox h3 { font-size:14px; background:#C02164; line-height:33px; height:33px; padding:0px 10px; border:1px solid #e8e7e7; border-bottom-width:0px; margin:0px; color:#fff; }
.footerBlock .fotBox ul { list-style:none; list-style-type:none; margin:0px; padding:0px; }
.footerBlock .fotBox ul li { border:1px solid #e8e7e7; height:46px; padding:8px 10px; background:#D7E9AD; margin-bottom:5px; color:#100f0d; }
.footerBlock .fotBox ul li h2 { font-size:12px; margin:0px; }
.footerBlock .fotBox ul li h2 a { color:#100f0d; }
.footerBlock .fotBox ul li p { font-size:11px; margin:0px; margin-top:4px; }
.footerBlock .fotBox ul li p a { color:#100f0d; }
.footerBlock .fotMargin { padding-right:18px; }

.footer { background:#e4efca; border-bottom:1px solid #d7d7d7; }
.footer .pages { line-height:24px; text-align:center; color:#414141; }
.footer .pages a { color:#414141; }
.footer .copyright { line-height:23px; line-height:23px; color:#F7f7f7; text-align:center; }
.footer .copyright a { color:#f7f7f7; }
.footer .footbar { background:#3c3c3c; padding:4px 0px; }
.footer .colourize { background:url(images/header-bg.gif) repeat top left; height:21px; }

.wp-pagenavi { text-align:right; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #E5E5E5; color: #3F3F3F; background-color: #FFFFFF; }
.wp-pagenavi a:hover { border: 1px solid #B92652; color: #000000; background-color: #FFFFFF; }
.wp-pagenavi a:active { padding: 2px 4px 2px 4px;  margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; }
.wp-pagenavi span.pages { padding: 2px 4px 2px 4px;  margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF; }
.wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; }

#commentform {
	padding:10px;
	margin: 5px 5px 0 0;
	}
#commentform textarea {
	width: 533px;
	padding: 2px;
	margin-top:6px;
	}
	
#commentform label {
	display:block;
	padding-top:10px;
	float:left;
	width:206px;
	font-size:12px;
	}
#commentform label small {
	font-size:12px;
}
#commentform input#author, #commentform input#email, #commentform input#url {
	width: 314px;
	padding: 2px;
	margin: 5px 0px 1px 0;
	float:right;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	width:150px; height:30px;
	padding-bottom:8px;
	font-size:12px;
	}

#respond h3, #comments, #leaved { color:#DE4834; padding:8px 0px; margin-bottom:4px; font-family:Arial; font-size:20px; margin-top:0px; margin-bottom:10px; font-weight:normal; border-top:1px dotted #BEBEBE; border-bottom:1px dotted #BEBEBE; }

ol.commentlist { list-style:none; margin:0; padding:10px; text-indent:0; border-bottom:1px solid #ededed; margin-bottom:12px; }
ol.commentlist li { border:2px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding:10px;
	margin-bottom: 10px;
	}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}


.ngg-imagebrowser { clear:both; width:520px; margin:0px auto; }
.ngg-imagebrowser h3 {  width:550px; margin:0px; width:550px; display:none; }
.ngg-imagebrowser img {	border:1px solid #A9A9A9; display:block; margin:0 auto; padding:5px; width:500px !important}
.ngg-imagebrowser-nav .back a, .ngg-imagebrowser-nav .next a { color:#005391; }
.ngg-imagebrowser-nav .back a:hover, .ngg-imagebrowser-nav .next a:hover { text-decoration:none; }

/*DDSMOTH MENU*/



.ddsmoothmenu{
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: white;
padding: 0px 10px;
border-right: 1px solid #b6c034;
color:#3F3F3F;
font-weight:bold;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{  }
.ddsmoothmenu ul li ul li { background: #F9FED2; /*background of menu items during onmouseover (hover state)*/
color: #3F3F3F; 
font-size:11px;
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected{
background: #E77910; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
/*width: 160px; width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}


a img {
border : 0;
}
div.wrap {
width : 585px;
margin : 0 auto;
text-align : left;
}
div.wrap a { color:#fff; }
div#top div#nav {
float : left;
clear : both;
width : 585px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 271px;
}
div#header div#slide-holder {
z-index : 40;
width : 585px;
height : 271px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 0;
left : 0;
width : 585px;
height : 271px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 0;
width : 585px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}