/*
Theme Name: MSS NEW
Theme URI: http://www.mystudiospace.com/
Description: .
Version: 1.0
Author: My Studio Space
Author URI: http://www.mystudiospace.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/


/* Body + Wrapper */

body {font-size:12px; font-family:Arial; background-color:#CBCC66; color:#333333; text-align:center; margin:0; padding:0;}

#topbar {width:100%; height:5px; margin:0 auto; padding:0; background-color:#303030;}

#wrapper {width:930px; margin:0px auto; padding:0; text-align:left; background-color:#FFFFFF;}

/*  END Body + Wrapper */


/* Page */

#page {width:930px; margin:0; padding:0 0 70px 0; text-align:left; background-color:#FFFFFF; float:left;}

/* END Page */





/* Header */

#header {width:930px; margin:0; padding:0; float:left; background-color:#FFFFFF;}

#logo {width:331px; height:99px; margin:0; padding:0; float:left;}

#banner {width:930px; height:325px; margin:0; padding:0; float:left; background-color:#303030; z-index:999;}

#bannerswirls {width:930px; height:50px; margin:-50px 0 0 0; padding:0; float:left; z-index:1;}

/* END Header */



/* Navigation */

#navi {width:599px; height:99px; margin:0; padding:0; float:left; background-color:#FFFFFF;}

#nav, #nav ul {padding: 0 30px 0 0; margin: 0; list-style: none; float:right;}

#nav a {font-size:13px; letter-spacing:1px; text-transform:none; color:#303030; text-decoration:none; padding:25px 0 0 0; margin:0; font-weight:normal; display:block;}

#nav a:hover {color:#FF6699; text-decoration:none;}

#nav li {float: left; padding:0 0 0 30px; margin:0;} 

#nav li ul {margin:-1px 0 0 -10px; padding:5px 10px 0 10px; width:180px;  left: -999em; position:absolute; background:#FFFFFF; text-align:left;}

#nav li ul li {list-style:none; border-bottom:0px #B2D7E9 solid; float:left; width:150px; padding:0; font-size:12px;}

#nav li ul li a {display:block;  padding:4px 0 4px 0px; text-decoration:none; background:#FFFFFF; color:#303030; font-size:13px;}

#nav li ul li a:hover {background:#FFFFFF; display:block;  padding:4px 0 4px 0x; text-decoration:none; color:#CAD910; font-size:13px;}

.fixed a {position:relative;}

#nav li ul ul {margin: -1em 0 0 8.5em; border-left: 1px solid #fedc00;text-align:left;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}

#nav li:hover, #nav li.hover {position: static;}

/*  END Navigation */







/* Content */

#textcolumn {width:643px; margin:0; padding:20px 10px 0 20px; float:left; text-align:left; background-color:#FFFFFF;}

.pagecontent ul {margin:20px 0 20px 40px; padding:0; list-style-type:none;}

.pagecontent li {padding:0 0 5px 0; margin:0; list-style-type:circle;}

.pagecontent {margin:0; padding:0; float:left; font-size:13px;}

.pagecontent h1 {font-size:26px; font-weight:normal;}

.pagecontent h2 {font-size:22px; font-weight:normal;}

.pagecontent h3 {font-size:18px; font-weight:normal;}

.post {padding:0; margin:0 0 50px 0;}

.post h1 {font-size:26px; font-weight:normal;}

.post h2 {font-size:26px; font-weight:normal;}

.post h2 a {font-size:26px; font-weight:normal; text-decoration:none; color:#303030;}

.post h2 a:hover {color:#00A8FF;}

.post h3 {font-size:22px; font-weight:normal;}

.post h4 {font-size:18px; font-weight:normal;}

.entry {padding:0; margin:0;}

.entry ul {margin:20px 0 20px 40px; padding:0; list-style-type:none;}

.entry li {padding:0 0 5px 0; margin:0; list-style-type:circle;}

.postmeta {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:30px 0 0 0; padding:0;}

.gravatarmeta {width:100%; float:left; margin:10px 0 30px 0; padding:0;}

.gravatar {float:left; margin:0; padding:0 10px 0 0;}

.gravatar img {padding:2px; border:#CCCCCC 1px solid;}

.gravatar img:hover {padding:2px; border:#CCCCCC 1px solid; background:#CAD910;}

.postmetaheadline {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:0; padding:3px 0 0 0;}

/* ??? */ .postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#CCFFFF; margin:20px 0 20px 0; padding:4px; line-height:11px;}

/*  END Content */




/* Sidebar */

#sidebarwrapper {width:257px; min-height:531px; margin:0; padding:0; float:left; text-align:left;}

#sidebar {width:227px; min-height:459px; margin:0; padding:0 30px 0 0; float:left; text-align:left; background:#FFFFFF url('images/mss-sidebar-bg.jpg') no-repeat;}

#sidebar ul {margin:110px 0 0 30px; padding:0; list-style-type:none;}

#sidebar li {margin:0 0 30px 0; padding:0; list-style-type:none;}

#sidebar ul li ul {margin:20px 0 20px 10px; padding:0; list-style-type:none;}

#sidebar ul li ul li {margin:0 0 5px 0; padding:0; list-style-type:none;}

#sidebar h2 {margin:0 0 10px 0; padding:0; color:#303030; font-size:16px; font-weight:normal; border-bottom:1px #E7FE89 solid;}

#sidebar h3 {margin:0 0 5px 0; padding:0; color:#90C127; font-size:14px; font-weight:bold;}

#sidebar a h3 {margin:0 0 5px 0; padding:0; color:#08A0EE; font-size:13px; font-weight:bold; text-decoration:none;}

#sidebar a:hover h3 {color:#90C127;}

#sidebarbottom {width:257px; height:72px; margin:0; padding:0; float:left; background:url('images/mss-sidebar-bottom.jpg') no-repeat;}

/*  END Sidebar */




/* Footer */

#footer {width:100%; margin:-47px 0 0 0; padding:0; color:#999999; float:left; text-align:left;}

#footer a {color:#999999; text-decoration:none;}

#footer a:hover {color:#FFFFFF; text-decoration:none;}

#grassfooter {width:100%; height:47px; margin:0 auto; padding:0; background:url('images/mss-grass.png') repeat-x;}

#contentfooter {width:100%; margin:0 auto; padding:0 0 20px 0; background-color:#333333; float:left;}

#contentfooter h2 {font-size:18px; font-weight:normal; color:#FFFFFF;}

#contentfooterwrapper {width:930px; margin:0 auto; padding:0;}

#footerbox1 {width:160px; margin:0; padding:20px 10px 0 10px; float:left;}

#footerbox1 img { vertical-align:middle; margin:-4px 10px 0 0; padding:0;}

#footerbox2 {width:110px; margin:0; padding:0 10px 0 0; float:left;}

#footerbox2 ul {margin:0; padding:0; list-style-type:none;}

#footerbox2 li {margin:0 0 5px 0; padding:0; list-style-type:none;}

#footerbox3 {width:330px; margin:0; padding:0 5px 0 10px; float:left;}

#footerbox4 {width:270px; margin:0 10px 0 5px; padding:0; float:left;}

#footerbox4 input {width:170px; height:18px; font-size:13px; color:#FFFFFF; padding:2px; border:none; background-color:#999999; margin:0 10px 5px 0;}

#footerbox4 .send {width:65px; height:24px; background-color:#333333; vertical-align:text-bottom;}

#subfooter {width:100%; height:30px; margin:0 auto; padding:0; background-color:#FFFFFF; float:left;}

#subfootercontent {width:920px; height:22px; margin:0 auto; padding:8px 10px 0 0; background-color:#FFFFFF; text-align:right;}

#bottombar {width:100%; height:5px; margin:0 auto; padding:0; background-color:#303030;}

#subfooter a {color:#999999; text-decoration:none;}

#subfooter a:hover {color:#08A0EE; text-decoration:none;}

/*  END Footer */







/* Recent Comments 

.recentcommentbox {width:278px; margin:0 0 4px 0; padding:10px; float:left; background-color:#F2F2F2; border:1px solid #EAEAEA;}

.recentgravatar {width:54px; float:left; margin:0; padding:0;}

.recentgravatar img {padding:4px; margin:0; border:1px #CCCCCC solid; background-color:#FFFFFF;}

.recentgravatar img:hover {background-color:#90C127;}

.recenttext {width:214px; float:left; margin:0; padding:0 0 0 10px; letter-spacing:normal;}

  END Recent Comments */







/* Twitter 

#twitterbox {background-color:#DDEEF6; background-image:url(images/pk-twitterbox-bg.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #002233; margin:0; padding:20px 10px 5px 5px; float:left;}

#twitter_update_list ul {padding:5px; margin:0; list-style-type:none;}

#twitter_update_list li {padding:0; margin:0 0 20px 0; list-style-type:none; letter-spacing:normal;}

  END Twitter */







/* Comments */

#commentswrapper {width:100%; margin:0 0 20px 0; padding:0; float:left;}

#commentform {width:100%; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:637px; padding:2px;}

#commentform small {color:#303030;}

#commentform submit {}

#commentlist {padding:0; margin:0;}

#commentlist ul {padding:0; margin:0; list-style-type:none;}

#commentlist li {padding:0; margin:0 0 50px 0; list-style-type:none;}

.commentsh3 {font-size:22px; color:#303030; font-weight:normal; margin:30px 0 20px 0;}

.commentbox {color:#303030; margin:0; padding:0; width:643px; float:left;}

.commentgravatar {float:left; margin:0 10px 0 0; padding:0;}

.commentgravatar img {padding:4px; border:#CCCCCC 1px solid;}

.commentgravatar img:hover {padding:4px; border:#CCCCCC 1px solid; background:#CAD910;}

.commentauthor {float:left; padding:14px 0 0 0; margin:0; font-size:19px;}

.commentauthor a {color:#303030; text-decoration:none;}

.commentauthor a:hover {color:#00A8FF; text-decoration:none;}

.commentstatus {width:643px; text-align:center; color:#CAD910; font-weight:bold; padding:0; margin:20px 0 0 0; float:left; font-style:italic;}

.commenttext {width:643px; float:left; margin:0; padding:0;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-weight:bold; color:#303030; font-style:normal;}

.commentlist small {font-size:10px; color:#999999;}


/*  END Comments */








/* Previous and Next */

#navigation {padding:0; margin:40px 0 0 0; width:643px; float:left; font-size:15px;}

#navigationindex {padding:0; margin:-20px 0 0 0; width:643px; float:left; font-size:15px;}

.previouspost {float:left; width:312px; padding:0 10px 0 0; margin:0;}

.nextpost {float:left; width:311px; padding:0 0 0 10px; margin:0; text-align:right;}

#navigation h2 a {font-size:15px; color:#00A8FF; font-weight:normal; text-decoration:none;}

#navigation h2 a:hover {font-size:15px; color:#00A8FF; font-weight:normal; text-decoration:underline;}

/*  END Previous and Next */






/* Links */

a {color:#00A8FF; text-decoration:none;}

a:hover {color:#00A8FF; text-decoration:underline;}

/*  END Links */







/* Images */

img {border:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline; float:right;}

img.alignleft {padding:0px; margin:3px 10px 2px 0; display:inline; float:left;}

/*  END Images */








/* Font Colors */

.green {color:#90C127;}

/*  END Font Colors */







/* Special Classes */

.archiveheadline {font-size:19px; color:#90C127; margin:0 0 30px 0;}

small {font-size:10px; color:#999999;}

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

/*  END Special Classes */



/* Share This */

.sharethisimg {width:643px; float:left; margin:30px 0 30px 0; padding:0; text-align:center;}

.sharethisimg img {margin:0; padding:0 1px 0 1px;}

.sharethisimg img:hover {-moz-opacity: 0.40; opacity:.40; filter: alpha(opacity=40);}

/* END Share This */



/* blackbox */

.blackboxwrapper {padding:0; margin:20px 0 20px 0; float:left;}

.blackbox1 {width:278px; margin:0 47px 0 0; padding:10px 10px 30px 10px; background-image:url('images/mss-blackbox-content.jpg'); background-repeat:no-repeat; background-position:bottom; background-color:#303030; float:left; color:#FFFFFF;}

.blackboxtop {width:298px; height:7px; padding:0; margin:-10px 0 0 -10px; float:left; background-image:url('images/mss-blackbox-top.jpg');}

.blackbox2 {width:278px; margin:0; padding:10px 10px 30px 10px; background-image:url('images/mss-blackbox-content.jpg'); background-repeat:no-repeat; background-position:bottom; background-color:#303030; float:left; color:#FFFFFF;}

.bbboxwrapper {padding:0; margin:20px 0 20px 0; float:left;}

.bbboxtop {width:643px; height:20px; margin:0; padding:0; background-image:url('images/mss-bbbox-top.jpg'); float:left;}

.bbboxmiddle {width:623px; margin:0; padding:0 10px 0 10px; background-color:#303030; float:left; color:#FFFFFF;}

.bbboxbottom {width:643px; height:20px; margin:0; padding:0; background-image:url('images/mss-bbbox-bottom.jpg'); float:left;}

/* blackbox */