/*
Theme Name: Learn the Oud theme
Theme URI: http://www.learntheoud.com/
Description: This theme was designed by Philipp Knoll.
Version: 1.0
Author: Philipp Knoll
Author URI: http://www.philippknoll.com/
Tags: black, red, custom header, fixed width, two columns, widgets


*/

body {font-size:13px; font-family: Arial, Helvetica, sans-serif; background:#000000 url(images/oud-bodybg.jpg) repeat-y center; color:#333333; text-align:center; margin:0; padding:0;}

#page {margin:40px auto 40px auto; padding:0; width:920px; border:0;}

#background {background:url(images/oud-pagebg.png) repeat-y; width:920px; margin:0; padding:0; float:left;}

#top {height:35px; width:920px; float:left; margin:0; padding:0; background:url(images/oud-topbg.png) no-repeat;}

#logo {height:183px; width:860px; margin:0; padding:0 30px 0 30px; float:left;}

#navi {height:22px; width:840px; margin:0 30px 0 30px; padding:10px 0 0 20px; float:left; background:url(images/oud-navibg.jpg) no-repeat; text-align:left;}

#sidebar {padding:20px 30px 0 20px; float:left; width:240px; text-align:left; font-size:12px;}

#sidebar h2 {font-size:13px; color:#333333; font-weight:bold; margin:0 0 10px 0; width:100%;}

#sidebar a {font-size:11px; color:#0066CC; text-decoration:none;}

#sidebar a:hover {font-size:11px; color:#333333; text-decoration:none;}

#sidebar ul {padding:0; margin:0 0 30px 0;}

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

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

.sidebarsubscribe {width:100%; border-top:2px #CC0000 dashed; border-bottom:2px #CC0000 dashed; padding:20px 0 20px 0; background:#F5E7CA;}

.sidebarsubscribe form {margin:0; padding:0;}

.sidebarinput {width:232px; height:16px; padding:2px 0 0 2px; border:1px #666666 solid;}

.sidebarinput:hover {background:#DCEBF1;}

.sidebarbutton {padding:20px 0 0 0;}

.sidebarbutton:hover {-moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65);}

.narrowcolumn {float:left; padding:0 0 0 30px; margin:0; width:600px; text-align:left;}

.widecolumn {float:left; padding:0; margin:0; width:700px;}

#footer {padding:30px 30px 0 30px; margin:0; width:860px; height:40px; clear:both; font-size:10px; color:#333333; text-align:center; background:url(images/oud-pagebg.png) repeat-y;}

#bottom {padding:0; margin:0; float:left; background:url(images/oud-bottombg.png) no-repeat; width:920px; height:35px;}

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

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

#content {margin:0 0 30px 0;}

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

.entry {padding:0; margin:20px 0 40px; line-height:17px; letter-spacing:1px;}

.entry img {padding:4px; border:#666666 1px solid; background:#FFFFFF;}

.entry img:hover {background:#F7F7F7;}

.entry ul {margin:20px 0 20px 0;}

.entry li {margin:10px 0 10px 0;}

.productbox {width:560px; min-height:295px; margin:-20px 0 20px 0; padding:20px; float:left; background:#F5E7CA url(images/oud-productboxbg.jpg) no-repeat bottom;}

.productbox img {border:0; background:none;}

.productbox h2 {font-size:18px; font-weight:bold; color:#333333; margin:0 0 20px 0;}

.postmetadata {font-size:10px; color:#999999; text-align:center;}

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

.navigation {padding:0; margin:20px 0 20px 0; width:100%; float:left;}

img {border:0;}

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

img.alignright {padding:5px; margin:0 0 2px 7px; display:inline; float:right; border:#C0C0C0 1px solid; background:#FFFFFF;}

img.alignright:hover {padding:5px; margin:0 0 2px 7px; display:inline; float:right; border:#C0C0C0 1px solid; background:#DDDDDD;}

img.alignleft {padding:5px; margin:0 7px 2px 0; display:inline; float:left; border:#C0C0C0 1px solid; background:#FFFFFF;}

img.alignleft:hover {padding:5px; margin:0 7px 2px 0; display:inline; float:left; border:#C0C0C0 1px solid; background:#DDDDDD;}

.entry .signature {border:0;}

.entry .buttonright {padding:4px 0 4px 4px; margin:0; display:inline; float:right;}

.entry .buttonright:hover {padding:4px 0 4px 4px; margin:0; display:inline; float:right; -moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65); background:none;}

h1 {font-size:20px; color:#333333;}

h2 {font-size:20px; color:#333333; margin:0;}

h2 a{font-size:20px; color:#333333;}

h2 a:hover{font-size:20px; color:#0066CC;}

h2.templateheadline {padding:0; margin:40px 0 0 0;}

h3 {font-size:16px; color:#333333; font-weight:bold;}

h4 {font-size:20px; color: #990000; font-weight:bold;}

a {color: #0066CC; text-decoration:none;}

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

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

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

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

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

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

#commentform textarea {width:100%; padding:2px;}

#commentform small {color:#333333;}

#commentform submit {}

.commentbox {color:#333333; border:#CCCCCC 1px solid; background:#CCFFFF; margin:0; padding:0;}

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

.commentlist ul {padding:0; margin:0;}

.commentlist ul li {}

.commentlist li {padding:4px; margin:10px 0 10px 0; list-style-type:none;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:333333; font-style:normal;}

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


/* Start Dropdown Navigation Menu */

#nav, #nav ul {padding: 0; margin: 0; list-style: none;}

#nav a {display: block; font-size:17px; border-bottom:none; color:#FFFFFF; text-decoration:none; letter-spacing:1px; font-weight:normal;}

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

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

#nav li ul {position: absolute; background:#EFEFEF; width: 12.5em; text-align:left; border-left: 0px solid #333333; border-right: 0px solid #333333; border-bottom: 0px solid #333333; left: -999em; padding:5px 10px 10px 10px; z-index:1; margin-left:-10px; opacity:.9; filter: alpha(opacity=90); -moz-opacity: 0.90; }

#nav li ul li {padding-top:2px; padding-bottom:1px; width:12.5em;}

#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 Dropdown Navigation Menu */


.wordtube {margin:-32px 0 0 0;}

.subscriptionbox {margin:40px 0 40px 0; padding:40px 10px 20px 10px; width:500px; height:140px; border-top:2px #540100 solid; border-bottom:2px #540100 solid; font-size:16px; font-weight:normal;}

.subscriptioninput {width:200px; font-size:12px; font-weight:normal; height:18px; padding:2px 0 0 2px; border:1px #666666 solid;}

.subscriptioninput:hover { background:#DCEBF1;}

.subscribebutton {padding:20px 0 0 0;}

.subscribebutton:hover {-moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65);}

.entry .centerbutton {display:block; margin-left:auto; margin-right:auto; border:0; background:none;}

.entry .centerbutton:hover {-moz-opacity: 0.65; opacity:0.65; filter: alpha(opacity=65);}